青训营

这是我参与「第五届青训营 」伴学笔记创作活动的第 11 天 为什么要前端监控？ 页面问题-网页加载时间慢、卡顿、图片裂开、网页白屏 引入前端监控体系：对页面质量差进行分析与归因 常用性能指标 以用户为

这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天 攻击篇 Cross-Site Scripting（XSS） 开发维护页面 将恶意脚本注入 后果：隐私泄露、挖矿机器 盲目信任用户的提交信息-

这是我参与「第五届青训营 」伴学笔记创作活动的第 9 天 PC端调试 bug-虫子 debug-杀虫 前端debug特点 1.多平台 -浏览器、hybrid、nodejs、小程序 2.多环境 3.多工

这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天 跨端技术概述 每个端配备人员 痛点： 1.各端功能几乎一致，都需要单独配置研发人员 2.开发、维护成本高-bug一致，运行情况一致。 3.安卓

这是我参与「第五届青训营 」伴学笔记创作活动的第 7 天 B端应用-内部用户使用/C端应用 B端应用-CSR常见B端web应用开发模式，首屏时间长。html不会直接体现元素，因此不利于爬虫。 首屏时间

这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天 应用场景 前端工程化-web服务应用-Electron跨端桌面应用 01web服务端应用 社区生态丰富以及工具链成熟-可以减少开发时间，但是相

这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天 设计思路 UI编程痛点 单纯原生js写会很容易混乱 响应式与转换式 2.最好语义化 组件化 DOM是与实际看到的ui是存在一一对应的关系 3.

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天 初始http 01 初始http 地址栏字符串-呈现页面 应用层http相关信息 基于传输层中的tcp协议（TCP、ADP）做的一个协议 每一

TypeScript 是 JavaScript 的语法超集，它添加了静态类型，近几年的发展中，也受到诸多开发者的喜爱。Typescript 的社区逐渐壮大，日趋完善，为越来越多前端开发者提供服务。

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天 一、写好js一些原则 1 各司其职 -让html/css/js职能分离 例子：深色、浅色模式。 写两组css样式？点击事件改变css？ 1、

这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天 理解CSS CSS-层叠样式表 走进css

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天 一、本堂课重点内容： 前端工作的定义 前端技术栈拆解与分析 HTML 作用解析 HTML 语义化