CSS2——IE6圆角
摘要：IE6 圆角 by xiaoMo 优点： 兼容任何浏览器缺点： 标签不语义
阅读全文
posted @ 2013-04-30 19:45
04 2013 档案
CSS3——iPhone
摘要：: Message Reminder Mail ...
阅读全文
posted @ 2013-04-28 11:42
CSS3——齿轮转动
摘要：HTML关键代码： 1 div{ 2 -webkit-animation: xuanzhuan 5s linear; 3 -webkit-animation-iteration-count: infinite; 4 } 5 6 @-webkit-keyframes xuanzhuan { 7 from { 8 -webkit-transform: rotateZ(0); 9 }10 11 to {12 -webkit-transform: rotateZ(360deg);13 }14 }CSSJS
阅读全文
posted @ 2013-04-27 15:04
【一天一道兼容性】之——IE、FF、Chrome下的表单重定向的挂起
摘要：少叙闲言利用隐藏域提交表单是大家常用的办法，但是如果这个表单是post方法，而且主页面下想反复的提交这个表单，就需要在提交后更新隐藏域的src，也就是在你提交后，删除此节点，然后再重新添加进来，但是这一过程，不同浏览器会处理的不同问题： 1 <button id="btn">submit</button> 2 <iframe id="expert_form" src="expert_form.html"></iframe> 3 <script> 4 document.getE
阅读全文
posted @ 2013-04-24 18:29
【一天一道兼容性】之——IE6下fixed失效
摘要：问题：demo：1 <style>2 html, body {margin: 0;padding: 0;}3 body {background-color: #aaa;height: 2000px;}4 #alertFram {background-color: #a00;width: 50px;height: 50px;position: fixed;left: 50%;top: 20%;}//IE6下fixed失效5 </style>6 <div id="alertFram"></div>解析问题：IE直到IE7才支持fi
阅读全文
posted @ 2013-04-22 18:36
【达人手记】——苹果公司与分工原理（转）
摘要：我终于读完了《乔布斯传》。这是一本好书，我应该早点读的。 最大的收获，就是理解了苹果公司为什么是现在的样子。 苹果公司与其他计算机公司截然不同，有着鲜明的风格。以前，我只是简单地认为，它就是这种特色，或者说它的产品策略和销售方法就是这样。读了《乔布斯传》才明白，这完全是由乔布斯的个性决定的。 一、乔布斯 1979年，苹果公司成立不久，乔布斯拍了一张著名的照片。 他一个人坐在新家的地板上，盘腿沉思。屋里几乎空无一物，人们都以为，这是为了制造照片效果。但是，《乔布斯传》披露，他的家真的就是这样。没有家俱，是因为乔布斯的要求太高，始终买不到合适的家俱。"乔布斯买了一间不错的房子，但家里..
阅读全文
posted @ 2013-04-19 13:11
【一天一道兼容性】之——IOS4及以下fixed失效
摘要：少叙闲言如今手机换代都快赶上换衣服速度了，每每出新手机都是各种搭载最新系统，大家都在关心android5.0该不该叫切糕？IOS的最新版啥时候出完美越狱……，可偏偏就总有些人抱着旧系统来测你的页面，没有那金刚钻，还非要揽这瓷器活？！android碎也就那么地了，你苹果来凑什么热闹啊……，今儿接到个任务，说是领导家有个亲戚，上我们时候首页的一个fixed元素在ios旧版本中失效，让做兼容……，好吧，为了什么鬼亲戚，我只能蝴蝶效应了……正题demo：<style> html, body, div, p {margin: 0;padding: 0; } body {height: 300
阅读全文
posted @ 2013-04-18 18:51
【一天一道兼容性】之——IE6、7、8中的空格、折行
摘要：demo1:1 <p id="p"> 123</p> <!--1之前有个半角空格-->2 <script>3 var p = document.getElementById("p");4 alert(p.innerHTML.length) //IE6、7、8弹出3，忽略了空格 标准浏览器弹出4 没有忽略空格5 </script>解析1：1 alert(p.innerHTML.charAt(0) == "\u0020") //IE6、7、8的charAt(0)为1 标准浏览器的
阅读全文
posted @ 2013-04-15 00:59
【一天一道兼容性】之——IE6、7中的setAttribute
摘要：问题：demo1：1 elem.setAttribute('class', 'bg'); //IE6、7中无效果demo2：<label>姓名：</label><input type="checkbox" id="name"/><script> var lab = document.getElementsByTagName('label')[0]; lab.setAttribute('for', 'name'); //IE6、7
阅读全文
posted @ 2013-04-13 20:42
【你敢说你懂JS吗】——JS测试
摘要：你感觉自己是JSer？来看看下面的测试……是男人就挨个琢磨，不许一顿滚动条！1 && 3答案：3布尔值在"&&"运算时候，如果左为true时，总是返回右边，反之则直接返回左边1 && "foo" || 0答案："foo"布尔值在"||"运算时候，如果左为false时，总是返回右边，反之则直接返回左边1 || "foo" && 0答案：1结合第1题和第2题(1,2,3)答案：3","运算，直接输出最后一个x = {
阅读全文
posted @ 2013-04-11 01:46
【前端重构技能天赋】（三）——最终篇
摘要：少叙闲言前文所说的7大类中，还有四类：服务器、cookie、图片、移动应用，这四类之所以捏在一篇里，主要是因为其中的很多优化方式是要站在整个站点的高度来进行或是在后端操作，我并没有涉足过，也就无法给出真实感受，所以只能“道听”来，在这里“途说”一下自己的想法，希望实践过的且有节操的仁人志士们跳出来，劈头盖脸的指正……About服务器使用内容分发网络为文件头指定ExpiresGzip压缩文件内容尽早刷新输出缓冲1、使用内容分发网络简单说来就是你的用户在东北，他访问北京的服务器要快于访问上海的服务器,就是这样，然后你合理分布吧……2、为文件头指定Expires浏览器（和代理）使用缓存来减少HTTP
阅读全文
posted @ 2013-04-09 14:53
【前端重构技能天赋】（二）——Javascript、CSS篇
摘要：少叙闲言承接上一篇，这篇是关于JS、CSS的一些优化，相信很多大家都非常了解了，并且实际上也都在这么做，但我想，很多人和我一样，只知道规范这么做，并不太了解到底为啥这么做，到底好处在哪了？About JS、CSSCSS：样式表置于顶部避免CSS表达式使用外部JS、CSS削减JS、CSS<link> ，@import避免滤镜JS：脚本置于底部使用外部JS、CSS削减JS、CSS不用重复脚本减少访问和操作DOM事件委托1、样式表置顶，Why？浏览器渲染页面都是自上而下的渲染，当在<body>里遇到<link>或是<style>时候会阻塞渲染页面，而且
阅读全文
posted @ 2013-04-08 18:33
【前端重构技能天赋】（一）——内容篇
摘要：少叙闲言专业的页面重构师手下出产的页面应该是标准、合理、高效，易扩展，易维护的。为尽早奔向这一NB的方向，吾等前赴后继的前端码农们，升级所需的必要天赋之一：载入更快，更省带宽！结合网上大量关于Yahoo的高性能网站构建的黄金守则，说下自己眼中的守则。守则分为7大类34条，包括内容、服务器、cookie、CSS、Javascript、图片、移动应用。About内容尽量减少HTTP请求减少DNS查找避免跳转缓存AJAX推迟加载预加载减少DOM个数用域名划分内容避免4041、尽量减少HTTP请求当用户载入你的页面时候，有80%的时间是用来下载页面里各个项目，包括图片、样式、脚本、FLash等。所以减
阅读全文
posted @ 2013-04-08 10:28
