12 2017 档案

for in,Object.keys()与for of的区别
摘要：for in for in一般用于遍历对象的属性； 作用于数组的for in除了会遍历数组元素外，还会遍历自定义可枚举的属性，以及原型链上可枚举的属性； 作用于数组的for in的遍历结果是数组的索引，且都为字符串型，不能用于运算； 某些情况下，可能按照随机顺序遍历数组元素； Object.keys 阅读全文
posted @ 2017-12-28 18:01 cocoyuanxile 阅读(8032) 评论(0) 推荐(1)
媒体查询相关
摘要：移动端媒体查询尺寸参考 /*iphone4*/ @media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ } /*iphone4s*/ @media screen and (min-width: 阅读全文
posted @ 2017-12-27 16:11 cocoyuanxile 阅读(173) 评论(0) 推荐(0)
vue-cli
摘要：1、安装vuecli （1）前提是安装了npm， 使用npm -v检查npm版本情况。 （2）命令行输入： 使用vue -V检查vue-cli版本号。 2、初始化项目 <template-name>：模板名称，官方提供了五种模板： （1）webpack-一个全面的webpack+vue-loader 阅读全文
posted @ 2017-12-22 10:17 cocoyuanxile 阅读(116) 评论(0) 推荐(0)
animate.css+wow.js页面滚动即时显示动画
摘要：1、地址引入 2、HTML部分 注：bounceInRight为animate.css中的动画方式，具体可见官方API给出的示例：https://daneden.github.io/animate.css 3、wow.js初始化代码 注：以下是一些自定义配置： 阅读全文
posted @ 2017-12-21 18:20 cocoyuanxile 阅读(272) 评论(0) 推荐(0)
margin相关
摘要：1、图片与文字对齐问题 如果图片和文字差不多大时，使用兼容性强的margin负值方法。 方法：img{margin:0 3px -3px 0;} 2、div嵌套后margin出现失效（转移）问题 原因：盒子没有获得haslayout造成margin-top无效 方法：（1）父层div设置：{over 阅读全文
posted @ 2017-12-19 16:52 cocoyuanxile 阅读(86) 评论(0) 推荐(0)
CSS3渐变相关
摘要：背景渐变 background: -moz-linear-gradient( top,#f24652,#da2c3c); background: -o-linear-gradient(top,#f24652,#da2c3c); background: -webkit-gradient(linear, 阅读全文
posted @ 2017-12-19 14:50 cocoyuanxile 阅读(80) 评论(0) 推荐(0)
网站性能优化
摘要：1、资源压缩合并 （1）图片：雪碧图 （2）JS、CSS合并：利用项目构建工具webpack、grunt、gulp等。 2、加快渲染 CSS前置 3、减少DOM操作 （1）将DOM节点放入局部变量 （2）内存中操作元素，使用文档片段 document.createDocumentFragment() 阅读全文
posted @ 2017-12-19 14:44 cocoyuanxile 阅读(114) 评论(0) 推荐(0)