L5 渲染流程（上）：HTML、CSS和JavaScript是如何变成页面的
在上一篇文章中我们介绍了导航相关的流程，那导航被提交后又会怎么样呢？就进入了渲染阶段。这个阶段很重要，了解其相关流程能让你“看透”页面是如何工作的，有了这些知识，你可以解决一系列相关的问题，比如能熟练使用开发者工具，因为能够理解开发者工具里面大部分项目的含义，能优化页面卡顿问题，使用JavaScript优化动画流…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
L6 渲染流程（下）：HTML、CSS和JavaScript是如何变成页面的
在上篇文章中，我们介绍了渲染流水线中的DOM生成、样式计算和布局三个阶段，那今天我们接着讲解渲染流水线后面的阶段。 这里还是先简单回顾下上节前三个阶段的主要内容：在HTML页面内容被提交给渲染引擎之后，渲染引擎首先将HTML解析为浏览器可以理解的DOM；然后根据CSS样式表，计算出DOM树所有节点的样式；接着又计…
Read articleL7 变量提升：JavaScript代码是按顺序执行的吗
讲解完宏观视角下的浏览器后，从这篇文章开始，我们就进入下一个新的模块了，这里我会对JavaScript执行原理做深入介绍。 今天在该模块的第一篇文章，我们主要讲解执行上下文相关的内容。那为什么先讲执行上下文呢？它这么重要吗？可以这么说，只有理解了JavaScrip的执行上下文，你才能更好地理解JavaScript…
Read article「重学TS 2.0 」TS 练习题1-10
第一题 Answer 第二题 本道题我们希望参数 a 和 b 的类型都是一致的，即 a 和 b 同时为 number 或 string 类型。当它们的类型不一致的值，TS 类型检查器能自动提示对应的错误信息。 Answer 第三题 在 掌握 TS 这些工具类型，让你开发事半功倍 这篇文章中，阿宝哥介绍了 TS 内…
Read article拼多多CodeTop
56. 合并区间 46. 全排列 买卖股票的最佳时机 102. 二叉树的层序遍历 54. 螺旋矩阵 53. 最大子数组和 贪心，前为正则不断累加 198. 打家劫舍 dp 不要触发报警的前提拿到最大值 状态转移方程 322. 零钱兑换 贪心大法好 解题思路来自Ikaruga 硬币降序排列，从0到数组长度拿硬币，优…
Read article前端面试十万字书籍总结
JavaScript专题 防抖 你是否在⽇常开发中遇到⼀个问题，在滚动事件中需要做个复杂计算或者实现⼀个按钮的防⼆次点击操作。 这些需求都可以通过函数防抖动来实现。尤其是第⼀个需求，如果在频繁的事件回调中做复杂计算，很有可能导致⻚⾯卡顿，不如将多次计算合并为⼀次计算，只在⼀个精确点做操作。 PS：防抖和节流的作⽤…
Read article强缓存和协商缓存
为什么有这个东西？ web缓存描述 ： Web 缓存是可以自动保存常见文档副本的 HTTP 设备。当 Web 请求抵达缓存时， 如果本地有“已缓存的”副本，就可以从本地存储设备而不是原始服务器中提取这 个文档。（此结论来自http权威指南） 缓存的优缺点： 优点： 缓存减少了冗余的数据传输，节省了你的网络费用。 …
Read articleL1 浏览器基础
进程和线程 不过，在介绍进程和线程之前，我需要先讲解下什么是并行处理，因为如果你理解了并行处理的概念，那么再理解进程和线程之间的关系就会变得轻松许多。 什么是并行处理 计算机中的并行处理就是同一时刻处理多个任务，比如我们要计算下面这三个表达式的值，并显示出结果 线程 VS 进程 一个进程就是一个程序的运行实例。详…
Read articleL2 UDP和TCP
2. UDP：把数据包送达应用程序 IP是非常底层的协议，只负责把数据包传送到对方电脑，但是对方电脑并不知道把数据包交给哪个程序，是交给浏览器还是交给王者荣耀？因此，需要基于IP之上开发能和应用打交道的协议，最常见的是“用户数据包协议（User Datagram Protocol）”，简称UDP。 UDP中一个最…
Read articleNode.js 前端面试题
参照 node-进程通信 :star: Node.js 与 JavaScript 有什么不同? (宿主环境) 什么时候用 Node.js？ Node.js 是异步的、事件驱动的、非阻塞的和单线程的，使得它成为开发下面应用程序的完美候选： 实时应用程序，如聊天和提供实时更新的应用程序 将视频或其他多媒体内容流式传输…
Read articleTypeScript面试题
来源： 1. 什么是TypeScript？ Typescript 是一个强类型的 JavaScript 超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等。Typescript并不直接在浏览器上运行，需要编译器编译成纯Javascript来运行。 2. 为什么要使用 TypeScript ? …
Read article快手面试题总结
CSS BFC 直译成：块级格式化上下文，是一个独立的渲染区域，并且有一定的布局规则。BFC 区域不会与 float box 重叠。BFC 是页面上的一个独立容器，子元素不会影响到外面计算 BFC 的高度时，浮动元素也会参与计算。 根元素 float 不为 none 的元素 position 为 fixed 和 …
Read articleNo matching articles
Try another keyword or reset your filters.