命名 规则：除非在小于 5 行的函数里，否则不要使用单字命名变量 说明：含义不清晰，不能做到「望文生义」 BadCode {代码...} GoodCode {代码...} 规则：不要使用名词加数字的命名方法 说明：含义不清晰，不能做到「望文生义」 BadCode {代码...} GoodCode {代码...} 规则：应该且只有方法和函数以动词开头 此处动词没有...

清晰 回答问题的时候没有吞吞吐吐。 眼神专注，不会到处乱「漂」。 语调平稳，不急不慢。 简练 很多候选人喜欢回答问题的时候进行扩展，从天南讲到地北。这个时候要及时打断候选人，并且表示「后续的问题尽量在 5 句话之内回答完」。 有逻辑 用词准确且前后一致。 能围绕观点展开谈话。（反例：在谈论一个问题的时候突然...

学习方式 以下学习方法从上到下按有效程度排序。 看：看视频 听：听老师讲 读：读书 写：写笔记、总结 教：自己学会后教别人 所以一般人看书或者看博客都只是第三层「读」的阶段，并不能很好的体现出学习能力。 驱动因素 以下驱动因素从上到下按有效程度排序。 业务驱动：因为项目需要才去了解新知识 环境驱动：身边都是...

前端基础 JS 原型链机制的理解 设计模式：了解基本的前端设计模式，单例、适配器、工厂、观察者。 跨域的方式、同源策略、为什么有同源策略、如何做安全防范：新的H5的跨域方式（cors、postmessage）。 安全，对攻击方式、安全的防范上的了解 。 http、TCP 协议的知识，如：什么是无状态，http 状态码的分类。 知晓 CSS ...

void 和 undefined 有什么区别？ 什么是 never 类型？ 下面代码会不会报错？怎么解决？ {代码...} readonly 和 const 有什么区别？ 下面代码中，foo 的类型应该如何声明 {代码...} 下面代码中，foo 的类型如何声明 {代码...} 实现 MyInterface {代码...} 什么是 Abstract Class？ 什么是 class mixin, 如何实现？ typeof...

git remote 什么是 remote如何添加 remote git branch 什么是分支如何在本地创建一个分支 git commit 如何提交一份代码，提交代码的作用是什么 git merge 如何合并两个分支，合并时有冲突如何处理 git push 如何将本地改动同步到 remote如何回滚 remote 上的代码如何设置当前分支默认 push 的 remote 和其分支在本地创建...

HTML Application Cache （简称 HAC）是一套针对缓存应用资源的接口，通过此套接口，可以实现网页的离线访问，或者在网速较慢的情况下也能快速打开页面。使用 HAC 之后，浏览器在请求网站的时候首先会去 cache 内查找，如果命中，则会加载命中的资源，如果没有，则向服务端请求，再加载。

npm install jslint eslint-config-airbnb然后在项目目录下创建 .eslintrc 文件，输入内容「{ "extends": "airbnb", "rules": { "strict": 0 }」。

我的理解 blend 是 compose 中的一步，上篇文章中我已讲到了 compose 的一些方法，但是 blend 是将两张图的颜色混合在一起。

在讲 compose 和 blend 之前，我想先介绍一下浏览器整个的渲染过程。浏览器在渲染页面的时候，大概会走几个步骤：layout,repaint,compose。

自从 HTML5 诞生之后，关于 Web App 和 Native App 的讨论就从未间断过，孰优孰劣大家各执一词。但作为前端开发者的我们，心里其实是明白的，这个世界是你们的（Native App），也是我们（Web App）的，但终究还是我们的，如果几十年后再回头看这一路的话，会发现你们不过是一插罢了。哈哈哈哈哈哈

随着 SVG 的发展，艺术家和设计师们把越来越多传统设计行业的东西引入了前端， low poly 就是其中之一。那 low poly 强大在哪呢，大家通过下面的图来感受一下。

有人说不会 SVG 的前端开发者不叫开发者，而叫爱好者。前端不光是 Angularjs 了，这时候再不学 SVG 就晚了！（如果你只会 jQuery 就当我没说。。。）这里我就给大家分享一个前几天在别处看到的一个高大上的 SVG 效果，左边菜单弹出来会动动弹的说，链接点这里。

CSS3 给我们带来了一波又一波的技术革新，而我们似乎对它所能创造的效果又知道的太少太少，放大缩小什么的只是个开始，今天我们就讲讲上图中的新特效：Shape Blobbing。

很多情况下用户上传的图片都需要经过裁剪，比如头像啊什么的。但以前实现这类需求都很复杂，往往需要先把图片上传到服务器，然后返回给用户，让用户确定裁剪坐标，发送给服务器，服务器裁剪完再返回给用户，来回需要 5 步。步骤繁琐不说，当很多用户上传图片的时候也很影响服务器性能。

Dust一个适用于浏览器与node的异步模板框架。 先上实例 后端模板： {代码...} [链接] 返回结果： {代码...} 渲染结果： {代码...} Dust的特性 所有用过Angularjs的同学，一定不会忘记它强大的模板、数据绑定等功能，而这些在后端往往都是可盼而不可求的。由于某些原因，我们产品需要改为在后端渲染html，再发送到前端，...

当你公开一个 Polymer 元素的 property 名字时，就等于把这个 property 设置为公开API了。公开 property 会有如下的特性：

Polymer是google的一款前端开发框架，其基于Shadow DOM、Custom Elements、MDV等最新浏览器特性构建，代表了下一代Web框架的方向：一切皆组件、尽量减少代码量、尽量减少框架限制。

统一资源定位符 URL (Universal Resource Locator),有时也被俗称为网页地址，但URL指向的并不一定是网页，也可以是图片、音乐等任何资源。URL相当于互联网上的地址，用户通过URL来定位资源在互联网上的位置，并且访问它。

以下内容如有不准确之处，欢迎指正 什么是HTML HTML是超文本标记语言 Hyper Text Markup Language HTML不是编程语言，而是标记语言 HTML最初的作用是用来展示文档 HTML由标签和文本组成 HTML只是用来对文档不同部分做出标记，以指出其在上下文以及整个文档中的关系，与展现样式和交互逻辑不相关，样式与逻辑分别由CSS与J...

以前读过一本书，叫做《失控》，我觉得这本书的标题很好，逼格够高，但唯一的缺点就是副标题“全人类的最终命运和结局”把它毁了。虽然此书撰写于1994年，但其中对于生命、智慧、进化、计算机的探讨到今天来说很多理念仍是很前卫的，就像书评里所说的一样，这是一部看两页都要停下来仔细思考的书。这本书同时也让我对于人...

最近有很多前端同学都抱怨说，登陆表单都不能记录自己的账号。这对于用单页面(single-page applications)和使用ajax比较多的网页来说，还是一个蛮普遍的问题。

SF的用户粘性挺高的，总是有一群人活跃在这里，把这里当作奋斗之余一个安静的小小世界，这也算是SF团队对互联网思维很好的把握吧。其中Sunny在工作的时候，还不忘深入基层与QQ群里的水友们谈笑风生及时回答基友们的各种问题（搞得我们大家都不敢说他坏话生怕他突然间冒出来），这种对用户群体的重视很值得学习。还有各位...

Quirks，翻译成中文就是‘怪癖’，也就是奇怪的意思，这个东西的由来要从上古时期说起了。。。当初web的世界只有两个巨人，一个是微软的IE，另一个是网景的Navigator。双方厮杀了好几年，谁都不让着谁。并且为了将各自的阵营与对方区别开，开始针对对方搞差异化，使得开发者不得不针对两种浏览器平台做两个网页。大地看到...