一、一些核心概念 1、组合式函数的概念 基于逻辑函数拆分业务是指把同一个组件中独立的业务代码通过函数做封装处理，提升代码的可维护性 组合式函数的意思，把独立的逻辑代码分离出去...
发简信
IP属地：广东
-
vue3脚手架创建项目后，搭建框架具体要做啥？
-
vue3踩坑笔记：电商平台小兔鲜项目回顾与总结练手项目简介: 该商城是一个综合性的B2C电商平台，有登录功能，进入首页可查看商品列表，商品分类，以及在商详页进行商品的选购、结算、与支付。个人中心包含会员信息及会员订单等。...
-
跟着B站学前端之ES6学习笔记，涵盖ES6-ES11
ES全称ECMAScript，是脚本语言的规范。为什么要学习ES6？1、语法简洁，功能方法2、框架开发与应用3、前端求职的必备技能 1、let、const let 定义变量 ...
-
【进阶】为什么vue3采用proxy而不是defineProperty？
大家都知道，vue2.x的双向绑定原理是利用数据劫持结合发布订阅模式实现的。 defineProperty缺陷 不能监听数组变化只能劫持对象的属性（给对象添加属性vue无法检...
-
跟着B站学VUE2源码之第五课：指令和生命周期最后一个课程，本质上可以模拟实现一个自己搭建的vue框架，包含了数据的监听与双向数据绑定，生命周期的创建，以及一些v-开头的自定义指令的实现。具体怎么操作的呢，接下来一步步整...
-
手写一个实现AST中的parse函数并进行优化
实际使用 parse函数主函数 parse函数，实现输入一个模板结构 转换成包含dom信息的层级对象结构 parseAttr方法 把attrs: " class='box' ...
-
跟着B站学VUE2源码之第四课：AST抽象语法树课程内容： 3个常见算法思想：指针思想、递归缓存和栈 AST的形成算法 手写AST及优化 AST抽象语法树： 1、本质上是个JS对象，作用是为了让模板语法变成正常的HTML语...
-
跟着B站学VUE2源码之第三课：数据响应式原理Vue是MVVM模式 要实现一个响应式系统，需要做到： 数据劫持：当数据变化时，我们可以做一些特定的事情 依赖收集：我们要知道那些视图层的内容(DOM)依赖了哪些数据(sta...
-
手写一个数据响应式函数
目的：当数据改变时，要能监听到数组或对象上值的改变，并且进行自己的操作。 demo：index.js文件的简单使用为示例： 创建oberve侦察函数 Observer类 循环...
-
手写一个diff算法（完整版）
vNode方法 创建vNode.js文件，返回一个包装成虚拟节点的方法 h方法 实现一个低配版本的h函数，调用的形态为以下的三种之一：1.h('div', {}, 'text...
-
跟着B站学VUE2源码之第二课：虚拟DOM和diff算法解析课程内容： snabbdom简介 （介绍宏观背景、历史沿革） snabbdom的h函数如何工作 （先学会怎么用） diff算法原理（再研究它底层机理） 手写diff算法（最后...
-
手写一个mustache模板引擎
index.js文件 调用parseTemplateToTokens函数，将传进来的模板字符串转为tokens数组调用renderTemplate函数，把tokens数组变成...
-
跟着B站学前端之第一课：VUE2源码解析之mustache模板引擎手写响应式数据系统底层、手写模板编译系统底层、手写虚拟DOM和diff算法底层……拒绝纸上谈兵，手撸一个自己的Vue框架！ 源码重点：模板技术、数据劫持、虚拟节点、最小量更新...
-
跟着B站学前端之axios源码解析
axios 是一个轻量的 HTTP客户端 axios是一个基于 Promise 来管理 http 请求的简洁、易用且高效的代码封装库。 为什么要封装? 为了统一使用，易于维护...
-
跟着B站学前端之promise源码解析与封装
知其然不知其所以然，是最让人头疼的。之前做项目总是偷懒，只会用promise其皮毛，aysnc/await也搞不明白。遇到问题不知如何debug，真是让人头疼。毕竟今天不学习...
-
如何模拟实现一个发送请求的axios库？
1. axios的构造过程 代码实现如下： 2. axios如何发送请求，代码实现如下： 3. axios拦截器及其实现原理 代码如下： 4. axios如何取消请求 5.自...
-
webpack从入门到上手全流程《一文彻底解决新手对 webpack 的恐惧！》 webpack是一个现代JavaScript应用程序的静态模块打包器。所以webpack本质就是为我们打包js的引用，而我们...
-
-
深入浅出搞懂一下promise
最好理解的Promise教程 b站课程 --done微信订阅号 promise --done笔记promise 15题 理解 + 做练习 --donevue项目里的promi...