08 2015 档案

vh属性-- 一个永远垂直居中的弹出框
摘要：下面的demo，无论浏览器大小如何改变，滚动条是否滚动，弹出框永远水平垂直居中 hello hello OK 阅读全文
posted @ 2015-08-19 17:53 Bigdots 阅读(426) 评论(0) 推荐(0) 编辑
利用ng-click、ng-switch和click-class制作切换的tabl
摘要：效果如下图，当分别点击1,2，3时，下面的不同颜色的div会切换 1 2 3 阅读全文
posted @ 2015-08-19 11:00 Bigdots 阅读(478) 评论(0) 推荐(0) 编辑
SASS语法学习
摘要：一、嵌套1.选择器嵌套 Home About Blognav { a { color: red; header & { color:green; } } }2.属性嵌套.box { border: { width: 12px; style... 阅读全文
posted @ 2015-08-12 11:11 Bigdots 阅读(207) 评论(0) 推荐(0) 编辑
网页性能优化
摘要：1.减少http请求数，对于样式表文件和脚本文件，可将多个样式表文件捆绑成一个文件，多个脚本文件捆绑成一个文件对于图片，可采用雪碧图2.优化DOM结构，删除不必要的DOM3.避免空的图片src,空的图片src仍会使浏览器发送请求到服务器4.不要使用css表达式，5.在头部引入css，会让网页显得加载... 阅读全文
posted @ 2015-08-12 10:23 Bigdots 阅读(162) 评论(0) 推荐(0) 编辑
compass制作sprite雪碧图
摘要：1.安装compass。（需要先安装ruby）命令行：gem install compass2.新建一个compass 项目命令行：compass create myproject3.在myproject中新建一个images文件夹，将需要转换的图片放入images新建的share文件中并在scss... 阅读全文
posted @ 2015-08-11 17:07 Bigdots 阅读(252) 评论(0) 推荐(0) 编辑
owl-carousel轮播插件的使用
摘要：插件github地址：https://github.com/OwlFonk/OwlCarousel；插件官网演示地址：http://owlgraphic.com/owlcarousel/；1.选择你所需要的轮播插件类型2.根据每个类型的文档，赋值html的DOM结构比如images ... 阅读全文
posted @ 2015-08-11 13:34 Bigdots 阅读(21822) 评论(1) 推荐(0) 编辑

点击右上角即可分享
微信分享提示