原测试链接：http://davidshariff.com/quiz/
这些测试题是David Shariff(不要问我他是谁，因为我也布吉岛)写的，感觉挺有意思，拿来分享一下。注意了，这里是前端测试题，找前端面试题的盆友请绕行，当然如果你绕行可能会错过面试时遇到的测试题。
CSS
1、 CSS是大小写敏感的吗? 不是
css
ul {
MaRGin: 10px;
}
2、 margin-top和margin-bottom会对行内元素有影响吗？不会
3、 padding-top和padding-bottom会影响行内元素的大小吗？不会
4、 如果有个的样式为font-size:10rem，当用户改变浏览器大小
继续阅读 »
介绍
一群恶魔的猪从无辜的小鸟那里偷走了所有的前端架构，现在它们要夺回来。一对特工英雄（愤怒的小鸟）将攻击那些卑鄙的猪，直到夺回属于他们的前端架构。（译者注：本系列是关乎前端架构的讨论，作者借用当前最风靡的游戏 - 愤怒的小鸟，为我们揭开了前端架构的真实面目。）
小鸟们最终能取得胜利吗？它们会战胜那些满身培根味的敌人吗？让我们一起来揭示 JavaScript 之愤怒的小鸟系列的另一个扣人心弦的章节！
阅读本系列的介绍文章，查看所有小鸟以及它们的进攻力量。
战况
红色大鸟 - 立即调用的函数表达式
蓝色小鸟 - 事件
黄色小鸟 - 模块化、依赖管理、性能优化
黑色小鸟的攻击力
在这篇文章中，我们将看看黑色小鸟，它们使用
继续阅读 »
导语:
性能对于程序来说至关重要。本文主要内容是对文章的翻译，再加上对平常遇到的优化tip，从Content、Server、Cookie、CSS、Javascript、Images、Mobile几方面做了个简单的阐述。对于看到标题就知道什么意思的就不翻译了，^_^
这里有篇文章，介绍的点很多：点击进入
Content
1、减少Http请求
终端用户80%的响应时间花费在前端。这些时间大多数是与下载所有组件息息相关的，比如图片，样式表，脚本等。减少组件数量也就是减少渲染页面时需要的Http请求数。这个是加快页面速度的关键。
减少组件数量的一种方式是简化页面设计。但是又没有一种方式可以创建更丰富的内容的同时也能获得更快的响
继续阅读 »
content
{:toc}
起因
起因是这样的，在尝试前后端分离的这条道路上，我自己也在不断摸索，感觉要把大部分的坑都踩踩了。目前我用的技术是：
webpack 自动构建
AMD 模块化 js
Sass 预处理 CSS
使用前端模板引擎 handlebars 解决动态操作将 html 拼接在 js 中的问题
但最近写了一个项目类似知乎这样的多页网站。前端 url 的处理让我觉得不够优雅。我使用的是 hash 的方式处理动态 url 的，为此我专门在知乎上提了一个问题：前端如何处理动态url？
继续阅读 »
前段时间在朴灵的github中，看到了一张出自拔赤之手的前端工程师技能树，有感原来前端的技能树如此的丰富，而自己所知所会的竟然如此之少，实在是大开眼界。遂保存起来希望以后能慢慢的点满前端技能树。
继续阅读 »
一、前端优化的目的
最近在总结一些前端优化的方法，结合以往做项目的经验以及网上的一些资料，对常用的优化方法进行了汇总，以后如果遇到一些新的方法也会在这里进行补充。
对用户：页面加载更快，用户操作响应及时，更友好的体验；
继续阅读 »
为了UED前端团队更好的协作开发同时提高项目编码质量，我们需要将Web前端使用工程化方式构建；
目前需要一些简单的功能：
1. 版本控制
6. 编译SASS
2. 检查JS
3. 图片合并
4. 压缩CSS
5. 压缩JS
继续阅读 »
很多人觉得，前后端的差异主要是分别承载了数据和样式，功能和皮肤。前端就是视觉方面的，后端是实质性的。追溯到很多年前，确实是这样的，所谓的前端只是由于后端MVC中的View过于复杂，为了提升用户体验，提高加载速度，以及降低服务器压力，所衍生出的一些优化技术。
继续阅读 »
当提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的 gzip 压缩等，这使得页面加载更快，用户可以尽快使用我们的 Web 应用来达到他们的目标。
资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。
引用 Patrick Hamann 的解释：
预加载是浏览器对将来可能被使用资源的一种暗示，一些资源可以在当前页面使用到，一些可能在将来的某些页面中被使用。作为开发人员，我们比浏览器更加了解我们的应用，所以我们可以对我们的核心资源使用该技术。
这种做法曾经被称为 prebrowsing，但这并不是一项单一的技术，可以细分为几个不同的技术：DNS-prefe
继续阅读 »
在一个中大型项目中，你不可能一边写着前端一边写后端。全栈太难 :)
像rails那样的开发模式已经很不适合当前的环境了。所有的项目都嚷嚷着前后端分离，那就只能这么干
我之前在做大学狗们的时候，在mock数据这一块曾经特别难受
继续阅读 »