-
052_生命周期_总结
视频 笔记 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=52 笔记 前面三节课讲的生命周期图示，只体现了8个生命周期钩子函数(4对)，还有3个钩子函数没有体现(需要在后面的路由和路由切换去学习)... -
030_key作用与原理
遍历列表时，key的作用 源码 遍历列表时，key的作用 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > key的原理</title > <script type ="tex... -
document.cookie
1. XSS（跨站脚本）攻击风险 问题 防御措施 2. CSRF（跨站请求伪造）攻击 问题 防御措施 3. 信息泄露风险 问题 防御措施 4. 过长的 Cookie 导致性能问题 问题 优化方案 5. 子域名安全漏洞 问题 解决方案 6. Cookie 劫持（中间人攻击） 问题 防御措施 ... -
063_render函数
模板解析器 *.vue main.js 小结 两种模块化 Vue.js的两个组成部分： 核心例如：生命周期、处理事件等 模板解析器该解析器的体积占了 vue.js 的大约 1/3。开发的时候，它会帮我们解析模板。当最终发布的时候，会编译为.html .css .js ，那么此时就不需要该解析器了。 所有的 运行时 vue.runti... -
055_组件的几个注意点
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 几个注意点</title > <script type ="text/javascript" src ="../js/vue.js"... -
056_组件的嵌套
本例要求的组件层级关系 源码 本例要求的组件层级关系 最终在Vue开发者工具看到的层级关系如下： 源码 -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
083_TodoList案例_自定义事件
要求： 调试 源码 App.vue components\MyHeader.vue components\MyFooter.vue 要求： 本节把涉及到 子给父 传消息的地方，都修改为 自定义事件。 因为本节我们只关心 子和父 之间的事情，所以本节只修改 MyHeader MyFooter 和 App 之间的内容， 暂时不修改MyList... -
合并对象属性
1. 基本语法解析 2. 实际效果示例 3. 与传统方法对比 传统方式（Object.assign） 直接修改（不推荐） 4. Vue 中的特殊意义 保持响应式 Vue 3 Composition API 5. 合并规则 属性覆盖规则 多层嵌套合并 深合并解决方案 6. 实际应用场景 场景1：表单数据更新 ...