html资源
html资源

HTTP 请求头方式(application/x-www-form-urlencoded 或者application/json;charset=utf-8)

设置请求头 封装axios的时候,给它全局设置 application/x-www-form-urlencoded 或者application/json;charset=utf-8

axios.defaults.baseURL = 'https://www.172u.cn';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

或者jQuery 中 $.ajax application/x-www-form-urlencoded 或者application/json;charset=utf-8

$.ajax({
   type: 'POST',
   contentType: 'application/json;charset=utf-8', // 发送的数据类型
   dataType: 'json',   // 接收的数据类型
   url: 'http://www.172u.cn',
   data: JSON.stringfy(formData),
   success: function (res) {
      console.log(res.data)
   }
}) 

Layui 2.8.0 正式发布,朴实归来

在一个不起眼的周一的清晨,Layui 发布了 2.8.0 的正式版本,以及全新的文档站。

在 Layui 过往七年的开源历程中,从未用多达二十个预览版去为一个正式版而引路。 显然,2.8.0 是 Layui 一次朴实的回归,更是情怀的延续。但却并不是想以此呼吁人们重新去选择它,我们仍然坚持两年前那则《Layui 原官网下线公告》中的观点, 即仍然推荐大家去拥抱主流,始终保持对前沿技术的无限热爱,是开发者们都应具备的思维属性。 而 Layui 所做的,是为填补主流之外的那些略显狭小的空隙。

Layui 虽然并不是前端主流,但也早已不是作者个人的 Layui,而是所有仍在坚持使用它的人的 Layui,它仍然支撑着许多项目,也代表着许多人的工作,作为开源创作者的我们,应该要为这些坚持者而守望。

更新日志
https://layui.dev/docs/versions.html
https://gitee.com/layui/layui/releases
https://github.com/layui/layui/releases

作者还是贤心,那还是原来的,很高兴回归!

JS实例 切割数据后随机展示

原数据大概有几百张图,为了展示删减了,新浪大多数图也失效了,这里只是为了演示效果。

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="referrer" content="never">
    <title>TOP20</title>
    <style>
       div{
        position: fixed;
        top: 50%;
        right: 100px;
        z-index: 100;
        line-height: 30px;
        color: #fff;
        border-radius: 4px;
        background: #123;
        padding: .5em;
        box-shadow: 2px 3px 5px rgba(0,0,0,.5);
        cursor:pointer;
      } 
    </style>
  <body >
    <b id="pic" ></b>
    <div id="show30" style="top: 40%">随机显示不超3张</div>
    <div id="showall">显示全部(考验你网速和机子性能)</div>
      <div id="show" style="top: 70%">一起遨游</div>
   
  </body>
  <script type="text/javascript">
    var img='http://wx4.sinaimg.cn/large/005vbOHfgy1ff3si75t4yj30m80wiaez.jpg,http://wx1.sinaimg.cn/large/005vbOHfgy1ff3si3fctsj30dw0ki76a.jpg,http://wx3.sinaimg.cn/large/005vbOHfgy1ff3shxa4qoj30gi0kr4qp.jpg,http://wx3.sinaimg.cn/large/005vbOHfgy1ff3shswjptj30ia0rftbq.jpg,http://ww4.sinaimg.cn/large/a82b014bjw1fbaff1h2olg20fa05qhdz.gif,http://wx4.sinaimg.cn/large/a180de74gy1ff3h090e37g20b409dnph.gif,http://wx2.sinaimg.cn/large/006GlaT2ly1ff3mi2vzy5j30eg0j0mza.jpg,http://wx4.sinaimg.cn/large/005LPJdcly1ff3j7xwkdvj30go0mzqml.jpg,http://wx1.sinaimg.cn/large/92e8647aly1ff3f2ibcq6g20d10ej1kz.gif,http://ww2.sinaimg.cn/large/a82b014bjw1f2s4ozmf2wg207r07c1kx.gif,http://wx2.sinaimg.cn/large/66b3de17gy1ff2ulg7dc3j20dw0h5dgf.jpg';


  
    var pic=document.getElementById("pic");
    var imgArr=img.split(",");
    var tem,j=0;
    document.querySelector('#show30').addEventListener('click',show30);
    document.querySelector('#showall').addEventListener('click',showa);
    console.log("长度"+imgArr.length);
    function show30(){
      pic.innerHTML="";
     
      for (var i = 0; i <3; i++) {
        var j=Math.ceil(Math.random()*1000+1); 
        console.log(j);
        if(j>=imgArr.length)
          return;
        tem=document.createElement('img');
        tem.setAttribute("referrerpolicy","no-referrer");
        tem.src=imgArr[j];
        pic.appendChild(tem);
      }

    }
    function showa(){
      pic.innerHTML="";
      for (j;j<imgArr.length;j++) {
        tem=document.createElement('img');
        tem.setAttribute("referrerpolicy","no-referrer");
        tem.src=imgArr[j];
        pic.appendChild(tem);
      }
    }
  </script>
</html>

Maven 镜像源加速-腾讯云

操作场景
为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

公网访问地址:http://mirrors.cloud.tencent.com/
内网访问地址:http://mirrors.tencentyun.com/
设置方法
settings.xml 文件中的 mirrors 标签中添加 mirror 子节点:

<mirror>
    <id>tencent-cloud</id>
    <mirrorOf>central</mirrorOf>
    <url>http://mirrors.cloud.tencent.com/nexus/repository/maven-public/</url>
</mirror>