摘要: 数组的拓展 拓展运算符 含义 扩展运算符(spread)是三个点( )。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。 该运算符主要用于函数调用 该运算符将一个数组,变为参数序列。 扩展运算符与正常的函数参数可以结合使用,非常灵活。 扩展运算符后面还可以放置表达式。 如果扩展运 阅读全文
posted @ 2019-09-18 09:18 windalm 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 减少请求数量 https://segmentfault.com/a/1190000015990848 合并 合并js文件 合并css文件 合并法则 公共库合并 不同页面单独合并 图片处理 雪碧图 Base64 将图片的内容以Base64格式内嵌到HTML中,可以减少HTTP请求数量。但是,由于Bas 阅读全文
posted @ 2019-09-18 09:16 windalm 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 定位 文档流 是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子占据自己的位置。 relative 相对元素定位,元素所占据的文档流的位置不变,元素本身相对文档流的位置进行偏移 absolute 绝对定位 阅读全文
posted @ 2019-09-18 09:14 windalm 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 事件循环 Event Loop 程序中设置两个线程:一个负责程序本身的运行,称为"主线程";另一个负责主线程与其他进程(主要是各种I/O操作)的通信,被称为"Event Loop线程"(可以译为"消息线程")。 所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asy 阅读全文
posted @ 2019-08-26 20:51 windalm 阅读(1078) 评论(0) 推荐(0) 编辑
摘要: 定义 发布订阅者模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖它的对象都将得到通知。 在javascript中,我们一般用事件模型来替代传统的发布—订阅模式。 现实中的发布—订阅模式 ​ 小明最近看上了一套房子,到了售楼处之后才被告知,该楼盘的房子早已售 阅读全文
posted @ 2019-08-20 14:48 windalm 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 1.定义 保证一个类只有一个实例,并提供一个访问它的全局访问点。 2. 应用场景 当我们单击登录按钮的时候,页面中会出现一个登录浮窗,而这个登录浮窗是唯一的,无论单击多少次登录按钮,这个按钮都只会被创建一次,那么这个登录浮窗就适合用单例模式来创建。 3.实现单例模式 3.1方法 用一个变量来标志当前 阅读全文
posted @ 2019-08-19 23:22 windalm 阅读(182) 评论(0) 推荐(0) 编辑
摘要: function page(n, s) { var ideaType = ; parent.window.document.getElementById("mainFrame").src = "${ctxf}/trend/idea/ideaList?&ideaType="+ ideaType+ "&pageNo=" + n + "&pageSize... 阅读全文
posted @ 2019-08-11 17:35 windalm 阅读(179) 评论(0) 推荐(0) 编辑
摘要: div2的z-index为2,但是现在绝对定位的div3明明z-index比它大, 却依旧在这个层之下。原因是z-index是相对同一父元素下叠加时的z轴顺序。 z-index具有继承性,用简单的数学逻辑表示就是:div1的z-index为1,则它 的子元素div3的z-index就应该是1.xx, 阅读全文
posted @ 2019-05-08 16:05 windalm 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 第1个问题是viewport各个属性值的意义,以及如何实现不用viewport控制用户不能缩放,回答用js监听屏幕宽度。 第2个问题是设计弹出层的具体过程。 第3个问题是基础css水平垂直居中。 第4个问题是透明度问题。 第5个问题是点透问题。为什么会有点透现象。 第6个问题是http缓存机制。 第 阅读全文
posted @ 2019-04-25 22:11 windalm 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 待付款(${fnc:getOrderNum('1')})|待发货(${fnc:getOrderNum('2')})|待确认收货(${fnc:getOrderNum('3')})|... 阅读全文
posted @ 2019-04-19 10:51 windalm 阅读(178) 评论(0) 推荐(0) 编辑