菜单

HTML 提高页面加载速度的措施,html提高页面加载

2018年11月15日 - Ajax

连带问题跟:

HTML 提高页面加载速度之方式,html提高页面加载

(1)减少 HTTP 的乞求。(合并资源文件 和 使用图片精灵 ;

(2)把CSS  放头部,把 JavaScript 放到 body 标签尾部;

(3)定义图片的宽和高;

(4)定义字符集;

(5)避免空的 src 和 href 属性,

    html里这样勾画:<a href=”javascript:;”
class=”triggerName”>Trigger</a>  

    js 里这样定义:

        $(“#triggerName”).click(function(e){

            e.preventDefault(); //
取消单击事件之默认动作为堵住链接的跳转//

        }) 

(6)启用 GZIP 压缩;

(7)摈弃 CSS 表达式,用更高效的 CSS 选择器;

(8)使用外链的 CSS 和 JavaScript;

(9) 对 CSS 和 JavaScript 进行代码压缩;

(10)减少重绘;

 

http://www.bkjia.com/Javascript/1190739.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/1190739.htmlTechArticleHTML 提高页面加载速度的法,html提高页面加载
(1)减少 HTTP 的请求。(合并资源文件 和 使用图片精灵 ; (2)把CSS
放头部,把JavaScr…

1、layUI使用jquery.load加载界面时,如何为layui渲染页面?

2、layUI ajax加载html页面后更渲染

layUI
ajax加载html页面后渲染,关键在将html插到指定位置后再次调用element.init();渲染

$.ajax({
    url : url,
    type : 'GET',
    success : function(data) {
     $("#layui-tab-title").append("<li class='layui-this'>tab名称</li>");
     $("#layui-tab-content").append(data);

     layui.use('element', function() {
      var element = layui.element;
      element.init();
     });
    }
   })

渲染主要以下面element.init();这词

layui.use('element', function() {
  var element = layui.element;
  element.init();
 });

恍如之,如果form中之radio没有渲染,则在加载页面上加以下代码亦可解决:

layui.use('form', function() {
  var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
  form.render();
 });

以上这首layUI
ajax加载html页面后再度渲染之措施就是稍稍编分享给大家的全部内容了,希望能够给大家一个参照,也意在大家多支持脚本的拙。

你可能感兴趣的篇章:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图