zhangxin09的专栏

做前端的，如果你说专业做前端的，那么它的特点便是使用的技术多种多样，而且跨域性较大：有设计的、用用户体验分析系的，有编码开发的……显得斑驳庞杂。看似那么多的技术，作为前端人员，不能说都精通，但至少需要有所猎及，以便于“突击”，才称得上胜任。而所谓前端的“编码开发”又可以被认为是一个相当广泛的概念，同你所从事的工作过程中，很可能遇到的 css/js/as/sql 多种开发语言……可见作为前端开发人员，的确需要掌握许多技能。而其中的一环，正则表达式（RegExp），就是这么一个相当突出的一门本领，之所以形容为“

我们在项目中使用 Less.js 的预编译 css 技术。Less 最终编译的代码是 css，也就是 *.less 输出 *.css 的工作，围绕这项过程的方式方法多种多样，有的是导入 less.js 到页面编译 less（客户端执行），有的是透过构建工具如 Grunt、Glup 生成。客户端执行比较耗时而且也有浏览器兼容的问题，故不推荐；构建工具比较流行于前端社区，如果放在 JEE 项目中似乎太重了，不便于 Javaer 学习跟使用。

LESS 很好用，大家不要错过！

上周学习了利用 CSS3 来制作页面动画，完成了下载页面动画的开发。按照需求要实现“渐显 FadeIn”的效果。

这是一个非常简单的例子，主要利用了元素 hover 高亮效果的特性创建收缩面板。“hover”的意思就是用户鼠标移上某个元素时，该元素会产生高亮的效果。所谓“高亮”，仅仅是我们想定义的这样子。具体是什么效果随便我们而定。CSS 选择符的写法为“ 元素: hover { ……（欲变化的样式）……}。常常使用 hover 的一个地方就是 a 元素，也就是定义鼠标移至 a 元素的样式。把 hover 推广到其他非 a 元素当然也可以。我们这个收缩面板，主要就是使用到了这个 hover 会动态变化的特性。

element.classList with methods add(), remove(), toggle(), contains(). 这是标准的方法。问题是许多旧的浏览器不支持。

本人利用业余时间翻译。受本人水平所限，当中错谬不少，还望大家斧正！二十年前的今日，Opera 的 CTO Håkon Wium Lie 推出了 HTML 层叠样式的第一个草案：CSS（下面的文字过于文艺，非本人能力所及，不如不译了……）

一点感慨便是，尽管当其时他可能不晓得究竟所谓的 HTTP 技术带来什么价值，或者自己歪一下脑筋，就申请了专利，此举亦无可厚非，但是甚庆幸他没有如此做，当然，做了可能也没什么大不了（直接说，你不做还有别人做……），但几乎可肯定的是，他们必定在专利与非专利之间考虑过，犹豫过，——也许没那么复杂的考虑……也许也是于一念之间作出的决定，但无论如何，人同此心，心同此理，Tim 终究要排除掉内心所谓的“纠结”，才能行事，才能以致今日大方地开放出来让大众使用，无任何附加条件，使技术“普渡众生”。实际上要让自己的成果特别是

本来该系列的文章的文体是属于学习笔记之类的，但是这一篇是翻译的文章。实际上，在（一）的开篇中已经有提到 HTML 5 的地方，虽然只是开头的轻微提及，也是属于非常新鲜的技术，于是细想一下，不失为可深入的领域，算是一个“引子”吧。我接着决定翻译一篇来自 Sencha.com/blog 文章，看中的就是操作性较强，叙述的地方深入浅出，具有一定的代表性，适合于了解 CSS3 以及初学。

“调试是比编码更高深的技术”，个人认为此话当属不假，有舒适的调试环境更是不言而喻。话说本人换用 Chrome 浏览器之后，一直对其内置的调试器 Developers Tools 爱不释手，简直成了最不可或缺的工具。后来得知 Developers Tools 竟出自 Firebug 原设计师之手，怪不得越来越好用！的确，作为网页程序，强大得已经完全看不出它有什么非原生程序的痕迹，宛如与 Chrome 融合一体，不曾想却乃内置浏览器的玄机——想必底层组件的通讯用 JS 应该不能做吧？

当前终端设备种类繁多，即单以 iOS 设备论计，从 iPhone 3GS 到 iPhone 6 Plus 总的数量亦不少了。如果对图片的什么尺寸都不指定（默认），或者只确定一种尺寸（也就是写死了），那么可以想象，小的图片在屏幕小的手机显示刚刚好，不过在屏幕大的手机中就显得很小；如果把图片调大尺寸，虽然屏幕大的手机显示刚刚好，但屏幕小的手机就不能完全展示了。总之，这个问题就是，五花八门的屏幕尺寸怎么让图片好去适应？

Bert Bos 如何参与进来的，你们怎么一起工作的？ 伯特·波斯回顾我的初步建议。他的背景和重点是与我的有点不同，但是当他写了自己的建议，我们很快就意识到，这两项建议可以合并成一个。在这一点上，网络项目被踢出欧洲核子研究中心的出来，W3C 成立。我开始了 W3C 的 INRIA 欧洲分公司和 Bert 立即被录用。大多数 CSS1 被敲定在索菲亚 - 安提波利斯白板在1995年7月

如果你手上有魔棒，你会发出什么的魔咒，让 CSS 按照你的想法走？另外，还有什么你想搞进来的，而且又会受到大家欢迎的？首先，我会把浏览器专属特定的代码干掉，像 <!--[if lt IE 7 ]> 诸如此类的。CSS 里面没有这样浏览器特定的代码——尽管不提供，但是也不要用“注释”这样子的风格呈现，而且这样子是“反” Web 标准的。你的第二个问题，我觉得是个有意思的问题，啥东西突然叫好又叫座？2006 年，我想是非 Web fonts 莫属。2007 年，我会说 <video> 元素（<video>