From 25ad99481cc840f5f301b789019c9ceadbc52cdb Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Sun, 7 Apr 2024 10:43:12 +0800 Subject: [PATCH 01/63] docs: update vue.md --- docs/vue/vue.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/vue/vue.md b/docs/vue/vue.md index 03f48d86..b32e28f2 100644 --- a/docs/vue/vue.md +++ b/docs/vue/vue.md @@ -73,7 +73,11 @@ Vue.js（/vjuː/，或简称为Vue）是一个用于创建用户界面的开源J ### 组件化 -1.什么是组件化一句话来说就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在`Vue`中每一个`.vue`文件都可以视为一个组件2.组件化的优势 +1.什么是组件化 + +一句话来说就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在`Vue`中每一个`.vue`文件都可以视为一个组件 + +2.组件化的优势 - 降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求，例如输入框，可以替换为日历、时间、范围等组件作具体的实现 - 调试方便，由于整个系统是通过组件组合起来的，在出现问题的时候，可以用排除法直接移除组件，或者根据报错的组件快速定位问题，之所以能够快速定位，是因为每个组件之间低耦合，职责单一，所以逻辑会比分析整个系统要简单 From 7e3901771aa723435802702d4ef5d74c3ff28500 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Sun, 7 Apr 2024 14:28:48 +0800 Subject: [PATCH 02/63] docs: update spa.md --- docs/vue/spa.md | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/vue/spa.md b/docs/vue/spa.md index 8fbc5841..ce29781d 100644 --- a/docs/vue/spa.md +++ b/docs/vue/spa.md @@ -40,7 +40,6 @@ SPA（single-page application），翻译过来就是单页应用`SPA`是一种 - 不利于搜索引擎的抓取 - 首次渲染速度相对较慢 -- ## 三、实现一个SPA From afff55cf07141910599363986182aa62135a19a0 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Sun, 7 Apr 2024 14:31:56 +0800 Subject: [PATCH 03/63] docs: update spa.md --- docs/vue/spa.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/spa.md b/docs/vue/spa.md index ce29781d..d8704d1d 100644 --- a/docs/vue/spa.md +++ b/docs/vue/spa.md @@ -88,7 +88,7 @@ miniRouter.push('/page2') // page2 ##### history模式 -`history` 模式核心借用 `HTML5 history api`，`api` 提供了丰富的 `router` 相关属性先了解一个几个相关的api +`history` 模式核心借用 `HTML5 history api`，`api` 提供了丰富的 `router` 相关属性先了解几个相关的api - `history.pushState` 浏览器历史纪录添加记录 - `history.replaceState`修改浏览器历史纪录中当前纪录 From 81767da88668e86da9a51ef526f1f88a09045d29 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Wed, 10 Apr 2024 11:19:54 +0800 Subject: [PATCH 04/63] docs: update first_page_time.md --- docs/vue/first_page_time.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/first_page_time.md b/docs/vue/first_page_time.md index 2ccefba9..ce001f4a 100644 --- a/docs/vue/first_page_time.md +++ b/docs/vue/first_page_time.md @@ -49,7 +49,7 @@ performance.getEntriesByName("first-contentful-paint")[0].startTime 常见的几种SPA首屏优化方式 -- 减小入口文件积 +- 减小入口文件体积 - 静态资源本地缓存 - UI框架按需加载 - 图片资源的压缩 From 686cd51ef2442061d00f7845a5f27ea539d622ae Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Wed, 10 Apr 2024 11:27:52 +0800 Subject: [PATCH 05/63] docs: update first_page_time.md --- docs/vue/first_page_time.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/first_page_time.md b/docs/vue/first_page_time.md index ce001f4a..e53358a0 100644 --- a/docs/vue/first_page_time.md +++ b/docs/vue/first_page_time.md @@ -140,7 +140,7 @@ minChunks: 3 拆完包之后，我们再用`gzip`做一下压缩 安装`compression-webpack-plugin` ```js -cnmp i compression-webpack-plugin -D +cnpm i compression-webpack-plugin -D ``` 在`vue.congig.js`中引入并修改`webpack`配置 From 713db6e24e2138d14e838dfa88e40a1620328821 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Wed, 10 Apr 2024 11:37:18 +0800 Subject: [PATCH 06/63] docs: update data_object_add_attrs.md --- docs/vue/data_object_add_attrs.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/data_object_add_attrs.md b/docs/vue/data_object_add_attrs.md index 8bae2856..91d93018 100644 --- a/docs/vue/data_object_add_attrs.md +++ b/docs/vue/data_object_add_attrs.md @@ -9,7 +9,7 @@ 定义一个`p`标签，通过`v-for`指令进行遍历 -然后给`botton`标签绑定点击事件，我们预期点击按钮时，数据新增一个属性，界面也 新增一行 +然后给`button`标签绑定点击事件，我们预期点击按钮时，数据新增一个属性，界面也 新增一行 ```html

From 29cd10a560ff4db7cdf2c9872027acbbdd0630f8 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Thu, 11 Apr 2024 11:21:09 +0800 Subject: [PATCH 07/63] docs: update communication.md --- docs/vue/communication.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/docs/vue/communication.md b/docs/vue/communication.md index cc5740b3..cd236e97 100644 --- a/docs/vue/communication.md +++ b/docs/vue/communication.md @@ -52,15 +52,15 @@ `Children.vue` ```js -props:{ -    // 字符串形式 - name:String // 接收的类型参数 -    // 对象形式 -    age:{   -        type:Number, // 接收的类型为数值 -        defaule:18,  // 默认值为18 -       require:true // age属性必须传递 -    } +props: { + // 字符串形式 + name: String // 接收的类型参数 + // 对象形式 + age: { + type: Number, // 接收的类型为数值 +        default: 18,  // 默认值为18 + require: true // age属性必须传递 + } } ``` From 14c693ff3d8d2209733654d8c67a019fa75cb030 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Thu, 11 Apr 2024 11:22:19 +0800 Subject: [PATCH 08/63] docs: update communication.md --- docs/vue/communication.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/communication.md b/docs/vue/communication.md index cd236e97..e99aa076 100644 --- a/docs/vue/communication.md +++ b/docs/vue/communication.md @@ -76,7 +76,7 @@ props: { - 子组件通过`$emit触发`自定义事件，`$emit`第二个参数为传递的数值 - 父组件绑定监听器获取到子组件传递过来的参数 -`Chilfen.vue` +`Children.vue` ```js this.$emit('add', good) From c344753039547156c70adfae834cacc214b4f107 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Thu, 11 Apr 2024 11:23:46 +0800 Subject: [PATCH 09/63] docs: update communication.md --- docs/vue/communication.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/communication.md b/docs/vue/communication.md index e99aa076..a452b640 100644 --- a/docs/vue/communication.md +++ b/docs/vue/communication.md @@ -111,7 +111,7 @@ this.$refs.foo  // 获取子组件实例，通过子组件实例我们就能 `Bus.js` ```js -// 创建一个中央时间总线类 +// 创建一个中央事件总线类 class Bus {   constructor() {     this.callbacks = {};   // 存放事件的名字 From 08b8f1e1c3738acceac70ee02369c4ae3bfdf3b3 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Thu, 11 Apr 2024 11:25:26 +0800 Subject: [PATCH 10/63] docs: update communication.md --- docs/vue/communication.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/communication.md b/docs/vue/communication.md index a452b640..a9c4e994 100644 --- a/docs/vue/communication.md +++ b/docs/vue/communication.md @@ -147,7 +147,7 @@ this.$bus.$on('foo', this.handle) ### $parent 或$ root -- 通过共同祖辈`$parent`或者`$root`搭建通信桥连 +- 通过共同祖辈`$parent`或者`$root`搭建通信桥梁 兄弟组件 From 1f5563d5badbe44606b409ef21533d29b8364e4f Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Thu, 11 Apr 2024 11:28:37 +0800 Subject: [PATCH 11/63] docs: update communication.md --- docs/vue/communication.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/communication.md b/docs/vue/communication.md index a9c4e994..1e5438ca 100644 --- a/docs/vue/communication.md +++ b/docs/vue/communication.md @@ -217,7 +217,7 @@ inject:['foo'] // 获取到祖先组件传递过来的值 - `state`用来存放共享变量的地方 - `getter`，可以增加一个`getter`派生状态，\(相当于`store`中的计算属性），用来获得共享变量的值 - `mutations`用来存放修改`state`的方法。 -- `actions`也是用来存放修改state的方法，不过`action`是在`mutations`的基础上进行。常用来做一些异步操作 +- `actions`也是用来存放修改state的方法，不过`actions`是在`mutations`的基础上进行。常用来做一些异步操作 ### 小结 From 07da59bda8c25a684fa8086ae874d0968bb8dfdb Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Thu, 11 Apr 2024 21:22:01 +0800 Subject: [PATCH 12/63] =?UTF-8?q?fix:=20css=E9=83=A8=E5=88=86=E5=B1=9E?= =?UTF-8?q?=E6=80=A7=E7=BB=A7=E6=89=BF=E9=94=99=E5=88=AB=E5=AD=97=20#429?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/selector.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/css/selector.md b/docs/css/selector.md index 58e31132..8cd4ed4d 100644 --- a/docs/css/selector.md +++ b/docs/css/selector.md @@ -216,7 +216,7 @@ cursor：箭头可以变成需要的形状 - a 标签的字体颜色不能被继承 -- h1-h6标签字体的大下也是不能被继承的 +- h1-h6标签字体的大小也是不能被继承的 From fc25e4e57ae0ca615431067de86733a3f507f939 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Thu, 11 Apr 2024 21:23:26 +0800 Subject: [PATCH 13/63] =?UTF-8?q?fix:=20=E9=94=99=E5=88=AB=E5=AD=97?= =?UTF-8?q?=E4=BF=AE=E6=94=B9-=E6=83=B3=E6=94=B9=E4=B8=BA=E7=9B=B8=20#419?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/vue/ssr.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/ssr.md b/docs/vue/ssr.md index 0919eaa5..4fafe7e1 100644 --- a/docs/vue/ssr.md +++ b/docs/vue/ssr.md @@ -56,7 +56,7 @@ SSR主要解决了以下两种问题： -- seo：搜索引擎优先爬取页面`HTML`结构，使用`ssr`时，服务端已经生成了和业务想关联的`HTML`，有利于`seo` +- seo：搜索引擎优先爬取页面`HTML`结构，使用`ssr`时，服务端已经生成了和业务相关联的`HTML`，有利于`seo` - 首屏呈现渲染：用户无需等待页面所有`js`加载完成就可以看到页面视图（压力来到了服务器，所以需要权衡哪些用服务端渲染，哪些交给客户端） 但是使用`SSR`同样存在以下的缺点： From cabeddd8e6692df3ba3cd8d562f16f7812dc953e Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Fri, 12 Apr 2024 10:26:17 +0800 Subject: [PATCH 14/63] docs: update nexttick.md --- docs/vue/nexttick.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/nexttick.md b/docs/vue/nexttick.md index a02dd2c8..d1779059 100644 --- a/docs/vue/nexttick.md +++ b/docs/vue/nexttick.md @@ -51,7 +51,7 @@ console.log(vm.$el.textContent) // 原始值 等待同一事件循环中的所有数据变化完成之后，会将队列中的事件拿来进行处理，进行`DOM`的更新 -#### 为什么要有nexttick +#### 为什么要有nextTick 举个例子 ```js From ade63d51aa897a64ffac3b40631bbf577eca84d6 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Fri, 12 Apr 2024 10:37:26 +0800 Subject: [PATCH 15/63] docs: update mixin.md --- docs/vue/mixin.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/mixin.md b/docs/vue/mixin.md index 8a508bed..45e9678c 100644 --- a/docs/vue/mixin.md +++ b/docs/vue/mixin.md @@ -165,7 +165,7 @@ export function initMixin (Vue: GlobalAPI) { } ``` -主要是调用`merOptions`方法 +主要是调用`mergeOptions`方法 源码位置：/src/core/util/options.js From fe1a3a09345ec059fa149d89293aaf7860608dd1 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Fri, 12 Apr 2024 10:50:08 +0800 Subject: [PATCH 16/63] docs: update slot.md --- docs/vue/slot.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/slot.md b/docs/vue/slot.md index a9c76405..89ea2977 100644 --- a/docs/vue/slot.md +++ b/docs/vue/slot.md @@ -20,7 +20,7 @@ 2 ``` -`template`不会展示到页面中，需要用先获取它的引用，然后添加到`DOM`中， +`template`不会展示到页面中，需要先获取它的引用，然后添加到`DOM`中， ```js customElements.define('element-details', From 32cbfa864b7d9d1e98a08ba5d7e8e025cffbf54a Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Fri, 12 Apr 2024 10:51:22 +0800 Subject: [PATCH 17/63] docs: update slot.md --- docs/vue/slot.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/slot.md b/docs/vue/slot.md index 89ea2977..49e24b2a 100644 --- a/docs/vue/slot.md +++ b/docs/vue/slot.md @@ -49,7 +49,7 @@ customElements.define('element-details', ## 二、使用场景 -通过插槽可以让用户可以拓展组件，去更好地复用组件和对其做定制化处理 +通过插槽可以让用户拓展组件，去更好地复用组件和对其做定制化处理 如果父组件在使用到一个复用组件的时候，获取这个组件在不同的地方有少量的更改，如果去重写组件是一件不明智的事情 From 0855738c0d5797d9eba96adbd5c6e8faec4fdbf4 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Fri, 12 Apr 2024 14:55:26 +0800 Subject: [PATCH 18/63] docs: update slot.md --- docs/vue/slot.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/vue/slot.md b/docs/vue/slot.md index 49e24b2a..c2dd67b5 100644 --- a/docs/vue/slot.md +++ b/docs/vue/slot.md @@ -55,11 +55,11 @@ customElements.define('element-details', 通过`slot`插槽向组件内部指定位置传递内容，完成这个复用组件在不同场景的应用 -比如布局组件、表格列、下拉选、弹框显示内容等 +比如布局组件、表格列、下拉选择框、弹框显示内容等 ## 三、分类 -`slot`可以分来以下三种： +`slot`可以分为以下三种： - 默认插槽 - 具名插槽 @@ -192,7 +192,7 @@ with(this){return _c('div',[_t("default",[_v("我是默认内容")])],2)} }) ``` -`_v`表示穿件普通文本节点，`_t`表示渲染插槽的函数 +`_v`表示创建普通文本节点，`_t`表示渲染插槽的函数 渲染插槽函数`renderSlot`（做了简化） From f2328f2c6e3698e4bbd41b04f06567885c8c1179 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Mon, 15 Apr 2024 11:05:08 +0800 Subject: [PATCH 19/63] docs: update docs/vue/modifier.md --- docs/vue/keepalive.md | 4 ++-- docs/vue/modifier.md | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/vue/keepalive.md b/docs/vue/keepalive.md index 7f918a6d..954d56d9 100644 --- a/docs/vue/keepalive.md +++ b/docs/vue/keepalive.md @@ -23,7 +23,7 @@ ``` -使用`includes`和`exclude`： +使用`include`和`exclude`： ```go @@ -51,7 +51,7 @@ ## 二、使用场景 -使用原则：当我们在某些场景下不需要让页面重新加载时我们可以使用`keepalive` +使用原则：当我们在某些场景下不需要让页面重新加载时我们可以使用`keep-alive` 举个栗子: diff --git a/docs/vue/modifier.md b/docs/vue/modifier.md index 1f639ad3..a397ff59 100644 --- a/docs/vue/modifier.md +++ b/docs/vue/modifier.md @@ -185,11 +185,11 @@ Vue.config.keyCodes.f2 = 113 v-bind修饰符主要是为属性进行操作，用来分别有如下： -- async +- sync - prop - camel -#### async +#### sync 能对`props`进行一个双向绑定 @@ -214,7 +214,7 @@ func2(){ } ``` -使用`async`需要注意以下两点： +使用`sync`需要注意以下两点： - 使用`sync`的时候，子组件传递的事件名格式必须为`update:value`，其中`value`必须与子组件中`props`中声明的名称完全一致 From 35397b6cdc319d6809db1cf28dc8d4cd99159f2e Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Mon, 15 Apr 2024 11:30:21 +0800 Subject: [PATCH 20/63] docs: update docs/vue/filter.md --- docs/vue/filter.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/vue/filter.md b/docs/vue/filter.md index 6f9311e5..514a9848 100644 --- a/docs/vue/filter.md +++ b/docs/vue/filter.md @@ -93,7 +93,7 @@ new Vue({ ### 小结： -- 部过滤器优先于全局过滤器被调用 +- 局部过滤器优先于全局过滤器被调用 - 一个表达式可以使用多个过滤器。过滤器之间需要用管道符“|”隔开。其执行顺序从左往右 @@ -108,7 +108,7 @@ new Vue({ Vue.filter('toThousandFilter', function (value) { if (!value) return '' value = value.toString() - return .replace(str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g, '$1,') + return value.replace(str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g, '$1,') }) ``` From d6a91b19947cde77a83b3fafa62179c6aa36486c Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Mon, 15 Apr 2024 19:09:23 +0800 Subject: [PATCH 21/63] docs: update docs/vue/vnode.md --- docs/vue/vnode.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/vnode.md b/docs/vue/vnode.md index fb3c42f4..c6c96918 100644 --- a/docs/vue/vnode.md +++ b/docs/vue/vnode.md @@ -8,7 +8,7 @@ 实际上它只是一层对真实`DOM`的抽象，以`JavaScript` 对象 (`VNode` 节点) 作为基础的树，用对象的属性来描述节点，最终可以通过一系列操作使这棵树映射到真实环境上 -在`Javascript`对象中，虚拟`DOM` 表现为一个 `Object `对象。并且最少包含标签名 (`tag`)、属性 (`attrs`) 和子元素对象 (`children`) 三个属性，不同框架对这三个属性的名命可能会有差别 +在`Javascript`对象中，虚拟`DOM` 表现为一个 `Object `对象。并且最少包含标签名 (`tag`)、属性 (`attrs`) 和子元素对象 (`children`) 三个属性，不同框架对这三个属性的命名可能会有差别 创建虚拟`DOM`就是为了更好将虚拟的节点渲染到页面视图中，所以虚拟`DOM`对象的节点与真实`DOM`的属性一一照应 From fcc89e296eb0ac73b0ff0493ffddf250de11d189 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Tue, 16 Apr 2024 10:56:43 +0800 Subject: [PATCH 22/63] docs: update docs/vue/vnode.md --- docs/vue/vnode.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/vnode.md b/docs/vue/vnode.md index c6c96918..3bffdcdf 100644 --- a/docs/vue/vnode.md +++ b/docs/vue/vnode.md @@ -214,7 +214,7 @@ export function _createElement( } if (normalizationType === ALWAYS_NORMALIZE) { children = normalizeChildren(children) - } else if ( === SIMPLE_NORMALIZE) { + } else if (normalizationType === SIMPLE_NORMALIZE) { children = simpleNormalizeChildren(children) } // 创建VNode From 50a579813b7e2aee7541fe7d14d2763dd766198a Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Tue, 16 Apr 2024 15:57:50 +0800 Subject: [PATCH 23/63] docs: update docs/vue/vnode.md --- docs/vue/vnode.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/vnode.md b/docs/vue/vnode.md index 3bffdcdf..2f7c18d1 100644 --- a/docs/vue/vnode.md +++ b/docs/vue/vnode.md @@ -95,7 +95,7 @@ export default class VNode { constructor ( tag?: string, data?: VNodeData, - children?: ?Array, + children?: Array, text?: string, elm?: Node, context?: Component, From 2cbbdc211cc589bed21e91bf7256b844b1081887 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Tue, 16 Apr 2024 15:59:56 +0800 Subject: [PATCH 24/63] docs: update docs/vue/vnode.md --- docs/vue/vnode.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/vnode.md b/docs/vue/vnode.md index 2f7c18d1..41cb95b6 100644 --- a/docs/vue/vnode.md +++ b/docs/vue/vnode.md @@ -129,7 +129,7 @@ export default class VNode { this.raw = false /*静态节点标志*/ this.isStatic = false - /*是否作为跟节点插入*/ + /*是否作为根节点插入*/ this.isRootInsert = true /*是否为注释节点*/ this.isComment = false From 9577923ebac985a13c5de57172a54f1caf290fb7 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Tue, 16 Apr 2024 16:10:56 +0800 Subject: [PATCH 25/63] docs: update docs/vue/vnode.md --- docs/vue/vnode.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/vnode.md b/docs/vue/vnode.md index 41cb95b6..bdf84542 100644 --- a/docs/vue/vnode.md +++ b/docs/vue/vnode.md @@ -252,7 +252,7 @@ if (normalizationType === ALWAYS_NORMALIZE) { 无论是`simpleNormalizeChildren`还是`normalizeChildren`都是对`children`进行规范（使`children` 变成了一个类型为 `VNode` 的 `Array`），这里就不展开说了 -规范化`children`的源码位置在：src/core/vdom/helpers/normalzie-children.js +规范化`children`的源码位置在：src/core/vdom/helpers/normalize-children.js 在规范化`children`后，就去创建`VNode` From ec66a707ff283a1bfe63738067b85bd1dcb35bb7 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Tue, 16 Apr 2024 16:42:28 +0800 Subject: [PATCH 26/63] docs: update docs/vue/axios.md --- docs/vue/axios.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/axios.md b/docs/vue/axios.md index f39e88b4..c9d67936 100644 --- a/docs/vue/axios.md +++ b/docs/vue/axios.md @@ -10,7 +10,7 @@ ### 特性 -- 从浏览器中创建 `XMLHttpRequests` +- 从浏览器中创建 `XMLHttpRequest` - 从 `node.js` 创建 `http`请求 - 支持 `Promise` API - 拦截请求和响应 From 788af24b544f18dce97d6c1d6df5daae6d75bb1f Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Tue, 16 Apr 2024 16:58:08 +0800 Subject: [PATCH 27/63] docs: update docs/vue/axios.md --- docs/vue/axios.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/axios.md b/docs/vue/axios.md index c9d67936..ee049b53 100644 --- a/docs/vue/axios.md +++ b/docs/vue/axios.md @@ -135,7 +135,7 @@ axios('http://localhost:3000/data', { 请求拦截器: 根据请求的请求头设定，来决定哪些请求可以访问 -响应拦截器： 这块就是根据 后端`返回来的状态码判定执行不同业务 +响应拦截器： 这块就是根据 后端 返回来的状态码判定执行不同业务 From 517fe1483e5a8bfcdc1f03aab0f5d9331fb2d9f1 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Tue, 16 Apr 2024 17:20:55 +0800 Subject: [PATCH 28/63] docs: update docs/vue/axiosCode.md --- docs/vue/axiosCode.md | 2 +- docs/vue/ssr.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/vue/axiosCode.md b/docs/vue/axiosCode.md index e510397c..84ed052c 100644 --- a/docs/vue/axiosCode.md +++ b/docs/vue/axiosCode.md @@ -228,7 +228,7 @@ class Axios { 执行语句`axios.interceptors.response.use`和`axios.interceptors.request.use`的时候，实现获取`axios`实例上的`interceptors`对象，然后再获取`response`或`request`拦截器，再执行对应的拦截器的`use`方法 -把`Axios`上的方法和属性搬到`request`过去 +把`Axios`上的方法和属性搬到`request`中去 ```js function CreateAxiosFn() { diff --git a/docs/vue/ssr.md b/docs/vue/ssr.md index 4fafe7e1..6df1fa46 100644 --- a/docs/vue/ssr.md +++ b/docs/vue/ssr.md @@ -44,7 +44,7 @@ > > 服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行 -我们从上门解释得到以下结论： +我们从上面解释得到以下结论： - `Vue SSR`是一个在`SPA`上进行改良的服务端渲染 - 通过`Vue SSR`渲染的页面，需要在客户端激活才能实现交互 From c672d9d761ec6f8ecc2add4cf8d1bc4fc37d5ec6 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Wed, 17 Apr 2024 17:01:21 +0800 Subject: [PATCH 29/63] docs: update docs/vue/cors.md --- docs/vue/cors.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/vue/cors.md b/docs/vue/cors.md index 87554e4d..625bf0a3 100644 --- a/docs/vue/cors.md +++ b/docs/vue/cors.md @@ -69,7 +69,7 @@ ps: `Access-Control-Allow-Origin` 设置为*其实意义不大，可以说是形 在`vue.config.js`文件，新增以下代码 ```js -amodule.exports = { +module.exports = { devServer: { host: '127.0.0.1', port: 8084, From caf2a7a00d003b0844facd9f20daf34ea7405995 Mon Sep 17 00:00:00 2001 From: qiufeihong2018 <15058301288@163.com> Date: Thu, 18 Apr 2024 10:55:59 +0800 Subject: [PATCH 30/63] docs: update docs/vue/vue3_vue2.md --- docs/vue/vue3_vue2.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/vue/vue3_vue2.md b/docs/vue/vue3_vue2.md index 90039a17..44d5660e 100644 --- a/docs/vue/vue3_vue2.md +++ b/docs/vue/vue3_vue2.md @@ -36,7 +36,7 @@ - 更高效的组件初始化 -- `undate`性能提高1.3~2倍 +- `update`性能提高1.3~2倍 - `SSR`速度提高了2~3倍 @@ -254,7 +254,7 @@ export default { - 来自 `mixin` 的 `data` 选项现在可简单地合并 - `attribute` 强制策略已更改 - 一些过渡 `class` 被重命名 -- 组建 watch 选项和实例方法 `$watch`不再支持以点分隔的字符串路径。请改用计算属性函数作为参数。 +- 组件 watch 选项和实例方法 `$watch`不再支持以点分隔的字符串路径。请改用计算属性函数作为参数。 - `