摘要: 1.JS的根据不同屏幕宽度动态设置html的font-size,使用rem布局。 a.手淘方案 flexible+rem(参考https://github.com/amfe/article/issues/17) 引入flexible.js,不需要在html结构中加入viewport标签。 flexi 阅读全文
posted @ 2017-06-08 17:52 lwucoder 阅读(5548) 评论(0) 推荐(0) 编辑
摘要: 核心:栅格系统,全局CSS样式,组件,JS插件 参考官网模板,gulp.js,Ghost 的自定义简单模板 阅读全文
posted @ 2017-04-07 16:46 lwucoder 阅读(5439) 评论(0) 推荐(0) 编辑
摘要: 1.边框圆角,边框阴影 2.背景图片的大小 3.文本效果 4.字体@font-face用的少,毕竟引入字体文件都是比较大的,得不偿失。(非必要情况勿用) 5.元素2D 移动、旋转、放大/缩小、翻转;3D X轴旋转、Y轴旋转 6.过渡效果transition 7.动画@keyframes、animat 阅读全文
posted @ 2017-03-30 18:10 lwucoder 阅读(338) 评论(0) 推荐(0) 编辑
摘要: 1.拿到公司设计师给的PSD图(PC端给的是1920px的设计稿,移动端给的750px的设计稿)。 2.自己新建一个项目目录(默认有css,js,images文件夹以及一个index.html文件)。 3.分析设计图,使用PS切图工具进行切图(分析哪些内容需要切成图片,设计稿的图标,可以向设计师要这 阅读全文
posted @ 2017-03-29 11:24 lwucoder 阅读(4739) 评论(3) 推荐(2) 编辑
摘要: 1.meta方法 HTML header中加入 <meta http-equiv="pragma" content="no-cache"> 说明:禁止浏览器从本地计算机的缓存中访问页面内容。上述设定,访问者将无法脱机浏览。 <meta http-equiv="Cache-Control" conte 阅读全文
posted @ 2017-03-16 17:41 lwucoder 阅读(4198) 评论(0) 推荐(1) 编辑