前端自习室

前端自习室

折腾是进步的阶梯

累计撰写 30 篇文章
累计创建 0 个标签
累计收到 0 条评论

目录CONTENT

精品分类

全部分类

最新文章

2023-11-13
Vue 3的Provide和Inject机制：探寻其实现原理与潜在问题注：本文使用vue版本为3.3.7 provide 和 inject 是 Vue 中用于父组件向子组件传递数据的一种高级选项。它们主要用于解决组件之间共享数据的需求，特别是在跨层级嵌套的情况下。需求设想，如果我们在父组件定义了一组数据，要在很深的后代组件里面使用。
- 2023-11-13
- 13
- 0
- 0
- vue
2023-11-13
rollup和vue都在用的magic-string是个什么东西 magic-string是一个用于处理字符串的JavaScript库。它可以让你在字符串中进行插入、删除、替换等操作，并且能够生成准确的sourcemap。这个库特别适用于需要对源代码进行轻微修改并保存sourcemap的情况，比如替换字符、添加内容等操作。通过 magic-string，你可以确
- 2023-11-13
- 25
- 0
- 0
- 源码解读
2023-11-07
Vue3 入门参考（四）：queueJob queueJob 上文我们提到了queueJob，从结果上来看是一个将入参延后执行的函数，但是他具体起到什么作用呢？我们看看源码。 let flushIndex = 0 // 将任务加入任务队列 export function queueJob(job: SchedulerJob) { // 用
- 2023-11-07
- 20
- 0
- 0
- vue
2023-11-01
vue3.4.0-alpha.1 响应式逻辑的变动前言在vue.3.4.0-alpha.1之前，vue3的响应式大部分是积极的。什么意思？我们知道，vue3是基于 effect 通过 Proxy 的 get 等拦截器收集依赖，然后通过触发Proxy的set，来触发依赖了当前响应数据的effect，来实现的响应式的。但在部分响应式数据中，一次修
- 2023-11-01
- 21
- 0
- 0
- vue
2023-10-25
Vue3 入门参考（三）：effect 注：本文使用vue版本为3.3.4 前文我们了解了渲染流程，整个流程是基于effect函数的依赖变动，从而不断触发patch，保持页面为数据的最新渲染，那么我们这次来了解一下他的依赖是怎么建立起来的。或者说vue的响应式是什么。众所周知，vue的响应式数据包括ref, reactive, comp
- 2023-10-25
- 16
- 0
- 0
- vue
2023-10-11
Vue3 入门参考（二）：diff算法注：本文使用vue版本为3.3.4 我们已经在上一节中探讨了初始化和更新的流程，但是尚未深入了解其中关键的diff算法。那么接下来，我们将深入探讨这个神秘的diff算法是如何运作的。由于diff算法在patchKeyedChildren函数中进行应用，因此我们需要重点关注这个函数的逻辑来了解整个d
- 2023-10-11
- 37
- 0
- 0
- vue
2023-09-27
Vue3 入门参考（一）：渲染注：本文使用vue版本为3.3.4 Vue3出来好久了，Vue2将在2023年底停止维护，我们可以预见，在不久的将来Vue2将会淡出开发者的视野，Vue3接替了Vue2的地位。这意味这技术新一轮的淘汰开始了，总抱着一门框架不松手，最终会被拍在沙滩上，所以自身也需要拥抱变化，同时做到知其然，还要知其所
- 2023-09-27
- 65
- 0
- 0
- vue
2023-09-02
从范畴论角度瞎思考函数式编程目前来说，虽然编程语言众多，但编程范式相较来说却少得多，甚至多个范式只见仅相差几个概念，不过，在前端，有三个编程范式是一定去了解的：命令式编程：是过程式编程的一种，是入门的时候大家都会写的，他的特点是模块化，实现过程中使用了状态，并且依赖外部变量，可读性较低，后期维护成本也较高。面向对象编程：简
- 2023-09-02
- 32
- 0
- 0
- javascript
2023-06-08
typescript入门笔记（五）：工程化注：本文typescript版本为5.0.2 typescript笔记我们就在这一节结束了，虽然关于类型体操可以继续展开讲讲，列举各种体操类型，但对于笔记类型的文章来说，太过冗余的知识反而会对之后翻阅造成障碍，如果想要更多的类型编程练习，可以去刷一下题，https://github.com/type
- 2023-06-08
- 35
- 0
- 0
- typescript
2023-06-07
typescript入门笔记（四）：类型体操注：本文typescript版本为5.0.2 我们的入门笔记来到了第四节，之前大多是平铺直叙的流水账，但从现在开始，我们的学习曲线将要变得陡峭起来了，不过也不用担心，我会用尽可能通俗的语言，来描述各个知识点。模板字符串类型我们知道js里面有模板字符串，而typescript中的模板字符串也是类似
- 2023-06-07
- 33
- 0
- 0
- typescript

1
2
3