2018年4月24日
DOM操作优化
摘要： 文档对象模型 （DOM）是一个独立于特定语言的应用程序接口。 1：在浏览器中，DOM是以javascript实现的，通过javascript来操作浏览器页面的元素。 2：DOM提供了丰富的接口，但是DOM操作代价很高。 3：页面前端代码的性能瓶颈大多集中在DOM操作上。 4：前端性能优化主要关注点是 阅读全文
posted @ 2018-04-24 18:05 ming-os9 阅读(476) 评论(0) 推荐(0) 编辑
jquery 性能优化高级技巧
摘要： 有时为了书写方便，忽视了程序执行中给客户端带来的压力。导致在低端浏览器的运行缓慢。 1>通过CDN引用jquery,能减少网站加载时间。http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js 2>减少DOM操作， 将元素缓存起来一次性插入比在一个页 阅读全文
posted @ 2018-04-24 17:18 ming-os9 阅读(162) 评论(0) 推荐(0) 编辑
2018年4月20日
三行代码CSS竖向居中
摘要： 这里无需设置高度或者父元素的position属性。（IE9可用） 如果想兼容老浏览器。 然而，元素沿translateY移动时会损失半个像素导致元素模糊，则使用preserve-3d 对 parent-element. 阅读全文
posted @ 2018-04-20 15:58 ming-os9 阅读(152) 评论(0) 推荐(0) 编辑
JS中 (function(){...})()立即执行函数
摘要： 这是两种js立即执行函数的常见写法。 基本概念： 函数声明：function fname(){...}; 使用function关键字声明一个函数，再指定一个函数名。 函数表达式：var fname=function(){...}; 使用function关键字声明一个函数，但未给函数命名，最后将匿名函 阅读全文
posted @ 2018-04-20 15:52 ming-os9 阅读(22715) 评论(1) 推荐(2) 编辑
Null 和 undefined 的区别
摘要： null 表示一个值被定义了，定义为“空值” undefined 表示根本不存在定义。 1： 所以设置一个值为null 是合理的， obj.value = null; 正确 设置一个值为undefined是不合理的 obj.value = undefined; 错误 2： null预定义为一个obj 阅读全文
posted @ 2018-04-20 12:05 ming-os9 阅读(191) 评论(0) 推荐(0) 编辑
CSS 交集选择器和并集选择器
摘要： 交集选择器是and 也就是要同时满足 且只能交2个只能交2个只能交2个，第一个是标记，第二个是class或者id，之间不可以有空格 eg: span.small-height 并集选择器是or，也就是 左边或者右边 用","隔开. 交集选择器 span.small-height{width:100% 阅读全文
posted @ 2018-04-20 10:38 ming-os9 阅读(1072) 评论(0) 推荐(0) 编辑
Vue-cli 构建项目后 npm run build 如何在本地运行查看
摘要： 当你在本地直接打开index.html 你会发现了一丢丢404，这时候你有两个办法解决问题： 1：改变路径为相对路径。 在config 文件夹中index.js的 build对象里， 把 assetsPublicPath的 “/”改为 “./”。 2： 安装serve , 使用服务器环境运行。。个人 阅读全文
posted @ 2018-04-20 09:50 ming-os9 阅读(409) 评论(0) 推荐(0) 编辑
2018年4月19日
Cubic-bezier 曲线
摘要： cubic-bezier又称三次贝塞尔，主要是为animation生成速度曲线函数。 cubic-bezier(x1,y1,x2,y2) 此图中: P0:(0,0) P1:(x1,y1) P2:(x2,y2) P3:(1,1) （x1,x2 范围为 0-1） （y1,y2没规定，但是过大没必要也没意 阅读全文
posted @ 2018-04-19 17:51 ming-os9 阅读(486) 评论(0) 推荐(0) 编辑
CSS Pixel 和 Device pixels
摘要： Web developers need CSS pixels, that is, the pixels that are used in CSS declarations such as " 1 width:300px; 2 font-size:14px; ". These pixels have 阅读全文
posted @ 2018-04-19 11:14 ming-os9 阅读(125) 评论(0) 推荐(0) 编辑