11 2012 档案
摘要：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风格布局资源，希望大家
阅读全文
