-
document.cookie 风险
1. XSS（跨站脚本）攻击风险 问题 防御措施 2. CSRF（跨站请求伪造）攻击 问题 防御措施 3. 信息泄露风险 问题 防御措施 4. 过长的 Cookie 导致性能问题 问题 优化方案 5. 子域名安全漏洞 问题 解决方案 6. Cookie 劫持（中间人攻击） 问题 防御措施 ... -
100_github案例_完善案例
笔记 重要文件源码 components\Search.vue components\List.vue 笔记 模拟掉线，让chrome浏览器断网。设置如下: 重要文件源码 components\Search.vue <template > <!-- 头部搜索 --> <section class ="jumb... -
044_v-pre指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-pre指令</title > <!-- 引入Vue --> <script type ="text/javasc... -
State 的翻译疑问
1. 术语混用的原因 中文翻译的灵活性 实际开发中的习惯 2. “状态” vs “数据” 的精确区别 代码对比 3. Vuex 中真正的”状态” 不仅仅是数据 状态驱动UI 4. 官方文档的用词分析 正确表述的示例 文档中混用的地方 5. 为什么应该用”状态”而不是”数据” 概念完整性 React 的对比 ... -
102_默认插槽
笔记 重要文件源码 App.vue components\Category.vue category英[ˈkætəɡəri] 美[ˈkætəɡɔːri]n. 类别;(人或事物的)种类; 笔记 插槽：是子组件里预留的「插座孔」，让父组件可以把任意内容「插」进去显示。默认插槽： 就是只有一个插槽。 重要文件源码 App.vue <... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象... -
134_element-ui基本使用
笔记 Element UI 笔记 UI组件库有两大类： 移动端 和 PC端 移动端常用 UI 组件库 Vant https://vant-ui.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io NUT UI ht... -
parse()
JSON.parse() 简单介绍 🎯 🔍 基本作用 🚀 基本语法 📝 使用示例 1. 简单对象转换 2. 数组转换 3. 嵌套对象 ⚠️ 常见错误处理 使用 try-catch 安全解析函数 🎯 主要用途 ✅ 一句话总结 JSON.parse() 简单介绍 🎯 🔍 基本作用 将 JSON 字符串 ... -
039_过滤器
源码 这个过滤器，不是必须用的知识点。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 过滤器</title > <script type ="text/javascript" src... -
040_v-text指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-text指令</title > <!-- 引入Vue --> <script type ="text/javas...