青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天 前端与 HTML 这节课程围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开

这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天 理解 CSS 走近 CSS CSS 的使用方式 课程介绍了在页面中使用 CSS 的三种方式： 嵌入 外联 内联 个人推荐使用嵌入以及外联的方式

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天 如何写好 JS 写好 JS 的一些原则 各司其责 组件封装 过程抽象 今天我们来看第一个原则----各司其责 以实现一个网页...

这是我参与「第五届青训营 」笔记创作活动的第 4 天 什么是 HTTP 协议？ 本节课介绍了什么是 HTTP，以及其基本特点 HTTP：Hyper Text Transfer Protocol

这是我参与「第五届青训营 」笔记创作活动的第 5 天 React 的历史与应用 本节课对 react 的历史进行了简单的介绍 React 历史 2010年，Facebook 在其 php 生态中，引入

这是我参与「第五届青训营 」伴学笔记创作活动的第 7 天 React（Hooks）的写法与 React 的实现 React （Hooks）的写法 代码示例： 改变 count 的时候不是直接改变，而是

这是我参与「第五届青训营 」笔记创作活动的第 6 天 Node.js与前端开发实战 Node.js 的应用场景 前端工程化

这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天Next.js 实战（一）客户端渲染（Client-Side Rendering）

这是我参与「第五届青训营 」伴学笔记创作活动的第 9 天 跨端是什么 跨端背景 随着业务的发展，产生了越来越多的业务场景，同时随着技术的发展，产生了 越来越多的端，PC 端(Windows、Mac)

这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天 前端开发调试之 PC 端调试 Bug 与 Debug No Coding，No Bug 前端 Bug 特点： 多平台：浏览器、Hybrid、

这是我参与「第五届青训营 」伴学笔记创作活动的第 11 天 前端开发调试之移动端调试 真机调试 iOS 使用数据线将 iPhone 与 Mac 相连 iPhone 开启Web检查器（设置 - Safa

这是我参与「第五届青训营 」伴学笔记创作活动的第 12 天 Web 开发安全 - 攻击篇 Cross - Site Scripting（XSS） Cross - Site Scripting（XSS）

这是我参与「第五届青训营 」伴学笔记创作活动的第 13 天 前端监控 SDK 实战 为什么需要前端监控 前端监控通过对页面数据的采集和上报，来帮助开发者更快速的对质量差的页面进行分析与归因。 前端监控

这是我参与「第五届青训营 」伴学笔记创作活动的第 14 天 构建 Webpack 知识体系（一） 什么是 Webpack 前端项目是由很多资源文件组合而成，为了保证代码的正确运行，要考虑文件之间的引用

这是我参与「第五届青训营 」伴学笔记创作活动的第 15 天 构建 Webpack 知识体系（二） 理解 Loader 问题：Webpack 只认识 JS 为了处理非 JS 资源，设计出资源翻译模块 L

这是我参与「第五届青训营 」伴学笔记创作活动的第 16 天 Vite 知识体系（一） 为什么需要构建工具 前端工程的痛点： 模式化：ESM、CommonJS、UMD 资源编译：高级语法的编译 产物质量

这是我参与「第五届青训营 」伴学笔记创作活动的第 17 天 Vite 知识体系（二） Vite 上手使用 Vite 项目初始化 启动完成之后，在浏览器地址栏访问对应地址即可 Vite 整体架构 Vit