道道里_的博客_JavaScript,其他Web开发,Html/CSS,HTML5

SVG 一览

SVG 应该是浏览器发展历史以来，曲线绘画支持度最高的一块内容了。HTML 提供了定义段落、表格、标题等内容的元素，SVG 提供了用于定义矩形、复杂曲线图形的元素，之后 SVG 也变得复杂起来...

前端

SVG

CSS

贝塞尔曲线

ci

原创精选 20天前 149 阅读

Source Map 原理

JavaScript 从最开始的简单变得越来越复杂，大部分源码都要经过转换才能放到生产环境。本文通过例子来介绍 Source Map 的生成原理。

前端

Webpack

Debug

Source

字符串

原创 20天前 42 阅读

重学JavaScript【语法基础】

重学JavaScript 篇的目的是回顾基础，方便学习框架和源码的时候可以快速知识点，查漏补缺，所有文章都同步在公众号(道道里的前端栈) 和 github 上。在 JavaScript 中，变量、函数名、操作符等，一切都区分大小写。 JavaScript中的标识符，也就…

JavaScript

作用域

javascript

字符串

原创 2022-04-28 16:13:28 17 阅读

重学JavaScript【Global和Math】

重学JavaScript 篇的目的是回顾基础，方便学习框架和源码的时候可以快速知识点，查漏补缺，所有文章都同步在公众号(道道里的前端栈) 和 github 上。 Global 和 Math 是ECMAScript的两个单例内置对象，我们可以在开发中直接使用这两个内置对象。…

JavaScript

ico

ecmascript

公众号

原创 2022-04-28 16:13:27 27 阅读

【JavaScript Weekly #399】JavaScript引擎基础(上)：形态和内联缓存

本文描述 JavaScript 引擎中通用的一些关键的基础知识——不仅仅是 V8。作为一名 JavaScript 开发人员，对 JavaScript 引擎的工作原理深入了解一下有助于你更好的编写代码。

前端

JavaScript

javascript

编译器

数组

原创 2022-04-28 16:13:24 68 阅读

重学Vue【计算属性和监听属性】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。先定义了一个 watchers 和 _computedWatchers 为空对象，然后判断是不是服务端渲…

Vue.js

回调函数

初始化

lua

原创 2022-04-28 16:12:54 80 阅读

重学Vue【createComponent函数做了什么?】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。之前一个简单的 vue 是如何渲染到页面上的，从本篇开始，开始过下 vue 内部的组件化逻辑，组件化也是…

Vue.js

构造器

子类

edn

原创 2022-04-28 16:12:45 59 阅读

重学JavaScript【JavaScript历史及脚本引用】

重学JavaScript 篇的目的是回顾基础，方便学习框架和源码的时候可以快速知识点，查漏补缺，所有文章都同步在公众号(道道里的前端栈) 和 github 上。 JavaScript 最开始的用途是代替 perl 等后端语言处理输入验证的。在那个年代，验证输入是需要走接口…

JavaScript

javascript

ecmascript

html

原创 2022-04-28 16:12:36 388 阅读

重学JavaScript【Date介绍和用法】

重学JavaScript 篇的目的是回顾基础，方便学习框架和源码的时候可以快速知识点，查漏补缺，所有文章都同步在公众号(道道里的前端栈) 和 github 上。 Date 类型的创建参考了Java早起版本中的 java.util.Date，为此，Date 类型将日期保存为…

JavaScript

当前日期

公众号

java

原创 2022-04-28 16:12:23 70 阅读

重学Vue【详说生命周期】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。传进来两个参数：组件类型的 vm 实例和钩子函数字符串名称 hook，在上篇的合并配置里面有提到最终…

Vue.js

数据

初始化

ide

原创 2022-04-28 16:11:09 139 阅读

不到一秒才叫优化

http发送到响应时间：705ms，DOM构建完毕：452ms，页面加载完毕：678ms，清爽的感觉很上头~看来优化还是很有必要的！所以本篇记录一下优化过程。相当于动态加载了webpack配置里的cdn文件。 | test | {RegExp} | . | 处理所有匹配此 {…

性能优化

html

css

加载

原创 2022-04-28 16:10:52 177 阅读

重学Vue【Vue的合并配置过程】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。这里传入的Ctor参数是Vue，所以它没有 super，最后返回了 Vue 的 options。它其实…

Vue.js

赋值

构造器

初始化

原创 2022-04-28 16:10:44 92 阅读

重学Vue【Vue的patch】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。前面提到 createElement 创建了组件VNode，接着调用 vm._update ，执行 vm…

Vue.js

赋值

占位符

sed

原创 2022-04-28 16:10:34 150 阅读

重学Vue【update转化为真实DOM】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。最开始的几个变量是在数据更新的时候用的，所以这里可以不管，把它们当做为空，接着进入了 initial r…

Vue.js

ide

sed

父节点

原创 2022-04-28 16:10:06 58 阅读

重学Vue【createElement函数做了什么?】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。这个函数在初次挂载和之后的更新都用到了，而 _render() 方法最终会调用 $option.rend…

Vue.js

响应式

html

i++

原创 2022-04-28 16:09:58 63 阅读

一文讲解浏览器运行渲染机制、JS任务队列及事件循环

本篇文章就把你的问题给一一解答，当然这些东西想完弄清楚，肯定离不开进程，线程，浏览器内核，渲染，事件循环，任务队列等，我们就一个一个的来看，它们到底是怎么工作的。举个例子，一个工厂，它有自己独立的资源，工厂和工厂之间相互独立，各自做各自的事情。一个场子可以有很多工人，工人可以…

JavaScript

主线程

任务队列

单线程

原创 2022-04-28 16:08:51 48 阅读

重学Vue【组件注册原理分析】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。在vue中提供了2种组件注册的方式：全局注册和局部注册，下面来把它们分析一下。可以看出来通过遍历 …

Vue.js

构造器

赋值

初始化

原创 2022-04-28 16:08:11 102 阅读

重学Vue【异步组件原理分析】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。我们可以通过上面的例子创建一个全局组件，和上篇分析组件注册有点不一样的是，例子中注册的全局组件不是一个对…

Vue.js

加载

构造器

赋值

原创 2022-04-28 16:08:02 105 阅读

重学JavaScript【作用域、执行上下文和垃圾回收】

重学JavaScript 篇的目的是回顾基础，方便学习框架和源码的时候可以快速知识点，查漏补缺，所有文章都同步在公众号(道道里的前端栈) 和 github 上。在JavaScript中，数据分为原始值和引用值，原始值就是最简单的数据，一般也称为值类型，引用值就是…

JavaScript

执行上下文

作用域

作用域链

原创 2022-04-28 15:55:41 78 阅读

优质的组件库都离不开BEM！

1. 摘要当你在编写css代码的时候，是否遇到这样的困扰: 不知道取什么class名? 修改某个组件的样式，担心影响了其他组件? 编写的组件样式如何复用？为了解决这些问题，聪明的程序猿发明了BEM命名法。 BEM命名法，是对css命名的一种规范，将页面模块化，隔离样式，提高代…

CSS

css

选择器

作用域

转载 2022-04-28 11:08:20 38 阅读

刚出锅的前端面经60问

刚出锅的前端面经，要来看看么？不管是查漏补缺还是复习准备，都是一方可口热菜！本文记录复习过后的面试经历，希望可以帮到一些同学~不妨交个朋友？

前端

css

解决方法

移动端

原创 2022-04-28 11:07:55 71 阅读

这里有一份前端进阶对照表，复习利器！

一年一度的毕业季(跳槽季)又到了，想跳槽的你是否想知道自己掌握了多少东西，这里有一份进阶对照清单，看你能答对多少个问题！

前端

node.js

javascript

缓存

原创 2022-04-28 11:07:31 22 阅读

Git从入门到规范

背景 Linus Torvalds，linux作者 linux在创造初期，世界各地的志愿者把源文件通过 diff 的方式发给 Linus，然后Linus手动合并代码！人工管理代码容易导致2个...

Git

git

暂存区

工作区

原创 2022-04-28 11:07:14 98 阅读

【7000字】一晚上爆肝浏览器从输入到渲染完毕原理

爆肝一晚上，详细解释了浏览器从输入到请求，再到渲染的原理，cpu、gpu、内存、多进程、站点隔离、导航跳转、预加载、渲染、解析、合成等等概念，看完就明白了，另外送一个小彩蛋：谷歌架构漫画书，不来看看？

前端

浏览器

渲染器

合成器

主线程

原创 2022-04-28 11:06:54 22 阅读

2021，我的青春，结束了。

「时光不负，创作不停，本文正在参加2021年终总结征文大赛」序 2021年，发生的事情挺多的，不管工作上还是生活上，都刻满了时间的划痕。如果用一句话来描述的话，我的青春，结束了。回首工作今年，

前端

多点

公众号

开源项目

原创 2022-04-28 11:06:51 15 阅读

从性能的角度来权衡Web渲染

构建网站的方法有很多，但是每种构建都离不开渲染，那如何从性能的角度来权衡Web上的渲染呢？术语渲染 SSR：服务器渲染，在服务器上将客户端或通用程序渲染为 HTML。 CSR：客户端渲染，在浏览

前端

浏览器

服务器

客户端

html

原创 2022-04-28 11:06:35 21 阅读

(译)你应该知道的ES2020中的10个JavaScript新功能

1. BigInt BigInt，JavaScript中最令人期待的功能之一，终于来了。实际上，它允许开发人员在其JS代码中使用更大的整数表示形式进行数据处理和数据处理。目前，您可以在JavaScript中存储为整数的最大数量为pow(2, 53) - 1。但是 BigInt…

JavaScript

javascript

运算符

全局对象

原创 2022-04-26 14:53:21 68 阅读

基于猫狗大战奥特曼，再手写一次apply、call和bind

准备好之后，我们先来实现一下call。这样就可以吃各种鱼了，当然是用arguments 来操作参数也是可以的。既然 call 和 apply 都实现了，那稍微有点难度的 bind 也来实现一下好了，毕竟它们是铁三角嘛。 bind 也是用来转换 this 的指向的。 bi…

JavaScript

构造函数

fish

自定义

原创 2022-04-26 14:53:02 100 阅读

再手写一次发布订阅和观察者

发布订阅模式和观察者模式是开发中常用的设计模式和思想，利用它们可以做到数据更高级的通信，当然在Vue和React等框架中，也用到了它们，本篇就来说一下它们的实现原理并手写代码。发布订阅模式从它的概念里就可以看出来特点：发布者发出的消息，不会发送给特定的订阅者，订阅者不会…

设计模式

发布订阅

观察者模式

回调函数

原创 2022-04-26 14:52:43 222 阅读

重学Vue【组件更新和diff算法】

重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在公众号(道道里的前端栈) 和 github 上。在前面分析过了Vue的组件的创建过程，并没有说到当组件数据发生变化会发生什么以及如何更新组件，本篇过一下…

Vue.js

占位符

钩子函数

自增

原创 2022-04-26 14:52:33 50 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

道道里的博客

SVG 一览

Source Map 原理

重学JavaScript【语法基础】

重学JavaScript【Global和Math】

【JavaScript Weekly #399】JavaScript引擎基础(上)：形态和内联缓存

重学Vue【计算属性和监听属性】

重学Vue【createComponent函数做了什么?】

重学JavaScript【JavaScript历史及脚本引用】

重学JavaScript【Date介绍和用法】

重学Vue【详说生命周期】

不到一秒才叫优化

重学Vue【Vue的合并配置过程】

重学Vue【Vue的patch】

重学Vue【update转化为真实DOM】

重学Vue【createElement函数做了什么?】

一文讲解浏览器运行渲染机制、JS任务队列及事件循环

重学Vue【组件注册原理分析】

重学Vue【异步组件原理分析】

重学JavaScript【作用域、执行上下文和垃圾回收】

优质的组件库都离不开BEM！

刚出锅的前端面经60问

这里有一份前端进阶对照表，复习利器！

Git从入门到规范

【7000字】一晚上爆肝浏览器从输入到渲染完毕原理

2021，我的青春，结束了。

从性能的角度来权衡Web渲染

(译)你应该知道的ES2020中的10个JavaScript新功能

基于猫狗大战奥特曼，再手写一次apply、call和bind

再手写一次发布订阅和观察者

重学Vue【组件更新和diff算法】