摘要：
Flexbox是spankin新推出的一种CSS布局模块，拥有完美的浏览器兼容性！它可以轻易做到垂直居中、重新排序、布局的动态伸展与收缩。Flexbox兼容性参考点击查看基本教程介绍（请用电脑上的现代浏览器查看演示）提示：请将浏览器升级到最高版本，确保完整观看工作演示。创建flex容器在创建任意flexbox布局之前，先要创建一个flex容器：把display属性设定为flex。在Safari中，还需要添加-webkit前缀。.flexcontainer { display: -webkit-flex; display: flex;}将 flex项目排成一行Flex项目是flex容器的... 阅读全文
摘要：
Preface如果只是要写程序，那的确是不需要这么麻烦，上来直接看Syntax，动手写上至少300行代码，做上3个应用程序，这门语言你也就差不多会用了，接下来不过就是模式，特殊的地方以及记住一些函数而已。但是如果你想更深刻的了解这门语言为什么这么设计，想知根知底的时候，那么回顾历史是最好的选择。而且经过这么多年对于学习本身的研究，如果想要精通一样东西，研究促使它诞生的问题会更加准确的明白它的缺点和优点，以及理解它为什么会是这个逻辑，怎么改善等等。而研究历史的时候，有时候也会发现，因为当年某些限制条件无法实现的更好的解决方案，现在正是实施的时候。Style Sheets’ History后面就像 阅读全文
摘要：
byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3591一、锚点是什么锚点就等同于火影中的“飞雷神之术”，我们先看百科中锚点的解释：使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。再看看“飞雷神之术”的解释：日本动漫《火影忍者》中时空术的一种，S级。利用标记完成空间穿梭。都是做标记，然后快速定位。 阅读全文
摘要：
这是一篇投稿，来自淘宝 UED 前端工程师堂主。堂主是个高高又帅气的小伙子，不光写得一手好代码，还练就一手好毛笔字。介绍到此，来看文章。关于前端的那些事好吧，最近有些人又在讨论“前端是不是一个低级工种”、“前端这个职位是不是有存在的必要”等类似的问题了。这里说“又”是有原因的，因为这类话题出现的频率虽不似月经贴，但每隔一段时间年也总会出来秀一下下。作为一个立志于为前端布道的从业者，有些个体的声音需要发出。1. 前端的尴尬目前，前端的地位及受重视程度，相比前几年有了极大的提升。但尴尬之处仍存在，具体体现为：国内大部分有互联网业务的企业确实不需要专业前端，专业前端的就业面及需求量相比 JAVA、P 阅读全文
摘要：
一、自由软件基金会的呼吁上周，2012年将近结束的时候，自由软件基金会（FSF）发出呼吁，要求人们继续支持反Secure Boot垄断，希望签名者能达到5万人（目前是4万）。我觉得，这个呼吁很重要。如果我们不支持，未来就无法自由地使用硬件、安装自己想要的软件。这绝非危言耸听。而且，由于这个事件直接与Windows 8操作系统有关，因此意味着一切已经迫在眉睫了。下面，我根据自己的理解，谈谈这到底怎么回事。如果你是一个Linux爱好者，或者喜欢自己安装操作系统，下面的内容与你直接相关。二、BIOS和UEFI所有电脑启动的时候，都会运行BIOS程序，用于初始化硬件。自从个人电脑诞生后，就一直如此。过 阅读全文
摘要：
我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。==============================================jQuery最佳实践1. 使用最新版本的jQueryjQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句： $('.el 阅读全文
摘要：
isobar的这个前端代码标准和最佳实践文档，涵盖了Web应用开发的方方面面，我们翻译了大部分章节，并做了注解。请仔细阅读用标记的段落。关键词列表：渐进增强；Combo Handler；Quirks Mode；浏览器盒子模型；选择器特殊性；Spacer Image；CSS Sprites；PNG8；编写此文档的目的主要有两方面，第一，如何保持代码的一致性；第二，什么才是最佳实践。我们通过编码风格和约定保持一致，可以减轻代码维护的工作量，并降低风险，在将来代码出现问题的时候，方便我们排查错误。我们要保持最佳的编码习惯和做法，确保优化页面的加载和性能，并能更好地维护代码。普遍性准则前端开发的核心 阅读全文
摘要：
Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的HTML5，本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。1. 新的Doctype声明XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。?12<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">HTML5的D 阅读全文
摘要：
外部JS的阻塞下载所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。 有人会问：为什么JS不能像CSS、image一样并行下载了？这里需要简单介绍一下浏览器构造页面的原理，当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发现某个节点(node)上引用了CSS或者 IMAGE，就会再发1个request去请求CSS或image,然后继续执行下面的转换，而不需要等待request的返回，当request返回 后，只需要把返回的内容放入到DOM树中对应的位 阅读全文
摘要：
说起模块化，也许我们首先想到的是编程中的模块设计，以功能块为单位进行程序设计，最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中，也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段：第一阶段是在一个css文件中把多个页面按自己的习惯顺序从上往下编写样式，基本不考虑有无公用样式，以完成设计呈现为首要目的；第二阶段是提取不同页面中的通用样式，如公用颜色、图标、按钮等，实现一些基本元素的复用；第三阶段是提取公用功能模块，如导航、版权信息等，实现部分公用模块的复用。 刚才描述的第三阶段的方法已经包含了模块化思想，不少团队也都有一套成熟的模块化开发方案。而我第一次听说. 阅读全文