Maximum call stack size exceeded
js / 2017-12-29 23:01:26 5,010 views

写了一段代码,结果控制台报栈溢出 Maximum call stack size exceeded    一般是因为无限递归的原因。检测下代码是否陷入了无限循环中。

js利用事件委托减少dom引用提高性能
js / 2017-12-28 23:22:13 4,685 views

事件委托的定义: 利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 使用事件委托时,只需在DOM树中尽量最高的层次上添加一个事件处理程序 案例 例如为ul下的每个li都指定事件处理程序 ,其实可以利用事件委托在ul上面绑定事件处理程序 html代码 <ul id=”list”> <li id=”item1″>item</li> <li…

解决ie10以下页面加载时input不能获取焦点的问题
html , js / 2017-12-26 23:22:03 8,436 views

主流浏览器 主流浏览器可以通过h5新增的html特性 autofocus 给当前的元素添加来获取焦点 如 <form> <input type=”text” id=”text” autofocus/>  <–!页面加载时自动获取焦点,ie10以下不支持–> </form> ie10以下 <form> <input type=”t…

div懒加载大致思路 switch多范围
js / 2017-12-24 22:44:10 4,896 views

大致实现思路   第一个区县装载数据,然后根据滚动事件,滚到哪层时,加载数据。 关键点就是当当前视口的高度+滚到高度>当前层的高度时 装载数据 其中各个层的高度范围可以用swicth来区分     注意switch(true), top = document.documentElement.scrollTop || document.body.scrollTop; //滚动高度+视口的高度&…

在线JS/CSS/HTML压缩
推荐 / 2017-12-23 23:53:34 4,754 views

突然发现一个工具还不错 http://tool.oschina.net/jscompress 在这上面可以直接使用yui  compressor   直接选择本地文件来压缩就好,只是文件顺序要相反。多个js文件合并后,可以很好的减少http请求,来达到优化

webpack入门及进阶
js / 2017-12-22 22:50:46 4,622 views

2017年12月7日更新,添加了 clean-webpack-plugin , babel-env-preset ,添加本文涉及到的所有代码的示例,如果你在学习过程中出错了,可点击此处参考 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅…

小tip: base64:URL背景图片与web页面性能优化
js / 2017-12-21 22:32:12 3,948 views

一、base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息。 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?~~ 好吧,我也不喜欢专业术语的解释。你只要知道,base64编码就是长得像下面这样子的代码: thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3Ns…

js将页面数据导入到excel表中
js / 2017-12-19 23:35:49 6,504 views

将页面数据导入到excel表中 在线使用 <script src=”https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js”></script> 本地使用 下载地址  https://github.com/cuikangjie/JsonExportExcel.git  本地引用zip包…

js批量定义变量
js / 2017-12-18 23:24:08 3,058 views

批量定义变量,用到了全局变量的方括号法 createVariables(“a”, 5, 5);变量名字,长度,变量值都可以自己定义。 function createVariables(name, len, data) { for(var i = 1; i <= len; i++) { window[name + i] = data; } } console.log(a1);//5 conso…