随笔分类 - 文章收藏
摘要：Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符合的将不解析，从面达到您所需要的页面渲染效果。总的一句话来说使用CSS Hack将会使用你的CSS代码部分失去作用，然后借助条件样式，使用其原CSS代码在一些浏览器解析，而CSS Hack代码在符合条件要求的浏览器中替代原CSS那部分代码
阅读全文
摘要：第一题if (!("a" in window)) { var a = 1;}alert(a);第二题var a = 1, b = function a(x) { x && a(--x); };alert(a);第三题function a(x) { return x * 2;}var a;alert(a);第四题function b(x, y, a) { arguments[2] = 10; alert(a);}b(1, 2, 3);第五题function a() { alert(this);}a.call(null);第一题：答案unde...
阅读全文
摘要：HTML5, WebGL and Javascript have changed the way animation used to be. Past few years, we can only achieve extraordinary web animation by using Flash and Java Applet. It's possible to create insane effects and crazy animations with scripting and render it on the browser. There are a few reasons
阅读全文
摘要：我的大部分性能优化工作都集中在JavaScript和CSS上，从早期的Move Scripts to the Bottom和Put Stylesheets at the Top规则。为了强调这些规则的重要性，我甚至说过，“JS和CSS是页面上最重要的部分”。几个月后，我意识到这是错误的。图片才是页面上最重要的部分。我关注JS和CSS的重点也是如何能够更快地下载图片。图片是用户可以直观看到的。他们并不会关注JS和CSS。确实，JS和CSS会影响图片内容 的展示，尤其是会影响图片的展示方式（比如图片轮播，CSS背景图和媒体查询）。但是我认为JS和CSS只是展示图片的方式。在页面加载的过程中，应当先
阅读全文
摘要：大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战， 毕竟我们需要的信息在数量上过于庞大。2012年里，伴随着前端发展的是大量的革命性突破和对前端的重新定义。我们在实践的路上飞速前进，具体的进步体现在使用抽象化，优秀的代码质量，维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术，不用担心。随着假日的来临，我们就有了一些空闲的时间可以自己支配，我想，如果我把我收集的前端相关的精品讨论列表分享出来，那一定会对大家有一些帮助。你不需要把所有的都阅读一遍，但是这些相关的建议会让你了解更多相关的知识，为明年成为一名更好的前工程端开发师做准备。基础部分走在技术前沿
阅读全文
摘要：每每在网上搜索IE浏览器Bug时，总是骂声一片，特别是前端工程师，每天都要面对，IE浏览器特别是IE6，存在很多Bug，对Web标准的支持也拖后腿，但不可否认，IE浏览器是曾经的霸主，它的贡献也是巨大的，我们要以一种发展的眼光去看等，技术是不段地发展，面对陈旧浏览器出现的问题，我们，特别是前端工程师，要心平气和地面对，其它只要你了解它的特性，解决它也是如鱼得水，下面在网上找了一些IE常见Bug，比较全，与大家分享一下：“Internet Explorer——前端攻城师的的恶梦，十个有九个前端人员都认为他为祸人间不浅，本应早点灭掉他，可是上天有好生之德，因而没有灭之，在此情况下，前端的攻程师们将
阅读全文
摘要：我一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表，你可以打印出来或者设为桌面背景。 一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。1$('#content').hide(); 或者从ID选择器继承来选择多个元素:1$('#content p').hide(); 2. 在class前面使用tag jQuery中第二快的选
阅读全文
摘要：搜索引擎除了搜索普通关键词外，还能使用一些特殊的搜索引擎高级指令。普通用户一般不会用到这些搜索引擎指令，但是从网站seo优化从业者的角度来说，这些搜索引擎命令对于了解己方网站seo优化效果、研究竞争对手以及找寻网站外链优化资源是非常有用的。 1.site用法——site:域名。最最被站长以及SEOer熟知的搜索引擎指令之一，用来搜索某个域名下被搜索引擎收录的所有内容及页面。此搜索引擎指令常用于查询网站在某个搜索引擎的收录数量，但是site指令并不十分准确，查询结果常常会有大幅度的波动，只能作为参考。而且前段时间，百度已经明确表示site指令的不靠谱，借而推广旗下产品“百度统计”，这是题外话。此
阅读全文
摘要：利用微数据、微格式进行SEO优化——提高搜索引擎收录展示效果最近，Google、Bing和雅虎宣布正式推出 schema.org，这是由Google、Bing和雅虎共同发起的一个新项目，将为网页上的结构化数据标记建立并提供一套通用模式。 Schema.org旨在成为网站站长的一站式资源，方便为自己的网页添加标记，以帮助各搜索引擎更好地了解网站。在此基础上我参考文档和51CTO的教程建立了我的个人页面：http://meyourtion.com，其中就包含各项微标记信息。谷歌支持结构化标记已经有一些年头了。2009年，谷歌介绍了丰富网页摘要，以更好地展现那些描述人物或含有评论的搜索结果。自此之后
阅读全文
摘要：Popular JavaScript libraries such as jQuery, MooTools, Prototype, Dojo and YUI can be great for accomplishing common JavaScript tasks. These libraries provide many functions, whether the matter is related to events or effects or AJAX. And if one of these libraries can’t do the job, a plug-in probabl
阅读全文
摘要：最近项目中用到了Linux命令，这个东西平时用得不太多，之前也有接触过，只是用得少就忘记了。现在找了一些常用的命令，学习一下，比较实用：vi 常用命令行1.vi 模式 a) 一般模式： vi 处理文件时，一进入该文件，就是一般模式了. b) 编辑模式：在一般模式下可以进行删除，复制，粘贴等操作，却无法进行编辑操作。等按下‘i,I,o,O,a,A,r,R’等 字母之后才能进入编辑模式.通常在linux中，按下上述字母时，左下方会出现'INSERT'或者‘REPLACE’字样,才可以 输入任何文字到文件中.要回到一般模式，按下[ESC]键即可. c) 命令行模式：在一般模式中，输入
阅读全文
摘要：以下大部分demo明河在以前的html5demo推荐中都有提到过，这篇算是集大成者，html5的大部分特性在这些demo中都有体现。1.Tunneler2.JuicyDrop3.Magnetic4.Trail5.Sinuous6.DDD7.Harmony8.Lines go all over the place.9.Chrome Canopy10.Ball Pool11.Chain Reaction12.Entanglement13.Blob14.Biolab Disaster15.Google Gravity16.Core17.Gartic18.HTML5 Video Destruction
阅读全文
摘要：DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播)当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。1 $('a').bind('click',function(){alert('that tickles!')})因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。在操纵DOM的语境中，
阅读全文
摘要：在网上看到一篇文章与大家分享一下：“我们都知道,很多时候,在页面加载完后都需要做一些相应的初始化动作.例如,运行某些js特效,设置表单等等.怎么知道页面加载完了呢?一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).ready()),让我们可以在页面的dom加载完后就可以做相应的操作(当然,这还得看用户浏览器的支持).,而不用等待全部元素加载完成.例如:1 $(d
阅读全文
摘要：“基础类《高效能人士的7个习惯》（推荐给所有刚刚进入职场的新人，和进入职场多年但还没看过这本书的老人。这本书会帮助你看清自己，明确今后努力的方向。）《java夜未眠》（从书名看与前端无关，但其中的内容是作者多年工作积累的心得，推荐给每一位立志从事IT工作的新人。）《网站重构》（要从事前端开发，必须要熟悉WEB标准思想。改变思想然后才能改变行动。）HTML类《精通HTML》（目前只看过这本，后续有新书会继续推荐。帮助你快速认识“现代”HTML。）CSS类《精通CSS》（目前只看过这本，后续有新书会继续推荐。实战性的书籍，必看！）JavaScript类《JavaScript DOM 编程艺术》（初
阅读全文
摘要：1.技术背景FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的页面都要要花费6秒；同时另外一个网站提供了 相似的服务，但响应时间只需3秒，那么你会如何选择呢？数据表明，如果用户打开一个网站，等待3~4秒还没有任何反应，他们会变得急躁，焦虑，抱怨， 甚至关闭网页并且不再访问，这是非常糟糕的情况。所以，网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的Facebook(全球最大的社交服务 网站)这样的大型网站，有着大量并发请求、海量数据等客观情况，速度就成了必须攻克的难题之一。2010年初的时 候，Facebook的前端性能研究小组开始了他们的优化项目，经过了六个
阅读全文
浙公网安备 33010602011771号