你对这篇文章感兴趣，我想你应该是一位前端开发，也许你有一份不错的工作、自主创业甚至是一位自由从业者。不知你的前端技术如何，也许你是一位新手，亦或是一位资深开发。
如果你想让自己更好的掌握前端技术，在此我列出 12 条必备知识：
1. 控制流(Control Flow)
我们从最基础的开讲。当然，它也是最重要的一个知识点。如果你连这个都没有整明白的话，那你的代码生活将会很艰难。
-
if else: 如果连这个都不知道，之前怎么码代码的？ -
switch: 当有很多的情况要处理(>2)的时候，用它准没错。 -
for: 不要去编写重复的代码，请使用 for。for of和for in都十分便利。一个很大的优势在于 for 循环是阻塞式的，可以配合async await使用。 - 高阶的条件语句: 使用三元运算符或则逻辑判断。如果想把代码写得简洁，甚至不需要存储中间值的话，可以这么做。
// ternary
console.log(new Date().getHours() < 12 ? "Good Morning!" : "Time for a siesta");
// logical operators
const isJsMaster = prompt("Are you a JavaScript master?") === "true";
console.log(isJsMaster && "proficient coder");
2. 异常处理
不管前端还是后端工程师，作为一个新手，经常会使用console.log或则console.error来处理错误。为了写出健壮的应用，则需要改掉到处使用 console.log 的习惯，构建自己的异常处理器，然后优雅地处理异常。
3. 数据模型
需要想清楚如何组织数据(合并或则分离)，这不仅仅关乎在数据库里如何定义其模型，同时也包含了函数参数，定义的变量、对象等等。
const calcShape = (width, height, depth, color, angle) => {...}
const calcShape = ({width, height, depth, color, angle}) => {...}
4. 异步性
这个是 JavaScript 非常重要的一个特性，要么需要从服务器获取数据或则在服务器端异步去处理请求。几乎在所有的情况下，都要面对异步。如果搞不清楚异步，可能会遇到非常奇怪的报错，以至于要花费几个小时去搞定它。如果你知道异步，但是没有完全理解，那么可能掉入“回调地狱”。如今，最好的方法是使用 Promises 和async await。
5. 操作 DOM
对于开发者来说，通常已经学会了 jQuery，似乎不需要再去了解如何直接操纵 DOM 的技巧。甚至直接使用前端框架，根本不需要去操纵 DOM 了。但是，我认为对于理解前端 JavaScript，这是必不可少的一环。知道 DOM 的工作原理以及如何操纵 DOM 元素会让你对网页的工作机制有更加清楚的理解。而且，尽管使用了前端框架，总有些情况下你需要直接操纵 DOM。打个比方，如果仅仅只是想访问某个元素，你肯定不想把整个 jQuery 都导入到项目中吧。
这里推荐一下我的前端学习交流群：784783012 ，里面都是学习前端的，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴。最新技术，与企业需求同步，好友都在里面学习交流，每天都会有大牛定时讲解前端技术!
点击：加入
网友评论