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

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

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

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

js input file修改默认样式及onchange事件不能多次触发的解决办法
js / 2017-12-20 23:29:25 4,187 views

最近项目中有用到修改input file的默认样式及上传excel文件前台部分,这里总结下。 大致思路是隐藏原来的样式,然后在原来的样式上覆盖一个新样式。 导入样式 如果你觉得不错,可以使用下面素材。j记得将图片导入到你的项目中,路径也要对上。 我的实现为label标签 html代码 <label for=”uploadFiles” id=”uploadFiles2″>导入</l…

js将页面数据导入到excel表中
js / 2017-12-19 23:35:49 6,913 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,330 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…

js键盘键盘事件,keydown,keypress,keyup
js / 2017-12-11 23:11:20 5,113 views

js键盘事件: keydown: 当用户按下键盘上的 任意键 时触发,如果不放的话,会重复触发此事件 keypress: 当用户按下键盘上的 字符键 时触发,如果不放的话,会重复触发此事件 keyup: 当用户释放键盘上的键时触发   触发顺序 在用户按了一下键盘上的字符键时,首先会触发keydown事件,然后紧跟着是keypress事件,最后会触发keyup事件。 keydown和ke…

鼠标事件之mouseout和mouseover事件解析
js / 2017-12-10 23:36:14 5,489 views

mouseout事件定义:在鼠标指针位于一个元素上方,然后用户将其移入另一个元素时触发。不能通过键盘触发该事件 mouseover事件定义:在鼠标指针位于一个元素外部,然后用户将其首次移入另一个元素边界之内时触发。不能通过键盘触发该事件 相关元素:在发生mouseover和mouseout事件时,这两个事件都会涉及把鼠标指针从一个元素的边界之内移动到另一个元素的边界之内 mouseover事件:事…

获取浏览器的名字,引擎及版本号,如ie的版本号
js / 2017-12-9 23:44:26 4,524 views

var client = function() { //创建一个对象 //引擎 var engine = { ie: false, //这个属性用于确定是否是IE引擎 gecko: false, webkit: false, khtml: false, opera: false, //引擎的版本 ver: 0 }; //浏览器 var browser = { ie: false, firefox:…

SCRIPT438: 对象不支持“trim”属性或方法
js / 2017-12-8 23:04:37 2,335 views

关于ie9以下不支持trim()方法 可以在自己封装的框架中加入如下。或直接调用也行。 if(!String.prototype.trim) { String.prototype.trim = function() { return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ”); //\uFEFF为es5新增的空白符,\XA0是不间断…