摘要：
1.避免文本字体大小重置。问题：在移动端，如iphone，当把手机切到横屏显示的时候，扣篮器会自动地重置文本大小。解决方法：添加带有前缀的text-size-adjust设置为100%，之所以不设置为none是因为在某些浏览器下，设置为none会导致页面的缩放功能被禁用。代码：html{ -webkit-text-size-adjust:100%; /*webkit浏览器*/ -ms-text-size-adjust:100%; /*windows mobile */ text-size-adjust:100%;}2.优化浏览器视口设置问题：移动端的默认视口宽度通... 阅读全文
摘要：
css3新增了许多伪类，但是IE8以及更低版本的IE浏览器不支持css3伪类，所以在使用时要是涉及到布局等意象全局的样式，应该多考虑一下。1.elem:nth-child(n)这个伪类选中父元素下的第n个子元素，并且这个子元素的标签名为elem，n可以接受具体的数值，也可以接受函数（如4n-1）。需要注意的是，n是从1开始计算，而不是0。我们可以使用一个无序列表来测试： 1 2 3 4 5 6 7 8 9 10当n为具体的数值是选中第n个子元素，如：#test li:nth-child(3){ background:#f00;}... 阅读全文
摘要：
1.CSS3多列:column column主要有三个属性。 column-count:定义列数。 column-gap:定义每一列之间的间隔。 column-rlue：定义每列之间的边线规则，分为style，color，width这3个分支属性，可像border一样简写。如代码：#test{ width:600px; background:#eee; -webkit-column-count:3; -webkit-column-gap:20px; -webkit-column-rule:2px #00f outset;}效果为：2.文本换... 阅读全文
摘要：
1.半透明rgba在rgba出现之前，半透明可以用opacity来创建，可是这样子导致的结果是不仅元素的背景会变透明，标签元素包含的文字也会变透明。这样子会导致可读性降低，所以都会嵌套一个包装标签来创建半透明，这样子很麻烦，自从可以用rgba来表示颜色之后就方便多了。rgba表示方法为：.rgba{ background:rgba(255,0,0,0.5);}括号里面有是个数字，第一个表示红色，第二个表示绿色，第三个表示蓝色，最后一个表示不透明度。下面分别用rgba创建半透明和opacity创建半透明（不嵌套包装元素），然后对比结果：可以看的出来，opacity创建的半透明，文字... 阅读全文
摘要：
Javascript是一种很灵活的语言, 而This关键字又是灵活中的灵活, 但是因为它的灵活, 也注定了它的难用.以前我用this的时候, 都会觉得不踏实, 老是担心它不知道怎么地就会指到另外的什么地方.其实, 这都是因为, 我们对它的不了解.刚好最近再给百度学院做《Javascript高级-作用域/原型链》的ppt, 而swit1983网友也刚好提这个问题, 索性就把这部分内容独立总结出来, 与大家分享.首先, 我先抛出一个定论:”在Javascript中,This关键字永远都指向函数(方法)的所有者”.函数首先,让我们看看”函数”:function introduce() { a... 阅读全文
摘要：
默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。 所以，那么有些不涉及dom操作的脚本可以延迟加载。1.使用。W3C 说进IE支持该属性。2.HTML5的async属性。async属性仅适合外部脚本。3.动态创建4.利用ajax异步加载。原理是利用ajax通过responseText获得脚本内容，然后同伙eval()来运行。5.异步iframe，这个自己还不大不理解，先记录。 阅读全文
摘要：
一。采用字符串形式： 1.变量不包含在字符串:1 var alertStr = function (str){alert(str);};2 var str = '1';3 var time = setInterval("alertStr("+str+")",2000);4 //alert '1';5 str = '2';6 //依然alert '1';这种方法的不足在于参数不会随着str变量的改变而改变，假设我们把str的值动态地变为'2'，接下来循环调用的函数依旧alert 阅读全文
摘要：
在ECMAScript中，把JSON对象解析为字符串使用的是内置JSON（内置）对象的stringify方法，而把JSON字符串解析为对象用的是parse方法。JSON.stringify 方法科包含3个参数，第一个是要转化的JSON对象，第二个是过滤器，第三个是换行的缩进（最大为10）。 1 var user = '{"name":"Lily","id":"00909","hobby":["swimmimg","football","c 阅读全文
摘要：
xhtml代码： 1 2 3 4 ImageRotation 5 6 9 10 15 16 17 18 19 20 21 22 23 解决办法是先对验证各个不同的浏览器，对于webkit浏览器，使用CSS3的-webkit-transform{}来实现，对于ie，则使用filter属性下的progid:DXImageTransform.Microsoft.Matrix（），即DXImageTransform.Microsoft.Matrix矩阵。而其他的浏览器，这直接使用CSS3下的transform。 1 var 2 userAgent... 阅读全文
摘要：
网上摘录，备忘。2 div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/3 background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/ 4 width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;}5 div p{ position:relative;}/*实现IE文字不透明*/ 阅读全文