前端开发

js手机号码正则及替换为星号方法

2019-04-1262次阅读正则
手机号码为11位,正则:/^(0|86|17951)?(13[0-9]|14[57]|15[012356789]|16[0-9]|17[0-9]|18[0-9]|19[0-9])[0-9]{8}$/,替换:var endPhone = phone.replace(/^(\d{3})\d{4}(\d+)/,"$1****$2")
前端开发

深入理解浏览器的缓存机制(转载)

2019-04-1262次阅读缓存
缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。
前端开发

DNS预获取dns-prefetch提升网页加载速度

2019-04-1170次阅读
在HTML里面加入DNS Prefetch 则会让浏览器提前进行DNS的解析并且缓存到系统中,这样就可以提升网页的加载速度。
前端开发

Document.scrollingElement获取设置网页窗体滚动高度

2019-04-1158次阅读javascript
在不同端下打印document.scrollingElement.tagName,输出的值分别是HTML(桌面浏览器),和BODY(移动端浏览器)。可以得出:在桌面端document.scrollingElement就是document.documentElement;在移动端document.scrollingElement就是document.body。可以看出是自动识别不同平台上的滚动容器。
前端开发

vue-cli 3.x 修改dist路径及代理服务器配置

2019-04-1086次阅读vue
vue-cli 3.x下如果需要自定义配置,需要在项目的根目录添加一个vue.config.js,在这个文件中,我们可以进行一些个性化定制。
前端开发

ES6 Promise兼容IE6+引出对es3ify-webpack-plugin的理解

2019-04-1083次阅读
Promise浏览器兼容性是不支持IE浏览器,还好有一个Promise polyfill:https://github.com/stefanpenner/es6-promise。es3ify-webpack-plugin是专门将ES5代码转换为ES3代码,因为ES5是允许用关键字,保留字作为对象的方法与属性,而ES3不能。
前端开发

浏览器兼容input的focus、blur事件的事件委托实现

2019-04-1070次阅读javascript
focus事件在元素获取焦点时触发. 这个事件和focusin最大的区别仅仅在于后者会事件冒泡。当一个元素失去焦点的时候blur事件被触发。它和focusout事件的主要区别是focusout支持冒泡。focusin、focusout正好支持事件冒泡,这样正好可以轻松实现兼容浏览器focus、blur事件的事件委托。
前端开发

去掉隐藏IE下input的文本框叉叉和密码输入框的眼睛图标

2019-04-1081次阅读HTML
从IE10开始,type="text"的input文本框在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。对于type="password"的input密码框则会在右方显示一个小眼睛的图标,点击这个图标可以显示已经输入的内容。好是好,但有时候会画蛇添足,与样式不匹配。
前端开发

给定一个数字快速的构造数组

2019-04-1052次阅读javascript
方法一:Array(6)生成6项每项默认值为undefined的数组,map会过滤掉undefined项,所以先join转字符串再转回数组。方法二:fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。
前端开发

Google Chrome and ios Safari 对 HTTP 网站显示不安全警告

2019-04-0954次阅读IOS
当你使用 Google Chrome浏览器访问 HTTP 网站,浏览器会显示“不安全”警告,这是 Google 在 Chrome 68 开始推出的一个特性。自 iOS 11.3 和 macOS 10.13.4 开始,“Safari 浏览器”会在您浏览不安全的网站时,显示“网站不安全”警告。