70天100个前端知识点

Babel 是一个 JavaScript 编译器。它是一个工具链，用于将 ECMAScript 2015+ 的语法编写的代码转换为向后兼容的 JavaScript 语法。

个人理解渲染合成层，其实是通过一些隐形或显形的设置，触发浏览器的渲染前的优化机制，从而提高整个页面的渲染性能。

在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存，并非指内存在物理上的消失，而是应用分配某段内存后，由于设计错误，导致在该段内存之前就失去了对该段内存的控制。从而造成了内存的浪费。

在我看来，flex 布局的好处，就两个字，“简单”，如果要用一句话，就是用最简单的语法实现最常见的样式布局。

ES6 引入了 Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程解决方案。

bind 方法的作用：创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被制定为 bind() 的第一个参数，而其余参数作为新函数的参数，供调用时使用。

XSS 攻击 、CSRF 攻击、 iframe 安全 、错误的内容推断 、第三方依赖包 、HTTPS 安全问题、本地存储数据、静态资源完整性校验、网络劫持、中间人攻击、sql 注入、前端数据安全

React 16 将递归的无法中断更新重构为异步的可中断更新，由于曾经用于递归的虚拟 DOM 数据结构已经无法满足需要。于是产生了 React Fiber 架构。

模块化定义：将复杂的程序根据一定的规则或规范，封装成几个模块或文件，并组合在一起。其中模块的内部数据与实现是私有的，只是向外部暴露一些接口或方法与外部其它模块通信。

HTTP 协议：超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。

个人认为，所谓的前端优化，核心都是在围绕两个点，如何让静态资源（HTML\CSS\JS\图片\音视频等）更快的发送到浏览器，如何让浏览器更快的渲染这些元素

浏览器中缓存优先判断请求头中关于强缓存相关的字段是否处于生效阶段，如果生效则直接使用缓存，如果不生效则开始判断请求头中协商缓存相关字段，如果也不生效，则会直接向服务器请求资源

块格式化上下文（Block Formatting Context，BFC）是 Web 页面的可视 CSS 渲染的一部分，是块级盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。

ECMAScript 使用 IEEE754 标准（IEEE 二进制浮点数算数标准）来表示整数和浮点数值。

闭包就是能够读取其他函数内部变量的函数，即定义在一个函数内部的函数。本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

了解 React 的异常处理，对业务来说有两个重要意义：在用户使用过程中出现错误，可以进行友好的提示或降权处理；通过埋点上报的方式将发生异常的当时情况采集起来，方便我们及时处理

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第14天，点击查看活动详情 核心描述 什么是 TCP 协议 为什么要有三次握手：为了防止已失效的连接请求报文段突然又传送到了服务端，

个人认为，所谓的前端优化，核心都是在围绕两个点，如何让静态资源（HTML\CSS\JS\图片\音视频等）更快的发送到浏览器，如何让浏览器更快的渲染这些元素

浏览器的事件模型，主要是 DOM2 Events 规范中规定的事件流模型，分为3个阶段：事件捕获、到达目标、事件冒泡。

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第9天，点击查看活动详情 核心描述 简单选择器（元素选择器） 类选择器 ID 选择器 通用选择器（*） 组合选择器 后代选择器：用空