NatChen

Once you have chosen the road of life, you have to be brave enough to go to the end and never look back.

摘要: 方法如下: var params = { left: 0, top: 0, currentX: 0, currentY: 0, flag: false }; var getCss = function(o,key){ return o.currentStyle? o.currentStyle[key 阅读全文
posted @ 2017-11-09 15:13 NatChen 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 围绕前端的性能多如牛毛,涉及到方方面面,以我我们将围绕 PC 浏览器和移动端浏览器的优化策略进行罗列 注意,是罗列不是展开,遇到不会不懂的点还请站外扩展 开车速度有点快,坐稳了。 tips : 这么多前端优化点你都记得住吗?反正我是收藏起来备查的。 PC 浏览器前端优化策略 PC 端优化的策略很多, 阅读全文
posted @ 2017-11-09 11:08 NatChen 阅读(619) 评论(0) 推荐(0) 编辑
摘要: 目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-reflect属性就是以谷歌浏览器为 阅读全文
posted @ 2017-11-08 14:23 NatChen 阅读(1177) 评论(0) 推荐(1) 编辑
摘要: 对于一个复杂的图形或者动画来说,之前我们的处理方式是图片叠加或者利用CSS+JavaScript的方法,然而随着CSS3标准的不断成熟,我们甚至完全可以利用CSS3来绘制一些图片和制作丰富的动画特效。本文主要是分享了8个纯CSS3制作的动画应用,提供源代码下载。 1、纯CSS3实现发光开关切换按钮 阅读全文
posted @ 2017-11-08 10:38 NatChen 阅读(2345) 评论(0) 推荐(1) 编辑
摘要: 解决高度塌陷的问题 – 清除浮动 CSS中有个讨论较多的话题就是如何清除浮动,清除浮动其实就一个目的,就是解决高度塌陷的问题。为什么会高度塌陷?什么时候会高度塌陷?塌陷原因是:元素含有浮动属性 – 破坏inline box – 破坏line box高度 – 没有高度 – 塌陷。什么时候会塌陷:当标签 阅读全文
posted @ 2017-11-07 16:52 NatChen 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 插入排序 6. 重复步骤 2~5 function insertSort(arr){ var tmp; for(var i=1;i<arr.length;i++){ tmp = arr[i]; for(var j=i;j>=0;j--){ if(arr[j-1]>tmp){ arr[j]=arr[j 阅读全文
posted @ 2017-08-01 11:20 NatChen 阅读(172) 评论(0) 推荐(0) 编辑
摘要: touchcancel: //系统取消touch事件的时候触发,这个好像比较少用 每个触摸事件被触发后,会生成一个event对象,event对象里额外包括以下三个触摸列表 touches: //当前屏幕上所有手指的列表targetTouches: //当前dom元素上手指的列表,尽量使用这个代替to 阅读全文
posted @ 2017-08-01 10:23 NatChen 阅读(407) 评论(0) 推荐(0) 编辑
摘要: document.addEventListener("事件名称", 函数, false); function 某函数(event){ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序; 如果为true事件执行顺序为 addEventListener 标签的onc 阅读全文
posted @ 2017-08-01 10:19 NatChen 阅读(1474) 评论(0) 推荐(0) 编辑
摘要: 一、变量的声明 声明变量的时候,变量名前面要加两根连词线(--)。 body { --foo: #7F583F; --bar: #F7EFD2; } 上面代码中,body选择器里面声明了两个变量:--foo和--bar。它们与color、font-size等正式属性没有什么不同,只是没有默认含义。所 阅读全文
posted @ 2017-06-15 17:36 NatChen 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 第一点 我们从依附的平台来看: 移动Wap网站:由移动设备的浏览器来支持,只要移动设备支持上网浏览网站基本上可以随时随地的打开网站查找自己需要的信息。 移动App客户端:由智能移动设备的操作系统来支持,当然他包括现在的一个主流的安卓和苹果操作系统,还有基于安卓的各种的二次开发系统 两种不同的性质决定 阅读全文
posted @ 2017-06-14 11:46 NatChen 阅读(774) 评论(0) 推荐(0) 编辑