摘要：
2017春 前端自动化(一)构建工具的搭建 引言：在当前项目开发中，为了减免人工重复的劳动； 为了更加自动化、智能化的开发项目，摸索了很久的前端自动化开发流程，娓娓道来、逐一而列…… A:搭建 node 环境当今互联网江湖，唯BAT三足鼎立，取其中间，跟着A涨点姿势；淘宝的利好大事，淘宝 NPM 镜 阅读全文
摘要：
前端自动化之(一)—浏览器自动实时刷新 引言： 无数次的修改查看效果，无数次的清除缓存查看，重启，启动……只为了看见一个变化生效而已。当修改一个地方的时候，要想看见效果， 如此大费周折？尤其是对于前端来说，不是那么很懂得eclispse工具的操作，淡淡的忧伤……不爽！哪里有需要，哪里有突破！ 前端自 阅读全文
摘要：
基于div表单模拟右对齐 <div> <label>客户名称客户名称</label> <input type="text" /> <div class="button">取消</div></div> 近期项目中遇到这样布局的表单结构，只能从现有基础上，进行样式修改需要：label宽度自适应，右对齐； 阅读全文
摘要：
当项目中加载内容慢的的时候，需要显示一个loading动画效果图 之前我们使用的是一圈点点旋转的效果，现在设计修改为，如下gif图片效果－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－真假美猴王之－－－真假loa 阅读全文
摘要：
近期使用css实现了一个loading旋转加载的图片效果,类似gif动画 过程中,需要透明背景,但是图片不要透明 只要背景透明!只要背景透明!只要背景透明! 这里对透明模糊了,两种写法,模糊了 A: background: #000; opacity: 0.6; B: background: rgb 阅读全文
摘要：
近期需要整理后台系统的界面皮肤样式。就是看一种风格样式习惯了，想换点别的样式界面 思考了一段时间，开始想偏了，想直接在现有样式直接修改。比如：红色，绿色。 思考后，还是写两套皮肤样式，进行切换吧。 默认加载原有的样式文件，点击按钮，切换对应的即可。不必修改结构，直接修改不同的样式属性。 以下为 核心 阅读全文
摘要：
是日有需求，曾探讨过table表单头部、尾部固定不动，中间内容随着滚动条的滚动而变化。 整合资料之际，发现有很多表格，表单展现中，横向数据很多、很长，不方便查看。 则，横空霹雳出了，此款：table表单左边固定，底部滚动条左右滑动展现数据demo。 原理很简单：在 table外面嵌套一层div ，并 阅读全文
摘要：
图标文字三均分网格显示 今日做了几个类似九宫格分布的订单页面 使用了flex写的，貌似还可以。留存备忘录 如下图所示 父元素设置了 display: flex; 子元素设置了 -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; 在水 阅读全文
摘要：
timeline时间轴进度“群英荟萃” 是日，无论PC项目还是APP，都涉及到了通常称谓的“时间轴”UI展现布局。产品和设计师都喜欢横向、纵向的时间轴来传达产品的寓意。如此，如斯！总结一套 timeline时间轴 大家族的“群英荟萃”。 1.时间轴进度条-PC版 结构简单的如下： <div clas 阅读全文
摘要：
css动画-音频跳动 这张图片，大大小小不一样的柱状，只是一张图片？NO! 它不是图片，而且可以让他活灵活现的，跳舞，动起来。类似音频跳动那样无限跳动…… 让你的页面动画在移动设备上运行的更快一些。仅做，音频跳动demo。 效果预览地址： http://output.jsbin.com/duvito 阅读全文