听海风吗

这是我参与「第四届青训营 」笔记创作活动的第12天 前端构建工具的意义 模块化方案 1.提供模块加载方家 2.兼容不同模块规范 语法转译 高级语法转译，如 Sass、TypeScript 资源加载，如

这是我参与「第四届青训营 」笔记创作活动的第11天 什么是Webpack 本质上是一种前端资源编译、打包工具 多份资源文件打包成一个 Bundle 支持: Babel、 Eslint、TS、Coffe

这是我参与「第四届青训营 」笔记创作活动的第10天 Node.js 的应用场景 前端工程化 Bundle: webpack, vite, esbuild, parcel Uglify: uglifyj

这是我参与「第四届青训营 」笔记创作活动的第9天 TypeScript发展历史 • 2012-10：微软发布了 TypeScript 第一个版本 (0.8) • 2014-10：Angular 发布了

这是我参与「第四届青训营 」笔记创作活动的第8天 Chrome Devtools 动态修改元素和样式 点击.cls 开启动态修改元素的 class 输入字符串可以动态的给元素添加类名 勾选/取消类名可

这是我参与「第四届青训营 」笔记创作活动的第7天 初识HTTP Hyper Text Transfer Protocol 超文本传输协议 应用层协议，基于TCP协议 请求 响应 简单可扩张 无状态 协

这是我参与「第四届青训营 」笔记创作活动的第6天 假如你是一个 hacker---攻击 XSS 通常难以从UT上感知(暗地执行脚本) 窃取用户的信息(cookie/token) 绘制UI，诱惑用户点击

这是我参与「第四届青训营 」笔记创作活动的第5天 什么是设计模式？ 简单来说就是软件设计中常见问题的解决方案模型 历史经验的总结 与特定语言无关 设计模式背景 1.模式语言：城镇、建筑、建造 2.设计

这是我参与「第四届青训营 」笔记创作活动的的第4天 一、盒子模型 所有HTML元素可以看作一个个矩形盒子，对网页布局只需摆放盒子。 一个盒子我们会分成几个部分： 1.      内容区（content