青训营

这是我参与「第五届青训营 」伴学笔记创作活动的第 16 天 实现 创建一个 Context 对象，当 React 渲染一个订阅了这个 Context 对象的组件，这个组件会从组件树中离自身最近的那个匹

这是我参与「第五届青训营 」笔记创作活动的第12天 攻击 XSS 在页面中，攻击者通过注入恶意脚本，用户在浏览页面的时候，这些恶意脚本就会被执行，进而完成攻击 出现问题的主要原因： 盲目相信用户的提交

这是我参与「第五届青训营 」笔记创作活动的第11天 Bug与Debug 前端Debug的特点： 多平台：浏览器、Hybrid、NodeJs、小程序、桌面应用等 多环境：本地开发环境、线上环境 多工具：

这是我参与「第五届青训营 」笔记创作活动的第9天 什么是设计模式 软件设计中常用问题的解决方案模型 历史经验的总结 与特定语言无关 设计模式分类 创建型 - 如何创建一个对象 结构型 - 如何灵活的将

这是我参与「第五届青训营 」笔记创作活动的第8天 CSR,SSR,SSG CSR 客户端渲染(Client-Side Rendering)。常见B端WEB应用开发模式，前后端分离，服务端压力相对较轻，

前端与 HTML | 青训营笔记 这是我参与「第五届青训营 」笔记创作活动的第N天 什么是前端 解决GUI人机交互清问题 跨终端 PC/移动浏览器 客户端/小程序 VR/AR等 Web技术栈 前端关注

这是我参与「第五届青训营 」笔记创作活动的第6天 React 设计思路 ui编程 痛点 状态更新，UI不会自动更新，需要手动地调用DOM进行更新。 欠缺基本的代码层面的封装和隔离，代码层面没有组件化。

这是我参与「第五届青训营 」笔记创作活动的第7天 Node.js的应用场景 前端工程化 打包工具：webpack,vite,esbuild,parcel 压缩：uglifyjs 转义：babeljs,

主题 ：我的名片 作品效果图 名片的正面是个人的信息包括青训营截止到目前所有的笔记 唯二的亮点： 名片设计了正反两面，点击即可反转 鼠标悬停在头像上会一直旋转 实现过程 正反旋转效果 首先需要正反两块

这是我参与「第五届青训营 」笔记创作活动的第5天 HTTP（Hyper Text Transfer Protocol），即超文本传输协议

TypeScript 入门 | 青训营笔记 这是我参与「第五届青训营 」笔记创作活动的第4天 为什么选择TypeScript 静态类型： 可读性强：基于语法解析TSDoc，ide增强 可维护性增强：在

跟着月影学 JavaScript | 青训营笔记 这是我参与「第五届青训营 」笔记创作活动的第3天 写好JS的一些原则 各司其职：让HTML、CSS、JavaScript职能分离 组件封装：好的UI具

理解CSS 这是我参与「第五届青训营 」笔记创作活动的第2天 本堂课重点内容 CSSd代码构成 CSS使用方法 CSS流程之选择器组、文本渲染 调试CSS CSS 选择器的特异度 CSS继承 CSS