_骁

这是源码共读的第43期，自从学了 react-use 源码，我写自定义 React Hooks 越来越顺了...

大家好，我是前端西瓜哥。本文讲解如何使用浏览器提供的工具进行 JS 代码的断点调试。 debugger 在代码中需要打断点的地方，加上 debugger，表示一个断点。浏览...

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 ...

源码共读前言 为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。 我倾力组织...

vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做 一、是什么 权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源 而前端权限归根结底是...

这一章讲vue3组件库vant的一个步进器stepper组件，通过它来了解组件库中组件的构成。。。。...

这次讲一下怎么 transform 几个特殊的指令： `v-if`, `v-for` `v-model`,还有组件...

从 `AST` 到渲染函数代码，`vue` 经过了 `transform`, `codegen` 两个步骤。为了节约代码，合一起实现了。...

这次讲`compiler`模块的`parse`，用例子和简单的代码实现来看看是怎么将模板转化成`ast`节点树的。...

这次讲`compiler`模块（将 `vue` 模板代码编译为渲染函数），认识其中过程，先理解期其中的`AST`节点和parse过程。...

这次讲`scheduler`和`nextTick`。解决：一个函数执行，多次改响应式数据会触发多次effect执行，但实际上执行一次就行了。...

这次讲 组件 的渲染和更新，组件有多种写法，这里用简单的进行举例，还有组件的主动和被动更新机制。。。...

这一期讲核心`diff`算法，其实就是`patchKeyedChildren`，即是对有 key 存在的两组`arrayChildren`做 `diff` 操作...

这期讲重渲染后生成的新VNode树，和旧树对比去更新dom视图，也就是广义的diff算法，patch函数...

这一期先讲如何讲虚拟dom结构，虚拟dom怎么转化成真实元素渲染到html上（h和render函数）...