随笔分类 -  Vue.js全家桶

1 2 下一页
VDOM diff
摘要：VDOM VDOM，JavaScript对象，即对真实DOM的描述； 虚拟DOM创建页面性能：创建JavaScript对象的计算量 + 创建真实DOM的计算量；（第一步，创建JavaScript对象，即真实DOM的描述；第二步，递归地遍历虚拟DOM树并创建真实DOM；） 虚拟DOM更新更新页面过程： 阅读全文
posted @ 2024-07-25 23:21 安静的嘶吼 阅读(13) 评论(0) 推荐(0) 编辑
vuejs设计与实现 18 服务端渲染
摘要：Vue 1. 同构渲染 同构渲染 客户端渲染(render.render)：Vue.js可以用于构建客户端应用程序，组件的代码在浏览器中运行，并输出DOM元素； 服务端渲染：同时，Vue.js还可以在Node.js环境中运行，它可以将同样的组件渲染为字符串并发送给浏览器； 同构渲染(render.h 阅读全文
posted @ 2024-07-24 22:22 安静的嘶吼 阅读(30) 评论(0) 推荐(0) 编辑
vuejs设计与实现 15-17 编译器
摘要：Vue 1. 编译器核心技术概览 2. 解析器 3. 编译优化 编译器核心技术概览 模板DSL的编译器 编译器，一段程序，将语言A翻译成语言B；其中语言A叫源代码，语言B叫目标代码； 编译器将源代码翻译为目标代码的过程叫编译； 完整的编译过程包括：词法分析、语法分析、语义分析、中间代码生成、优化、目 阅读全文
posted @ 2024-07-24 22:21 安静的嘶吼 阅读(21) 评论(0) 推荐(0) 编辑
vuejs设计与实现 12-14 组件化
摘要：Vue组件化 1. 组件化 组件化 渲染器主要负责将虚拟DOM渲染为真实DOM；只需要使用虚拟DOM来描述最终呈现的内容即可。当编写比较复杂的页面时，用来描述页面结构的虚拟DOM的代码量会变得越来越多，或者说页面模板会变得越来越大，这时就需要组件化的能力。 有了组件，则可以将一个大的页面拆分为多个部 阅读全文
posted @ 2024-07-24 22:20 安静的嘶吼 阅读(16) 评论(0) 推荐(0) 编辑
vuejs设计与实现 7-11 渲染器
摘要：Vue渲染器 1. 渲染器 2. 挂载与更新 3. 简单diff 4. 双端diff 5. 快速diff 渲染器 渲染器与响应式系统关系：利用响应系统的能力，自动调用渲染器完成页面的渲染和更新。 渲染器：用来执行渲染任务的，把虚拟DOM渲染为特定平台上的真实元素；浏览器平台上，把虚拟DOM渲染为真实 阅读全文
posted @ 2024-07-24 22:19 安静的嘶吼 阅读(16) 评论(0) 推荐(0) 编辑
vuejs设计与实现 4-6 响应式
摘要：### Vue 1. 响应式系统的作用与实现 2. 非原始值的响应式方案 3. 原始值的响应式方案 1. 响应式系统的作用与实现 响应式数据与副作用函数 副作用函数 “副作用函数”通常指的是除了返回值之外，还会对函数外部的状态产生影响的函数。如，一个函数修改了全局变量、修改了传入的引用类型参数（而不 阅读全文
posted @ 2024-07-24 21:21 安静的嘶吼 阅读(16) 评论(0) 推荐(0) 编辑
vuejs设计与实现1-3
摘要：Vue 1. 权衡的艺术 2. 框架设计的核心要素 3. vue.js3设计思路 1. 权衡的艺术 框架设计：在保持可维护性的同时让性能损失最小化； 命令式 VS 声明式 从范式上来看，视图层框架分为命令式和声明式。 命令式框架：关注过程，性能优； 声明式框架：关注结果，可维护性好 框架设计需要考虑 阅读全文
posted @ 2024-07-23 15:05 安静的嘶吼 阅读(26) 评论(0) 推荐(0) 编辑
vite-v3-ts-0到0.8
摘要：从0到0.8 vite 创建项目 eslint prettier EditorConfig 提交代码检测：husky && lint-staged proxy env-development 引入vuex@next 引入vue-router@next 引入axios 按需引入element-plus 阅读全文
posted @ 2021-08-11 23:16 安静的嘶吼 阅读(205) 评论(0) 推荐(0) 编辑
项目中ESlint配置与VScode中配置冲突问题
摘要：项目下下来直接跑，没问题，修改后报错跑不起来。原因是ESlint配置不匹配的问题，如项目中设置的是单引号配置，自动保存格式化后成了双引号 ，然后就报错了在，这时候可以选择修改vscode默认配置与项目一致，如setting.json文件中增加如下配置： { "vetur.format.default 阅读全文
posted @ 2021-04-03 22:26 安静的嘶吼 阅读(983) 评论(0) 推荐(0) 编辑
vue实践推荐
摘要：1.vue (1)组件 每个组件单独分成文件，如A.vue文件实现A组件； 除index.vue之外文件名推荐大写开头如BaseHeader.vue或横线连接base-header.vue; 基础组件名可以共用相同的前缀，如BaseButton; 组件名应该倾向于完整单词而不是缩写； 组件名推荐多个 阅读全文
posted @ 2019-11-21 22:26 安静的嘶吼 阅读(341) 评论(0) 推荐(0) 编辑
vue部分知识点
摘要：1. vue渐进式 把框架分层：视图层 =》组件机制 =》 路由机制 =》 状态管理 =》 构建工具 即可以使用最核心的视图层渲染功能来开发需求，也可以根据需求加入其他模块。 2. 变化侦测 渲染：状态 =》DOM =》 用户界面 vue响应式系统赋予框架重渲染的能力，主要归功于变化侦测，即检测数据 阅读全文
posted @ 2019-09-13 12:02 安静的嘶吼 阅读(311) 评论(0) 推荐(0) 编辑
vuex简单介绍-官网
摘要：vuex为状态管理器，主要用于全局状态管理，方便组件间的状态共享。其主要涉及Store、Mutation、Action、Getter 参考 & 感谢：vuex官网 & 各路大神 阅读全文
posted @ 2019-08-28 22:24 安静的嘶吼 阅读(1637) 评论(0) 推荐(0) 编辑
vue-router-官网
摘要：vue-router： vue-router传参： 嵌套路由： 编程式导航：： 命名路由： 重定向： 导航守卫： 路由元信息： 路由懒加载： 阅读全文
posted @ 2019-08-28 22:18 安静的嘶吼 阅读(1338) 评论(0) 推荐(0) 编辑
vue官方实例
摘要：vue实例： head <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" co 阅读全文
posted @ 2019-08-28 21:28 安静的嘶吼 阅读(292) 评论(0) 推荐(0) 编辑
vue官网-prop
摘要：prop： 参考 & 感谢：vue官网 & 各路大神 阅读全文
posted @ 2019-08-28 21:26 安静的嘶吼 阅读(457) 评论(0) 推荐(0) 编辑
vue官方实例-整体
摘要：vue实例： 参考 & 感谢：vue官网 & 各路大神 阅读全文
posted @ 2019-08-28 21:24 安静的嘶吼 阅读(625) 评论(0) 推荐(0) 编辑
vue官方文档笔记
摘要：vue知识点记录： 参考 & 感谢：vue官网 & 各路大神 阅读全文
posted @ 2019-08-28 21:24 安静的嘶吼 阅读(215) 评论(0) 推荐(0) 编辑
vue官方实例-组件
摘要：vue组件实例： 参考 & 感谢：vue官网 & 各路大神 阅读全文
posted @ 2019-08-28 21:20 安静的嘶吼 阅读(789) 评论(0) 推荐(0) 编辑
$.ajax()与vue结合获取数据并渲染
摘要：利用json文件模拟ajax获取数据，vue渲染数据： 阅读全文
posted @ 2017-11-09 20:23 安静的嘶吼 阅读(19651) 评论(0) 推荐(1) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示