摘要：
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私 阅读全文
posted @ 2016-08-08 18:46
huerge
阅读(300)
评论(0)
推荐(0)
摘要：
前言：刚刚接触css3的盒模型，感觉对于解决水平垂直居中、固定宽度/高度和可变宽度/高度同时存在这样的问题很有效。但是最近在看一个腾讯手机端框架（Frozen UI ）的时候发现一个很神奇的多行文字截断的样式，感觉：我靠，怎么那么神奇，如下图 框了一下它的css，如下图： 我一看这貌似是盒模型的用法 阅读全文
posted @ 2016-08-08 18:45
huerge
阅读(611)
评论(0)
推荐(0)
摘要：
作者： 阮一峰 日期： 2010年3月15日 随着浏览器的升级，CSS3已经可以投入实际应用了。 但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。 以下就是这些写法的详细介绍。所有代码都经过了Firefox 3 阅读全文
posted @ 2016-08-08 18:34
huerge
阅读(140)
评论(0)
推荐(0)
摘要：
border-radius实现圆角效果 view sourceprint? 1.1 CSS3代码： 2.2 3.3 -webkit-border-radius:10px; 4.4 -moz-border-radius:10px; 5.5 border-radius:10px; 6.6 margin: 阅读全文
posted @ 2016-08-08 18:30
huerge
阅读(3163)
评论(0)
推荐(0)
摘要：
Android2.3的overflow问题 在android2.3及以下系统版本的浏览器不支持overflow：scroll / auto，即在页面元素里面的内容如果超过了父元素或祖先元素的高度是无法滚动的，可以通过css3的transform来实现滚动，代表作：iscroll。 Android2. 阅读全文
posted @ 2016-08-08 17:53
huerge
阅读(449)
评论(0)
推荐(0)
摘要：
原文链接：http://caibaojian.com/flexbox-guide.html原文链接：http://caibaojian.com/flexbox-guide.html 来自CSS Tricks上的一个教程，原文为：A Complete Guide to Flexbox。文中详细的介绍了 阅读全文
posted @ 2016-08-08 12:33
huerge
阅读(394)
评论(0)
推荐(0)
摘要：
通过《JavaScript权威指南》及网上相关资料了解到，JavaScript有“预解析”行为。理解这一特性是很重要的，不然在实际开发中你可能会遇到很多无从解析的问题，甚至导致程序bug的存在。为了解析这一现象，也作为自己的一次学习总结，本文逐步引导你来认识JavaScript“预解析”，如果我的见 阅读全文
posted @ 2016-08-08 11:58
huerge
阅读(163)
评论(0)
推荐(0)
摘要：
.faq a { outline: none; star: expression(this.hideFocus=true); } 其实IE有提供隐藏该虚线框的正经办法。上边的CSS表达式中是js的语法，html中该这样写 <br><a href="#" hideFocus>链接</a><br> 注意 阅读全文
posted @ 2016-08-08 11:50
huerge
阅读(143)
评论(0)
推荐(0)
摘要：
作者：程志达链接：https://zhuanlan.zhihu.com/p/19570424来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 PNG(Portable Network Graphics) 是一种大家经常使用的位图格式。 PNG 的特点 位图 支持半透明 阅读全文
posted @ 2016-08-08 11:39
huerge
阅读(416)
评论(0)
推荐(0)
摘要：
大体 减少服务器请求数 1. 将多个JS/CSS文件进行合并 2. 图片不需要经常改动时，可使用CSS sprite 3. 如果仅单个页面使用某JS/CSS文件，可以直接将文件内容放于html页面中（若多个页面共用相同的JS/CSS文件，则不应要这么做，而应利用好浏览器的缓存功能） 加快资源访问速度 1. CDN 减小文件大小 1. 将图片适当压缩（e.g. TinyPN... 阅读全文
posted @ 2016-08-08 11:32
huerge
阅读(317)
评论(0)
推荐(0)
摘要：
基本上for in用于大部分常见的由key-value对构成的对象上以遍历对象内容。 但是for in在遍历数组对象时并不方便，这时候用for of会很方便。 阅读全文
posted @ 2016-08-08 11:31
huerge
阅读(228)
评论(0)
推荐(0)
摘要：
作者： 阮一峰 日期： 2012年4月 6日 不仅最古老的函数式语言Lisp重获青春，而且新的函数式语言层出不穷，比如Erlang、clojure、Scala、F#等等。目前最当红的Python、Ruby、Javascript，对函数式编程的支持都很强，就连老牌的面向对象的Java、面向过程的PHP 阅读全文
posted @ 2016-08-08 11:29
huerge
阅读(135)
评论(0)
推荐(0)
摘要：
在使用异步请求时，有时需要将异步请求的结果返回给另一个js函数，此种情况下会出现未等异步请求返回请求结果，该发送请求所在js函数已经执行完后续操作，即已经执行return ，这样会导致return的结果为空字符。 总结：若要在使用ajax请求后处理发送请求返回的结果，最好使用同步请求。 例如：以下例 阅读全文
posted @ 2016-08-08 11:21
huerge
阅读(1572)
评论(0)
推荐(0)
摘要：
通用性良好，适合大多数常规网站，省去了为浏览器兼容性写封装函数的麻烦（1+版本支持IE6、7、8，2+版本支持包括IE9在内的现代浏览器）。 通用性良好意味着特异性不好，所以jQuery并不适合特异性十足的网站，如邮箱网站、网页游戏等。 阅读全文
posted @ 2016-08-08 11:19
huerge
阅读(340)
评论(0)
推荐(0)
摘要：
var msg = 'String A'; function test() { alert(msg); //undefined var msg = 'String A'; alert(msg); } test(); 以上代码等价于：var msg = 'String A';function test 阅读全文
posted @ 2016-08-08 11:16
huerge
阅读(168)
评论(0)
推荐(0)
摘要：
justify-content是应用于父容器上来规定子元素在水平方向上的对齐方式的。 阅读全文
posted @ 2016-08-08 11:06
huerge
阅读(406)
评论(0)
推荐(0)
摘要：
竖直方向上相接触的margin-top/bottom会塌陷，若二者均为正/负值，取其绝对值大者； 若二者中有一为负值，取二者之和； 清楚浮动使用clear:left/right/both，业界常用的.clearfix也是这么做的，只不过是把该样式写进了父元素的:after伪元素中，并加了opacit 阅读全文
posted @ 2016-08-08 11:04
huerge
阅读(128)
评论(0)
推荐(0)
摘要：
垂直水平居中是日常前端开发当中一个常见的需求，在支持 CSS3 属性的现代浏览器当中，有一个利用 CSS3 属性的垂直水平居中方法： position absolute; :; :; :translate; :translate; :translate; :translate; } 例子传送门（请用 阅读全文
posted @ 2016-08-08 10:58
huerge
阅读(1407)
评论(0)
推荐(1)
浙公网安备 33010602011771号