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

前端视频封面截取黑帧问题剖析

一、黑帧现象在 Web 开发中，我们经常需要从视频中截取封面图。典型实现流程如下：然而，有时截取到的图像却是全黑画面，尽管在页面上播放时该时间点有正不管你使用 seek，onloadm

前端

ide

Math

方差

原创精选 1月前 222 阅读

SVG 一览

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

前端

SVG

CSS

贝塞尔曲线

ci

原创精选 2023-05-10 22:46:11 706 阅读 1评论

Source Map 原理

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

前端

Webpack

Debug

Source

字符串

原创 2023-05-10 22:45:41 579 阅读

重学JavaScript【语法基础】

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

JavaScript

作用域

javascript

字符串

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

重学JavaScript【Global和Math】

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

JavaScript

ico

ecmascript

公众号

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

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

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

前端

JavaScript

javascript

编译器

数组

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

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

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

Vue.js

回调函数

初始化

lua

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

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

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

Vue.js

构造器

子类

edn

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

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

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

JavaScript

javascript

ecmascript

html

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

重学JavaScript【Date介绍和用法】

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

JavaScript

当前日期

公众号

java

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

重学Vue【详说生命周期】

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

Vue.js

数据

初始化

ide

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

不到一秒才叫优化

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

性能优化

html

css

加载

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

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

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

Vue.js

赋值

构造器

初始化

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

重学Vue【Vue的patch】

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

Vue.js

赋值

占位符

sed

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

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

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

Vue.js

ide

sed

父节点

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

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

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

Vue.js

响应式

html

i++

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

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

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

JavaScript

主线程

任务队列

单线程

原创 2022-04-28 16:08:51 205 阅读 1收藏

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

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

Vue.js

构造器

赋值

初始化

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

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

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

Vue.js

加载

构造器

赋值

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

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

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

JavaScript

执行上下文

作用域

作用域链

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

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

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

CSS

css

选择器

作用域

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

刚出锅的前端面经60问

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

前端

css

解决方法

移动端

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

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

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

前端

node.js

javascript

缓存

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

Git从入门到规范

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

Git

git

暂存区

工作区

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

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

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

前端

浏览器

渲染器

合成器

主线程

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

2021，我的青春，结束了。

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

前端

多点

公众号

开源项目

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

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

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

前端

浏览器

服务器

客户端

html

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

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

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

JavaScript

javascript

运算符

全局对象

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

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

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

JavaScript

构造函数

fish

自定义

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

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

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

设计模式

发布订阅

观察者模式

回调函数

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

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

鸿蒙开发者社区	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

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

欢迎