小黑龙

总所周知，图片懒加载是前端优化性能的最基本功法，但是只会使用工具是不够的，在这个越来越卷的圈子里，造轮子才是正道，那就写一个以插件方式引入懒加载的轮子吧...

关于异步组件的介绍，你知道vue里面路由懒加载就是异步组件的一个应用吗，使用异步组件提高首屏的加载速度。...

watch能监听挂载在模版上的属性（data里面的数据都能），包括监听计算属性，当监听属性发生变化时就会触发他的回调函数，本文介绍watch的实现方式，重点在$watch。...

从浏览器多进程到JS单线程，梳理JS运行机制。尝试回答几个问题： 进程和线程有什么不同？ 为什么js引擎是单线程的？ setTimeout和setInterval是怎么实现...

尝试回答几个问题： 一个htm网页必须包含什么标签？ 如果这样声明标签会发生什么？ 浏览器是怎么构建一颗dom树的？ 为什么即使html代码不符合规范也不会报错？...

探究css解析原理， Style Rules是怎么生成的？ 怎么解析一个css选择器？ 如果style标签写在了body区域，webkit在解析完这个style标签如何做呢...

使用a标签下载文件，并可以设置下载文件的名称。存在一个问题，a标签下载非同源的文件时，好像不能设置下载文件的文件名称。本文指在解决这个问题。...

前端开发值得了解的浏览器内核 内核 浏览器内核指的是什么？浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 ...

当数据发生变化时，vue是如何更新页面的，是重新渲染一次页面，还是只需局部更新区域，显然，前者的性能花销太大了，后者更符合我们的需求。那么问题来了，vue是怎么精确做到局部...

介绍vue是怎么渲染一个组件的，是怎么将组件和vue实例渲染区分开来，Vue.component()和Vue.extend()的作用。...

实现vue经典静态方法mixin，包含生命周期钩子函数的合并策略和组件的合并策略，Vue是怎么去实现component函数和extend函数的。...

写一个简单通用的弹窗组件，弹窗挂载到body标签下，可以使用js代码控制弹窗的调唤，代码比较简单，后续继续优化。...

利用矩阵转换实现盒子的定点缩放，用户可以通过鼠标自由调整盒子尺寸，增强用户鼠标交互。鼠标点击盒子的四个点拖拉缩放子，并且点击位置的关于盒子中心的对称点保持不动，即使盒子旋转...

批处理更新页面，多次修改属性时，将多次更新操作合并为一次，只执行一次页面更新，提高性能，同时可利用$nextTick执行更新后的操作。...

vue关于对象的依赖收集，简单描述了watcher和dep原理，怎么利用watcher和dep实现对象依赖收集。...

vue初始渲染，是怎样利用render函数生成虚拟dom，最后再使用虚拟dom生成真实dom，注意只是初始渲染，还没有动态渲染。...

模版编译，挂载html模版，对html进行解析生成ast语法树，使用js对象去描述一棵树，然后再利用语法树生成对应代码。...

响应式数据原理，核心是使用Object.defineProperty()方法对data中的对象进行监听，当监听目标发生改变时则做出响应；而对于数组则是通过重写了其原生方法实...

手写vue2.0前的环境配置，使用rollup搭建js库，核心包：babel/core、@babel/preset-env、rollup-plugin-babel...