mini-vue3 实现effect的scheduler功能
实现 effect 的 scheduler 功能
scheduler 负责调度 Vue3 中的任务:类似于一个管家,对家中大小事情的收集
单测123456789101112131415161718192021222324252627282 ...
mini-vue3 实现effect的runner功能
实现 effect 返回 runner 功能
调用 effect 会返回一个函数 runner, 调用 runner 会再次执行 fn,调用 fn, fn 会返回一个返回值
先写一个单测12345678910111213//reactiv ...
mini-vue3 响应式模块-effect&reactive
实现 effect & reactive & 依赖收集 & 触发依赖单测
因为 effect 整个测试流程很大,所以拆分出两块,分别是 effect 和 reactive 测试
12345678910// reac ...
mini-vue3说明
基于 TDD 思想实现 mini-vue3
TDD 现在是社区很火的一种开发方式。测试驱动开发(Test-Driven Development)的英文简称,是敏捷开发中的一项核心实践和技术,也是一种设计方法论。TDD 的原理是在开发功能代码 ...
微信sdk封装调用(适配andriod,IOS)
微信分享 sdk 调用
微信 sdk 调用参考官网文档就够了,不过有些坑点必须说下,针对 SPA 的 app。
安卓必须每次 url 变化的时候签名
IOS 只能在落地页签名,落地页指的是第一次进入 app 的 url。以后切换路由的时 ...
vue3中使用jsx
什么是 jsx
jsx 是 JavaScript 的一个类似 XML 的扩展, 可以使用js的语法编写 HTML 的结构,并使用babel的编译工具进行转译,转换成常规的js实现后续的渲染
jsx 和 template 如何选择
jsx ...
webpack与vite使用差异
什么是构建工具
浏览器只认识 .html,.css,.js,这就意味着当项目中使用了其他类型文件时(比如:.ts,.vue 等)需要将其转换成浏览器能识别的文件才能正常运行项目,例如以下这些场景:
.ts需要安装tsc工具转换.ts-& ...
实现一个简易的vue2
实现一个简易的 vue2
MVue.js核心代码
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515 ...
在webapck中使用.vue
webpack 中配置 vue 组件的加载器
运行 npm install vue-loader vue-template-compiler -D命令。
在 webpack.config.js 配置文件中,添加 vue-loader 的配 ...
webpack
webpack 概述
webpack 是一个流行的 前端项目构建工具(打包工具),可以解决当前 web 开发中所面临的困境。webpack 提供了友好的模块化支持,以及代码混淆、处理js兼容问题、性能优化等强大的功能,从而让程序员把工作的中 ...