Lil_Moon

什么是WebPack 前端项目由大量的资源构成，在前端发展初期，大量的资源依赖手工管理，存在大量缺点： 操作过程繁琐，对开发效率影响较大，限制了页面规模 当代码文件之间存在依赖时，需要严格按照依赖顺序

Node.js应用场景 前端工程化，难以替代 打包工具：webpack、vite、esbuild、parcel 代码压缩转换：uglyfyjs 语法转译：bablejs、typescript 其他语言

React的设计思路 UI编程的痛点 状态更新，UI不会自动更新，需要手动调用DOM进行更新 欠缺基本的代码层面的封装和隔离，代码层面没有组件化 UI之间的数据依赖关系，需要手动维护，如果依赖链路过长

为什么使用TypeScript TypeScript对比JavaScript： JavaScript 动态类型，在执行时才做类型匹配 弱类型语言 TypeScript 静态类型，在执行前就进行类型匹配

Chrome DevTools Elements，动态修改元素和样式 使用.cls可以动态修改元素的类 可以通过输入字符串给元素添加类名 可以通过勾选/取消类名来动态查看类名效果 点击具体的样式值(字

了解HTTP HTTP用于处理与网络请求相关的部分。 Hyper Text Tansfer Protocol(HTTP)超文本传输协议： 是应用层协议，基于TCP传输协议 用于请求和响应 简单可扩展

从两个角度来学习web安全 攻击篇 Cross-Site Scripting(XSS) 跨站脚本攻击，在页面中注入恶意脚本(如script标签)，当用户访问页面时，恶意脚本会被执行，完成攻击。

设计模式概述 设计模式是根据软件设计中常见问题从历史性经验中总结出来的解决方案模型。 设计模式是一种理论、方法、思想，与实现语言无关。 设计模式分类 目前总结的主流设计模式主要有23种，这些设计模式又

写好JS 写好JS的基本原则： 各司其职，HTML、CSS、JS职能分离，各自处理好内容、样式、行为部分 组件封装，将好的UI组件进行封装，增加其正确性、拓展性和复用性 过程抽象，充分采用函数式编程思