摘要： 最近写一个jQuery插件，在最后完成优化时，对比发现压缩后文件比较大，就思考那些是可以被修改和优化的，发现压缩原理也有很大的空间可以学习，通过这次对YUI Compressor压缩JavaScript深有体会，那些是可以被压缩的，特别是那些不能被压缩的，都需要很清楚，这样才能写出来的插件才能保持文件更小，代码更精巧，而且优化的过程中也会发现代码待改良的地方，对以后也有很大帮助。随便在网上找来一篇文章做记录了。YUI Compressor 压缩 JavaScript 的内容包括：移除注释 移除额外的空格 细微优化 标识符替换（Identifier Replacement）YUI Compres 阅读全文

摘要： 概念引自维基百科：根据由万维网联盟（W3C）于1996年发行并于1999年修订的CSS1所指定的，当任意一个块级元素的宽度或高度被显式指定，它应当只确定这个可见元素自身(内容区)的宽度或高度，而padding, border和margin随后被应用。Internet Explorer在“怪异模式” 则把内容，内边距（padding）和边框（border）全部包括在一个指定的宽度或高度之内；这导致它呈现出一个比遵从标准行为的结果更窄或者更短的盒子。如下图：应用理解盒模型，不管是对于设置一个元素外边据、边框、内边距，高宽CSS样式的准确应用，还是对于使用JavaScript去计算盒子的宽度、高度都 阅读全文

摘要： 前端有多少事情可以做，能做到多好。一直在关注各大公司UED方面的知识，他们也代表了前端的力量，而且也很乐意和大家分享，把应用到项目的知识归类整理，再写成博客搬到网上来，充实这前端的内容，也是为想追寻和学习的人提供了场所，为想接触到一些前沿的知识提供了去处，感谢有这么一群人。大的科技公司基本都有自己的... 阅读全文

摘要： JavaScript的分层概念为了使代码更清晰，减少冗余，提高代码重用率，和css分层一样：base层：最低端，给common层和page层提供接口的，两个职责：1：不同浏览器之间js的差异提供统一接口；2：扩展js语言底层提供的接口。common层：提供可复用的组件，和页面内具体功能无关。common层的功能是给page层用的。page层：最顶端，该层主要是完成各个页面内的功能需求。良好的编程习惯命名空间和匿名函数的使用避免JS冲突，避免全局变量泛滥，划分模块。生成命名空间是一个很常用的功能，可以将其封装为一个函数。var GLOBAL = {};GLOBAL.namespace = fun 阅读全文

摘要： 如何组织CSS-分层应用 css 的能力分两部分：一部分是css的API，重点是如何用css控制页面内元素的样式；另一部分是css框架，重点是如何对 css 进行组织。如何组织 css 可以有多种角度，例如按功能划分，或者按区块划分。这里讲一下 base.css + common.css + page.css 的组织方法。将网站内的所有样式，按照职能分成三大类：base、common、page，这三者是层叠结构。1、base 层-精简通用位于三者的最底层，提供 css reset 功能和粒度最小的通用类——原子类。这一层会被所有页面引用，是页面样式所需依赖的最底层，不同风格的网站可以使用同一个 阅读全文

摘要： 读书小记《编写高质量代码-Web前端开发修炼之道》，用了一天的时间，略带着兴奋的感觉给看完了，好久都没这样看过一本书了。看的虽快，但收获颇多。特别是在看到HTML和CSS部分的时候，发现HTML原来要这样写，CSS原来可以这样写。由于对JS部分期望比较大，整书也先看的这一部分，感觉没有前两部分读的那么爽，内容基本都熟悉，而且有些写法还比较老，比方说判断类型书中还是用的typeof，而现在基本都是用的Object.prototype.toString()，但是也有不少收获，特别是如何在团队中更好的协作开发，都是经验之谈值得学习。整本书感觉，结构清晰，知识点充实而不枯燥，任何前后端的开发人员都值得 阅读全文

摘要： 最近微软已经正式发布了windows 8操作系统，window操作系统的风格已经完全改变成了瓦片状的Metro UI。对于微软来说这是一个巨大的改变，而且所有微软的平台包括，桌面，平板，移动及其网站都使用这个UI风格。Metro UI包含了所有的现代web设计的特点，包括了，简化，基于网格的界面，并且富有连续性。 大家如果有兴趣可以看看这个界面设计说明（http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx）。如果你也喜欢Metro风格的话，这里我们收集了很多windows 8的Metro UI风格布局资源，希望大家 阅读全文

摘要： 安装在过去，Node.js一直不支持在Windows平台下原生编译，需要借助Cygwin或MinGW来模拟POSIX系统，才能编译安装。幸运的是2011年6月微软开始与Joyent合作移植Node.js到Windows平台上（http://www.infoq.com/cn/news/2011/06/node-exe ），这次合作的成果最终呈现在0.6.x的稳定版的发布上。这次的版本发布使得Node.js在Windows平台上的性能大幅度提高，使用方面也更容易和轻巧，完全摆脱掉Cygwin或MinGW等实验室式的环境，并且在某些细节方面，表现出比Linux下更高的性能，细节参见http://ww 阅读全文

摘要： A Set-Cookie2 from request-host y.x.foo.com for Domain=.foo.com would be rejected, because H is y.x and contains a dot. ... A Set-Cookie2 from request-host x.foo.com for Domain=.foo.com would be acce... 阅读全文

摘要： JavaScript实现继承的几种方式开发中常见的几种JavaScript继承方式，了解每一种都会有提高的，直接贴代码吧，更直接。具体的JavaScript面向对象的概念理解参见JavaScript必备知识系列-面向对象知识串结JavaScript必备知识系列，总目录参见JavaScript必备知识系列-开篇拷贝继承extend(obj) { var args = Array.prototype.slice.call(arguments, 1); args.forEach(function(source) { for(var prop in source) { obj[prop] = s... 阅读全文