白边

62
获赞数
0
关注数
42
粉丝数
上海
IP 属地上海
2018-03-25 加入
浏览 8.7k

源码爱好者,已经完成vue2和vue3的源码解析+webpack5整体流程源码+vite4开发环境核心流程源码+koa2源码+qiankun源码

【React18源码】已经完成初步版本,最新版博客在github~
正在进入llm的大规模学习中....

215 声望|学徒
前端
184
vue.js
126
源码分析
97
流程图
77
react
46
黄金勋章
暂未获得该勋章
如何获得
白银勋章
暂未获得该勋章
如何获得
个人动态
  • 发布了文章5 月 20 日
    【微前端】qiankun v2.10.16(流程图)源码解析
    整体核心流程源码分析single-spa 存在以下主要的缺点路由状态管理不足:无法保持路由状态,页面刷新后路由状态丢失父子应用间的路由交互以来 postMessage 等方式,开发体验差未提供原生的 CSS 和 JS 沙箱隔离,可能导致样式污染或者全局变量冲突默认以来 webpack 的...
  • 发布了文章5 月 17 日
    【微前端】singleSpa&importHTMLEntry(流程图)源码解析
    路由管理:hashchange、popstate、history.pushState、history.replaceState进行劫持,路由变化时,触发 reroute()
  • 赞了文章2023-08-31
    elementUI 抽屉内复制,鼠标不小心移到遮罩层后,遮罩层被意外关闭解决方式
    代码: {代码...} 在组件drawer上添加鼠标点击(mousedown)和释放(mouseup)事件,注意添加native事件修饰。关闭抽屉条件:鼠标点击和释放均在遮罩层实现原理:1:鼠标点击时,获取点击事件的类列表,看看是否包含‘el-drawer__container’类,如果包含,则表示鼠标点...
  • 回答了问题2023-07-12
    Vue中有没有做类似于 React setState 的合并渲染的优化呢?
    当你在 Vue 中更改响应式状态时,最终的 DOM 更新并不是同步生效的,而是由 Vue 将它们缓存在一个队列中,直到下一个“tick”才一起执行。这样是为了确保每个组件无论发生多少状态改变,都仅执行一次更新。
  • 发布了文章2023-07-02
    Koa源码解析&手写
    由于koa的源码量非常少,但是体现的思想非常经典和难以记忆,如果突然要手写koa代码,可能还不一定能很快写出来,因此本文将集中于如何理解以及记忆koa的代码本文一些代码块为了演示方便,可能有一些语法排列错误,因此本文所有代码均可以视为伪代码
  • 发布了文章2023-06-02
    「Webpack5源码」seal阶段分析(三)-生成代码&runtime
    本文内容基于webpack 5.74.0版本进行分析由于webpack5整体代码过于复杂,为了减少复杂度,本文所有分析将只基于js文件类型进行分析,不会对其它类型(css、image)进行分析,所举的例子也都是基于js类型为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文...
  • 发布了文章2023-05-30
    「Webpack5源码」seal阶段分析(二)-SplitChunksPlugin源码深度剖析
    本文内容基于webpack 5.74.0版本进行分析webpack5核心流程专栏共有5篇,使用流程图的形式分析了webpack5的构建原理:「Webpack5源码」make阶段(流程图)分析「Webpack5源码」enhanced-resolve路径解析库源码分析「Webpack5源码」seal阶段(流程图)分析(一)「Webpac...
  • 发布了文章2023-05-22
    「Webpack5源码」seal阶段(流程图)分析(一)
    本文内容基于webpack 5.74.0版本进行分析webpack5核心流程专栏共有5篇,使用流程图的形式分析了webpack5的构建原理:「Webpack5源码」make阶段(流程图)分析「Webpack5源码」enhanced-resolve路径解析库源码分析「Webpack5源码」seal阶段(流程图)分析(一)「Webpac...
  • 回答了问题2023-05-12
    Vue3,当ref对象的属性被另一个ref对象引用时,如何保持响应式?
    {代码...} 测试代码: {代码...}
  • 发布了文章2023-05-07
    「Webpack5源码」enhanced-resolve路径解析库源码分析
    本文内容基于webpack 5.74.0和enhanced-resolve 5.12.0版本进行分析webpack5核心流程专栏共有5篇,使用流程图的形式分析了webpack5的构建原理:「Webpack5源码」make阶段(流程图)分析「Webpack5源码」enhanced-resolve路径解析库源码分析「Webpack5源码」seal阶段...
  • 发布了文章2023-05-07
    「Webpack5源码」make阶段(流程图)分析
    本文内容基于webpack 5.74.0版本进行分析webpack5核心流程专栏共有5篇,使用流程图的形式分析了webpack5的构建原理:「Webpack5源码」make阶段(流程图)分析「Webpack5源码」enhanced-resolve路径解析库源码分析「Webpack5源码」seal阶段(流程图)分析(一)「Webpac...
  • 发布了文章2023-04-19
    【uni-app&微信小程序&React Native】跨端原理初探
    文章内容以官方文档为基础,对uni-app的基础框架(逻辑层、渲染层)、组件、API进行简单地分析以官方文档为基础,对微信小程序框架(逻辑层、视图层)、运行时进行简单地分析以官方文档为基础,对React Native旧架构和新架构进行简单地分析1. uni-app编译在web平台,...
  • 发布了文章2023-04-18
    Vue3相关源码-Vuex源码解析
    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化
  • 发布了文章2023-04-16
    「vite4源码」dev模式整体流程浅析(一)
    本文基于vite 4.3.0-beta.1版本的源码进行分析文章内容vite 本地服务器的创建流程分析vite 预构建流程分析vite middlewares拦截请求资源分析vite 热更新HMR流程分析1. 入口npm run dev在项目的package.json中注册对应的scripts命令,当我们运行npm run dev时,本质就...
  • 发布了文章2023-04-10
    Vue3相关源码-Vue Router源码解析(二)
    在上一篇《Vue3相关源码-Vue Router源码解析(一)》文章中,我们已经分析了createWebHashHistory()和createRouter()的相关内容,本文将继续下一个知识点app.use(router)展示分析
  • 发布了文章2023-04-09
    Vue3相关源码-Vue Router源码解析(一)
    本文基于vue-router 4.1.6版本源码进行分析本文重点分析Vue Router的WebHashHistory模式,不会对WebHistory和MemoryHistory模式过多分析
  • 发布了文章2023-01-20
    Vue3源码-响应式系统-依赖收集和派发更新流程浅析
    本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,大部分伪代码会采取js的形式展示,而不是原来的ts代码
  • 发布了文章2022-12-13
    Vue3源码-响应式系统-ref、shallow、readonly相关浅析
    本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,大部分伪代码会采取js的形式展示,而不是原来的ts代码本文不讲解shallowRef、shallowReactive、shallowReado...
  • 发布了文章2022-12-12
    Vue3源码-响应式系统-Set、Map数据响应式总结
    本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变部分分支条件的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,不利于展示,大部分伪代码会取编译后的js代码,而不是原来的ts代码
  • 发布了文章2022-12-11
    Vue3源码-响应式系统-Object、Array数据响应式总结
    本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,不利于展示,大部分伪代码会采取js的形式展示,而不是原来的ts代码