对于一个新手来说，学习任何一门知识如果能有清晰的框架，那么在学习起来会更得心应手。所以我一直想把整个 web 前端开发所需要的知识都之中在一个视图中，形成一个完整的 web 前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做 web 前端需要的比这三大块要多得多。

在用 JavaScript 工作时，我们经常和条件语句打交道，这里有5条让你写出更好/干净的条件语句的建议。 第一眼，上面这个例子看起来没问题。如果我们有更多名字叫 cherry 和 cranberries 的红色水果呢？我们准备用更多的 || 来拓展条件语句吗？ 我们可以用 …

浏览器从去年年底开始，已经开始支持浏览器的原生平滑滚动定位，CSS scroll-behavior属性和JS scrollIntoView()方法都可以。 scroll-behavior:smooth写在滚动容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。 我们先看一个…

我是17年毕业的，大三升大四的暑假期间开始学习前端；在这之前一直在小公司打滚；而且至今已经换了四家公司了（算上接下来入职的公司），可谓跳槽非常频繁（其实是小公司容易倒闭）。如果说别人的经历的是如何的加分，那我得经历大概是负无穷。 在这样的背景下，我从2019年末到2020年三月…

1. 基本原则：结构、样式、行为分离 标记应该是结构良好、语义正确。 Javascript应该起到渐进式增强用户体验的作用 。 在 web 项目中，使用连字符（-）来分隔文件名，可以提高可读性。例如：order-detail-view.js。确保不用大写字母开头，不要驼峰命名。…

@王福朋：大约在几个月之前，让我看完了《webkit 技术内幕》这本书的时候，突然有了一个想法。想把整个 web 前端开发所需要的知识都之中在一个视图中，形成一个完整的 web 前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做 web 前端需要的比这三大块要多得多。

记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。 在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此…

最近对web的性能优化比较感兴趣，而前端代码主要在浏览器工作的。如果对浏览器的工作原理了解清楚，可以为web性能优化提供方向以及理论依据。 本文主要参考 How Browsers Work: Behind the scenes of modern web browsers 。在…

总括: 本文总结了10种常见的数组去重方法，并将各种方法进行了对比。 如烟往事俱忘却，心底无私天地宽。 数组去重对于前端来说不是一个常见的需求，一般后端都给做了，但这却是一个有意思的问题，而且经常出现在面试中来考察面试者对JS的掌握程度。本文从数据类型的角度去思考数组去重这个问…