前端青训营

这是我参与「第五届青训营 」伴学笔记创作活动的第 20 天 Nodejs 调试 nodejs的调试同样可以使用断点进行调试， 首先将应用运行起来： 执行命令node --inspect=8888 in

前端Debug的特点 多平台 浏览器、Hybrid、NodeJs、小程序、桌面应用等 多环境 本地开发环境、线上环境 多工具 Chrome devTools、Charles、Spy-Debugger、

这是我参与「第五届青训营 」伴学笔记创作活动的第 17 天 为什么需要Loader Webpack 只认识JS 在页面引入css文件的话， webpack无法识别，会报错： 为此，为了处理非标准Js资

这是我参与「第五届青训营 」伴学笔记创作活动的第 16 天 Webpack 定义解析 什么是Webpack 一个前端项目往往需要由大量且各式的资源组成，例如图片， js，ts代码等，这时候管理这些资源

这是我参与「第五届青训营 」伴学笔记创作活动的第 15 天 Vite 进阶 双引擎机制 ESbuild 官方文档 Rollup 官方文档 Vite插件开发 插件机制可以使得部分功能代码抽离核心逻辑，易

这是我参与「第五届青训营 」伴学笔记创作活动的第 14 天 Vite是一种构建工具,而为什么需要构建工具呢? 模块化:ESM、CommonJS、UMD 资源编译:高级语法的编译 产物质量:代码体积、代

当青训营遇上码上掘金 名片是向人介绍自我的重要工具，作为前端可以将自己的名片以web页面的形式发送给别人，这么做的名片可以有丰富的互动，并且可自定义想要展示的内容，可以展示自己的设计审美。 页面的简单

这是我参与「第五届青训营 」伴学笔记创作活动的第 13 天 XSS的防御 不要将用户提交内容直接转换成DOM 预防XSS——现成工具 前端 主流框架默认防御XSS googLe-closure-lib

这是我参与「第五届青训营 」伴学笔记创作活动的第 12 天 Cross-Site Scripting(XSS) 跨站脚本攻击：攻击者通过某种攻击方式将恶意脚本注入进网页，当用户访问页面时，恶意脚本就会

这是我参与「第五届青训营 」伴学笔记创作活动的第 9 天 React（hooks）的写法 useState 传入一个初始值，返回一个状态，和set该状态的函数，用户可以通过调用该函数，来实现状态的修改

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

这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天 HTTP基本概念和特点 Hyper Text Transfer Protocol 超文本传输协议 浏览一个页面的过程： http协议特点： 请

这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天 Javascript是动态类型，弱类型语言 TypeScript是静态类型的语言： 静态类型： 可读性增强：基于语法解析TSDoc，ide增强

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天 如何写好JS（下） 过程抽象概念 高阶函数使用模式 JavaScript 编程范式 过程抽象 用来处理局部细节控制的一些方法 函数式编程思想的

这是我参与「第五届青训营 」伴学笔记创作活动的第3天 如何写好JS（上） 想要写好JS必须要了解到以下几点原则： 各司其职 组件封装 过程抽象 HTML/CSS/JS 各司其责 即网页的样式尽量让cs

这是我参与「第五届青训营 」伴学笔记创作活动的第2天 CSS 作为前端技术栈中关键一环，对页面元素及样式呈现起到了直接作用； 今天的课程由浅入深，从最基础的CSS的基本语法使用，深入到CSS的一些高级