摘要: 优化网站的性能有一个解决办法,就是做懒加载。图片要进入视角才开始加载,组件要用到了才加载那个js。 对组件js代码的拆分,我们可以用react.lazy去包裹组件,让它拆分成独立的chunk。 const Test = () => { return <div> <p>光明总会到来</p> </div 阅读全文
posted @ 2026-03-18 18:27 supportlss 阅读(6) 评论(0) 推荐(0)
摘要: 开发jqury插件,其实就是把开发的组件挂载到jqury原型下面,例如这样子。 !(function($, window, document, undefined) {//块级作用域 function Grid() {//表格构造方法 } $.fn.bsGrid = function(options 阅读全文
posted @ 2017-11-24 00:08 supportlss 阅读(560) 评论(0) 推荐(0)
摘要: 首先要来理解一下负数margin+浮动会出现什么效果。 如果为一个元素设置一个负数的margin-right,它会超出父元素的右边框。 这时候,给son元素设置一个右边浮动属性,它就会又回到右边啦。 注意:如果是margin-left负数,就要设置右浮动,如果是margin-right负数,就要设置 阅读全文
posted @ 2017-11-03 00:25 supportlss 阅读(489) 评论(0) 推荐(0)
摘要: 我们经常看到这样的布局方式:左边的侧边栏宽度固定,右边的主要内容区域宽度自适应变化。现在提供一个css布局方式。 html代码: <div class="row"> <div class="side"> <img src="side.png" alt="order"> <p>In restauran 阅读全文
posted @ 2017-11-02 23:41 supportlss 阅读(146) 评论(0) 推荐(0)
摘要: 多列等高布局是在一个容器里面,并排的多列,如果内容的高度无法在一开始确定(例如内容是动态的),又需要让各列自然地撑开(不出现每列里面的滚动条),这时候需要用css或者js的方法把各列高度设置为最高列的高度。这里我们介绍纯css实现方法。 程序代码: <div id="container"> <div 阅读全文
posted @ 2017-10-31 23:29 supportlss 阅读(184) 评论(0) 推荐(0)