知府松

Webpack Webpack本质上是一种前端资源编译、打包工具 webapck的核心流程 入口处理： 从entry入口文件开始，启动编译流程 依赖解析： 从entry入口文件开始，根据require

设计模式： 软件设计中常见问题的解决方案模型 目前设计模式有23种，主要分为三类： 创建型： 如何创造对象。 结构型： 如何灵活地将对象组装成较大的结构。 行为型： 负责对象间的高效通信和职责划分。

常用开发调试技巧 线上即时修改 调出控制台，依次点击Source、Overrides、Select folder for overrides这三个按钮，并选择一个本地的空文件夹目录。 2. 允许浏览器

小程序的业务价值 与WEB的区别 有固定的语法以及通过一的版本管理，平台可以更方便地进行审核。 平台能够控制各个入口，如二维码、文章内嵌、端内分享等，入口上能够带来更好的用户体验。 小程序基于特殊的架

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

WEB开发 前端应用的领域 toB (toBusiness)：企业级应用，如银行系统、公有云平台、广告平台。规模大，很多是关于各类资源管理类的。 toC (toCustomer)：面向个人的应用，如生

FlexBox布局（弹性盒子模型） FlexBox可以控制子级盒子的摆放的方向、顺序、宽度和高度、水平和垂直方向的对齐以及是否允许折叠等属性，用途十分广泛。父元素只需要将CSS设置为display:f

Left-pad的实现 版本一 这个版本为命令式编程，虽然逻辑清晰，但是代码冗余，效率低下。 版本二 这个版本代码比较精简，使用声明式方法repeat，更加高效。 版本三 这个版本虽然代码略长一些，但

攻击篇 XSS攻击 XSS攻击，即(Cross-Site Scripting)，由于和CSS的缩写冲突了，因此改名为XSS。主要利用了对用户提交数据的信任，攻击者才向服务器提交数据的时候，插入恶意脚本