摘要: 项目上有一个新需求,就是需要根据json文件动态生成路由状态,查阅了一下资料,现在总结一下发出来: 首先项目用到的是angular的UI-路由,所以必须引入angular.js和angular-ui-router.js两个js文件,如下例子: 1 <!DOCTYPE html> 2 <html> 3 阅读全文
posted @ 2017-04-17 16:46 王小伞 阅读(3685) 评论(3) 推荐(0) 编辑
摘要: 写这篇博客的初衷其实是在解决浮动的时候看到的这个方法,就想着BFC是什么,为什么可以清除浮动。结果不看不知道,一看越看越不明白,潜下心来研究看看,总结一下学习心得。 1.BFC是什么 BFC就是Box Formatting Context的简称,直译为"块级格式化上下文"。 1.1 Box是css布 阅读全文
posted @ 2016-10-21 21:20 王小伞 阅读(460) 评论(1) 推荐(0) 编辑
摘要: float大概是css3以前网页布局里最常用的一个属性了,经常看到一言不合就浮动的代码,就一起来深入挖掘一下这个一半天使一半魔鬼的属性吧。 本文是读张鑫旭大神慕课网float视频后的一些总结及一些拓展用法,视频地址:http://www.imooc.com/learn/121。该视频初读很枯燥,认真 阅读全文
posted @ 2016-10-19 18:07 王小伞 阅读(734) 评论(0) 推荐(0) 编辑
摘要: 恢复内容开始 每每看到网友Blog的页面底部或中间有一个按钮回到页面顶部,羡慕死人了,但自己就是做不出这样的效果。后来在google和baidu搜寻了一下,仔细思考,并不像当初想象的那么复杂。经过整理贴到blog中与大家一起分享一下。 我们先来看看效果图吧: 这个效果是“点我加到页面顶部”按钮在页面 阅读全文
posted @ 2016-10-09 15:17 王小伞 阅读(26960) 评论(0) 推荐(1) 编辑
摘要: 最近学习了雪碧图的使用,雪碧图的好处这块就不多说了,只说应用部分。 雪碧图的使用依赖于background-position这个属性,属性值分别为x,y轴的值,图片的显示大小由容器决定,简单点说,就是承载该图片的大小是多大显示区间就是多大,起始点就是background-position属性值的坐标 阅读全文
posted @ 2016-10-08 23:25 王小伞 阅读(813) 评论(0) 推荐(0) 编辑
摘要: css3中的filter属性可以说是简单易用且强大,这些效果作用在图片上实现一些特效(也可以作用在vidio上,此处只讨论图片特效)。 浏览器兼容性 目前各大浏览器对于css3的兼容已经非常好了,最新版本都可以支持css3,老版本的ie9以下的还是不支持,不过这不是重点,微软都准备放弃这些老古董了。 阅读全文
posted @ 2016-10-06 12:12 王小伞 阅读(9989) 评论(0) 推荐(2) 编辑
摘要: 最近项目遇到了遮罩层的一些问题,总结一下: 弹出遮罩层 遮罩层弹出有非常多的方法,这里只写出本人用的代码,使用jq操作dom的方法进行实现的。 #bg为透明度为0.6的一个遮罩页面,.box为遮罩层上的按钮。 有了触发遮罩的行为后,设置遮罩的高度为整个页面高度和可见性可见,然后对按钮出现的位置进行定 阅读全文
posted @ 2016-08-25 12:02 王小伞 阅读(19724) 评论(0) 推荐(0) 编辑
摘要: 实际开发中,jq用的很多,jq对象不能调用原生js操作方法,DOM对象当然也不能调用jq的方法,有时候我们可以用到jq对象和jsDOM对象的相互转换。 在jq中,只需要调用[index]和get(index)方法即可将jq对象转换为DOM对象。DOM对象只需调用jq的$()方法即可包装为jq对象: 阅读全文
posted @ 2016-07-29 11:10 王小伞 阅读(14418) 评论(0) 推荐(2) 编辑
摘要: 最近项目遇到判断空对象的一个问题,查阅相关资料再进行总结一下。 判断空对象不比判断空字符串之类的,因为空对象也是一个对象,需要单独分配内存,而不是像字符串那样为空时就是大锅饭,大家都相等,如下代码: 如上代码可以发现,无论是通过对象字面量方式创建的空对象还是通过Object构造函数创建的空对象,彼此 阅读全文
posted @ 2016-07-25 14:41 王小伞 阅读(61789) 评论(1) 推荐(3) 编辑
摘要: 上节对整个布局模型进行了概述,这节先谈一下布局模型的几个属性。 z-index属性 该属性是检索或设置对象的层叠顺序,默认值为auto,遵循其父对象的定位。 并级的对象,该属性的值越大,则被层叠在最上面,如两个对象的属性该值相同,则依据文档流的顺序,先写的将会被覆盖,必须定义对象的position属 阅读全文
posted @ 2016-07-19 16:34 王小伞 阅读(285) 评论(0) 推荐(0) 编辑