额，帮崔凯哥找人才！你懂的…… 崔凯腾讯微博：点击进入(现任傲游浏览器网站组主管) 招聘职位 高级前端工程师 工作地点 北京市 中国电子大厦 岗位职责 网站及浏览器内置页面的前端开发 岗位要求 熟练掌握前端开发技能； 良好的编码习惯、沟通协作能力和清晰的头脑； 基本编程能力 2012年，傲游已经具备14人的前端团队，希望今年能够再有3位工程师加盟。一起交流技术心得。 本次工位扩张，于2012年05月03日，重新开启这篇招聘帖。 有意在今年找工作的兄弟姐妹，可以QQ3193287，也可以直接发邮件给我：cuikai@maxthon.net(崔凯遨游官方邮箱) 懒得写简历的技术大牛，我来替你写简历。 下面以非官方的形式，介绍一下公司的情况。 首先是每月的组内活动，可以去k歌、看电影、打游戏、保龄球、桑拿、温泉、爬山、滑雪、欢乐谷： 半年一次的薪酬回顾。 过生日有蛋糕、生日会、购物卷。 过节发过节费、双人电影票，方便泡妞。老板还会变身圣诞老人发礼物…… 优秀员工有50万的无息贷款。买房买车包二奶。 其他福利还包括：每天免费的早餐、茶点、徐福记沙琪玛、麦粒素、果冻、牛奶、巧克力、干脆面…… 不用怕胖，不用怕糖尿病，公司还有健身计划、免费体检。 招聘内容出自 崔凯的博客

前端是个很特殊，带点矛盾的职位。所以我们的“前端攻城师”也大都是些矛盾体。矛盾在感性和理性之间，矛盾在文艺和三俗之间，矛盾在放任和严谨之间。作为所谓的“攻城师”，攻的不仅是“前端”这座善变诡异的高城，同时也是在攻我们自己对于艺术和编码的心防。 【关于HTML】 --语义化 语义化，是什么？即用正确的标签做正确的事。我一直认为学一种编程语言和学一门我们常规意义里的“语言”如汉语，英语，其实是类似的。单字和单词以及语法都是一门语言的组成部分，但却不是最重要的部分。怎么去组织这些单字和语法去表达正确的意思才是语言的精髓。这就好比汉语我们每个人都会写，但是能用汉语写出惊艳的散文，写出逻辑严谨的小说的又有多少呢？所以，我们普通人和一些优秀的作家的最大的区别或许不在于知道单词的多少，了解语法的多少，而在于叙述一件事情，表达一个观点时的思维。。。 好像扯远了。回到html的语义化上。我说了，重点不在于你知晓标签的多少。哪怕你知晓了所有标签，甚至能区分了不同的DTD下符合规范的标签。那又怎么样呢？仅仅等同于熟背了一本《现代汉语词典》。每个标签都有他自己的语义。这也是为什么我们会抛弃用table来布局的方式。因为table本来的语义很明晰，就是“数据表格”，他该为数据表格而生，而不是为布局而生。 举一个一线互联网公司一个关于合理使用html标签的笔试题： 小明说：小王是刚来公司的前端工程师，对公司内部的"FED"称谓不了解，你给他解释下吧。 我把一本《前端攻略》送给了小王，他很高兴。

如果你使用的是火狐浏览器或谷歌浏览器，你会发现在浏览本站时看到的界面会比使用IE6或IE7浏览时要漂亮的多，因为在这些页面上使用了CSS3里某些特效，比如圆角效果(border-radius),阴影效果(box-shadow)等。 CSS3比CSS2增加了很多神奇的东西，但由于CSS3标准还比较新，只有少数的现代浏览器支持这些特效，但随着火狐和谷歌浏览器的慢慢普及，相信不久所有的网站都会开始使用CSS3。 本文要向大家介绍的是CSS3里的动画特效。不用任何的Javascript，只用纯CSS，你就能实现令人相当吃惊的动画效果，甚至是3D动画效果。还是那句话，如果你使用的是火狐或谷歌浏览器，你就能看到下面的有个人在走动，背景有浮云飘过，有路标在移动。是不是很神奇！

1. 同理心：所谓的同理心通俗说法就是换位思考。设计师在设计产品时要能够做到换位思考，体会用户的立场和感受，并站在用户的角度思考和处理问题，把自己置身于相关的用户场景中，理解用户的行为特点和行为差异。 在我们阿里系网站，淘宝网站上面主要是C类用户，淘宝的很多设计师自己本身就是C类用户，他们会更加容易把握和理解C类用户的需求，以此来指导产品的设计。这一点对于我们B2B的设计师来说即是面临的困难也是一种机遇，因为B2B的设计师很难从自身获得足够的B类用户经验也就无法很好的把握和理解B类用户的需求，所以我们团队就更加强调设计师的同理心、换位思考能力。我们会要求设计师在平时多注意积累用户经验，熟练的使用自己的产品，模拟B类用户进行相关操作，也会经常让设计师走出去把用户请进来等各个渠道和用户研究的手段让设计师可以全方位深入的了解用户需求。使得我们的设计师可以很客观、深入和全面的了解用户以及相关需求，也就避免了依赖自身经验和主观臆断的闭门造车。 记得在我上大学学习《无障碍设计》课程的时候，为了体验和理解腿部残疾人士对于乘坐车辆的需求，我会把自己的腿绑在一起或者坐在轮椅上，真实体验腿部残疾人士上车时的场景。我想有过这种体验的设计师为腿部残疾人士设计产品的时候，肯定会在设计中充分考虑到残障人士的真实需求了。

总述 “模板”这个词，可能很多人第一印象是后端的技术（Smarty，Velocity等），但本文要讲的却不是后端的概念，而是前端开发中所使用到的一种技术，也就是“前端模板”技术。 模板的工作原理可以简单地分成两个步骤：模板解析（翻译）和数据渲染。这两个步骤可分别部署在前端或后端来执行。如果都放在后端执行，则是像Smarty这样的后端模板，而如果都放在前端来执行，则是我们要探讨的前端模板。 问题 随着前端交互的复杂性不变提升，无刷新页面数据传输与渲染越发地频繁化，我们发现传统的前端开发方式在ajax数据渲染等方面存在着一个主要问题：繁琐的 数据渲染。当前端从后台通过ajax等方式或许到数据后，如果要将这个数据渲染到指定的dom元素中，则需要进行各种字符串拼接工作或者一系列创建元素的 工作，还不论细节的问题（单引号双引号问题等），不管是哪一种形式，都是繁琐且费时的。同时，在可读性与维护性上也存在问题。试想，各种循环操作的字符串 拼接，元素创建插入，在需要修改时，都需要重新花费不少时间与精力。那有什么方法可以解决这个问题呢?

快捷导航： 在线工具集 常用Firefox插件 IE下的调试工具 参考手册 批处理工具 IDE及其他工具 Bookmarklet 前端开发者社区及权威网站 推荐订阅的博客和网站 另外还搞了个Firefox插件《前端开发工具集》，把资源整合到一个菜单下，方便查询。数据放在线上(Google AppEngine)，速度应该会有保证，更新也会比较方便。