自检清单
21篇文章 · 0订阅
  • 面试官：说说执行上下文吧
    当 JS 引擎解析到可执行代码片段（通常是函数调用阶段）的时候，就会先做一些执行前的准备工作，这个 “准备工作”，就叫做 "执行上下文(execution context 简称 EC)" 或者也可以叫做执行环境。 全局执行上下文——这是默认或者说是最基础的执行上下文，一个程序中…
    JavaScript
    面试官：说说执行上下文吧
  • 浏览器的回流与重绘 (Reflow & Repaint)
    浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…
    浏览器 前端 JavaScript
  • useEffect 完整指南
    https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/
    React.js
  • 浅谈正则表达式原理
    我们先来看看7月初，因为一个正则表达式，导致线上事故的例子。 简单来说就是一个有性能问题的正则表达式，引起了灾难性回溯，导致cpu满载。 引起性能问题的关键部分是 .*(?:.*=.*)，这里我们先不管那个非捕获组，将性能问题的正则看做 .*.*=.* 。 其中 . 表示匹配除…
    正则表达式
  • CSS简单的继承
    也许你瞧不起以前的 css ，但是你不该再轻视眼下的 css 。近年来 css 的变量系统已逐步得到各大浏览器厂商支持，自定义选择器等强势袭来，嵌套系统/模块系统也在路上...为了更好的掌握 css 这门语言，很有必要把之前零零散散的 css 知识回炉重造下。 css 作为一门…
    CSS HTML
    CSS简单的继承
  • Canvas API 详解
    一、首先新建一个<canvas>网页元素。 上面代码中，如果浏览器不支持这个API，则就会显示<canvas>标签中间的文字——“您de浏览器不支持canvas！”。 每个canvas节点都有一个对应的context对象（上下文对象），Canvas API定义在这个contex…
    Canvas 前端 算法
  • html5 head 标签
    以前我们常用的是 <html lang="zh-CN"> 或简写的 <html lang="zh">，但实际上 W3 language tags 推荐使用 zh-Hans 简体中文、zh-Hant 繁体中文，可以提高一致性和准确。 通常我们会使用短的。实际上，在 HTML5 中…
    HTML
  • 结合Babel 7.4.0 谈一下Babel-runtime 和 Babel-polyfill
    我们知道Babel是一个通用型的JS编译器，通过Babel我们可以把最新标准编写的JS代码向下编译成兼容各种浏览器或Node的通用版本。你可以通过安装预设（presets，一系列同类插件组合） 或 插件（plugins） 告诉Babel应该如何进行代码转译，例如：@babel/…
    Babel
  • 【JS 进阶】你真的掌握变量和类型了吗
    如果你还不能很好的解答上面的问题，那说明你还没有完全掌握这部分的知识，那么请好好阅读下面的文章吧。 本文从底层原理到实际应用详细介绍了JavaScript中的变量和类型相关知识。 ECMAScript标准规定了7种数据类型，其把这7种数据类型又分为两种：原始类型和对象类型。 上…
    JavaScript 前端
    【JS 进阶】你真的掌握变量和类型了吗
  • 基于babel来分析esmodule，虽然和原生不一样，还是可以看看
    https://zhuanlan.zhihu.com/p/33843378
    ECMAScript 6