首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue相关源码分析
一个不会重复的id
创建于2023-03-16
订阅专栏
源码分析vue,vuex,vuex-router等等
等 2 人订阅
共17篇文章
创建于2023-03-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue-router浅显原理
根据 mode 参数,创建 hash路由和html5路由 - vue插件都需要提供install方法,里面使用`Vue.mixin`混入`beforeCreate`方法,在每个子组件中能获取到路由配置
js变长虚拟列表
原理: container 可视化区域高度,设置position:relative phantom 动态变化高度撑开容器,出现滚动条,设置position:absolute wrap 实际存放节点区域
自定义超时的http请求
需要封装XMLHttpRequest 超时后执行 xhr.abort() 利用Promise.race得到http请求或者超时先回来 http请求先返回,那就终止setTimeout 超时先回来,那就
手写简单webpack例子
入口文件cli,利用Commander获取命令行参数 webpack 主体 合并默认参数 创建Compiler对象 初始化可用的hooks 遍历plugins注册 执行run方法,触发不同hooks
必须知道的plugin基础知识
plugin plugin是流水线,在执行过程中不同时间段执行扩展功能 Tapable 注册 tap,tapAsync,tabPromise tab 可以注册同步或异步钩子 tabAsync 回调方式
必须知道的loader基础知识
lodader 基础 loader 分为inline,pre,normal,post loader inline 内联laoder写法 import 'style-loader!css-loader!
手写vite
项目代码 装包 整体流程: 启动koa服务,vite就是一个http服务,解析各种资源文件 利用现代浏览器,支持script标签解析 tpe=module,核心就是利用现代浏览器能直接处理esm规范文
Promise任务调度例子
Scheduler js实现一个带并发限制的异步调度器,保证同时运行的任务最多有两个 addTask(1000,'1') addTask(500,'2') addTask(300,'3') addTa
科里化和高阶函数例子
add 科里化执行 high 写高阶函数high 传入参数等于需要参数个数就返回数据 否则不返还,等后续填入后再执行
Bind自己实现
bind 但是有个问题是,this对象指向的是 Object.create(context),而不是context,否则context上面会增加一个属性,这个还不知道有没有优化方法 call appl
Promise自己实现
Promise promise是一个函数,new 对象使用,返回resolve和reject两个成功、失败的回调函数 在本轮事件循环运行完成之前,回调函数是不会执行的 及时异步操作已经完成,在这之后通
vue-loader原理基本实现
根据vue-loader原理实现了基础版本,能解析.vue文件 my-vue-loader源码,学习视频 vue-loader vue-loader原理过程 1、整体过程是,第一次进入vue-load
vue2中值得关注的全局Api之keep-alive
本系列 -vue2中值得关注的全局Api之config对象 -vue2中值得关注的全局Api之util对象 Vue2中这些全局Api很重要,谈到源码大家都关注响应原理、模板编译、更新策略这些点,但是V
从html中获取Vue2的构造函数
从html中获取Vue2的构造函数,从_base获取Vue构造函数 从两次原型链__proto__获取Vue构造函数
vue2中值得关注的全局Api之util对象
本系列 -# vue2中值得关注的全局Api之config对象 Vue2中这些全局Api很重要,谈到源码大家都关注响应原理、模板编译、更新策略这些点,但是Vue在第一步做的事情是注册全局Api,没有全
vue2中值得关注的全局Api之config对象
Vue2中这些全局Api很重要,谈到源码大家都关注响应原理、模板编译、更新策略这些点,但是Vue在第一步做的事情是注册全局Api,没有全局Api就没有后面的一切 全局Api都在initGlobalAP
vuex源码原理分析
- 1、vuex利用mixin混入beforeCreate生命周期实现$store挂载 - 2、vuex中state利用new Vue创建实例实现双向绑定 - 3、getter利用Object.def