js选择框脚本,添加及删除选择项
js / 2017-12-31 23:16:39 1,101 views

选择框脚本 选择框是通过<select>和<option>元素创建的 HTMLSelectElement提供的属性和方法 >add(newOption,relOption):向控件中插入新<option>元素,其位置在相关项之前 >multiple:布尔值,表示是否允许多项选择,等价于html中的multiple特性 >options:控件中所…

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

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

js利用事件委托减少dom引用提高性能
js / 2017-12-28 23:22:13 936 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 2,221 views

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

项目实现数据的异步输入,数据的快速定位,导出导入excel
项目 / 2017-12-25 23:32:33 1,412 views

        Rapid positioning of forms 界面实现的功能 页面:该项目包括登录和修改密码页面及数据的定位页面。 页面情况:数据定位页面包括8个区域,每个区域包括13行一定的列数。 主页面实现的功能:在一定的行和列中,通过选择区和输入行和列来快速进行定位到当前区域中的行和列。 将数据导出到excel表中和将excel表中的数据导入到…

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

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

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

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

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

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

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

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