Do something cool!

基本概念 margin border padding content 标准模型和 IE 模型的区别 标准模型的 width = content IE 模型的 width = content+2*padding+2*border 通过 css3 新增的属性 box-sizing: content ...

箭头函数表达式的语法比函数表达式更简洁，并且没有自己的 this，arguments，super 或 new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。

引入箭头函数有两个方面的作用：

1. 更简短的函数
2. 不绑定 this

参考微任务、宏任务与 Event-Loop 宏任务和微任务到底是什么？ JavaScript 中的 Event Loop（事件循环）机制 什么是 Event-LoopJS 是单线程执行的，所以要执行多任务的话依赖于异步和事件循环（Event Loop）。JS 是单线程的，指的是 JS 引擎线程。在浏 ...

面试中经常被问到跨域问题，可以说这是前端网络安全必问的一道题。我感觉之前每次都答得不是很好，要搞清楚几个关键的点：

1. 跨域问题是浏览器才有的问题，如果其他程序请求后端，是不存在跨域问题的，比如爬虫，webpack server，后端程序
2. 前端跨域问题的关键在于后端是否允许跨域，如果后端允许，则也是不存在跨域问题的，正是利用了这一点，XSS 攻击才能成功。
3. 跨域请求是能发送成功的，只是请求结果读取不到而已。正是利用了这一点，CSRF 攻击才能成功。

事件事件编程是一种观察者模式，可以很好的解耦页面的表现和页面的行为。 事件流事件冒泡 - IE 浏览器：从子节点到祖先节点事件捕获 - Netscape 浏览器：从祖先节点到子节点DOM 事件流 - DOM2 Event 规范 3 个阶段：事件捕获 -> 到达目标 -> 事件冒泡 事件冒 ...