前端工程化

Script脚本 还早在前端即jquery时代，模块加载都用的是script标签，是最古老的一种模块加载方式。 它的不足： 全局变量：存在命名冲突污染隐患 依赖管理：各脚本的编写和加载有先后要求 串行

痛点 同一个前端工程，不同分支的依赖包不同，例如： develop_A分支有A依赖，develop_B分支有B依赖，当分支切换后，编译就会报错，因为node_modules下没有同时存在依赖包A和B。

痛点 实际开发过程中，经常会被问到：项目在xx环境部署了没？什么时候部署的？用的xx组件是哪个版本... 组件版本我们可以看下程序，就知道了。但什么时候部署的，那得去找运维或现场实施问，很麻烦。 解决

问题 前端工程是基于VUE CLI3来初始化的，内置webpack4，打包生成的app.xxxxxx.js文件中console.log(xxx)是存在的，但浏览器控制台没有。 注： 本地启动相同浏览器

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第13天，点击查看活动详情 什么是作用域 作用域，几乎是在所有的编程语言中都需要的一套规则。 在写程序时，都需要用变量来存储值，存储

开发loader插件之前有说过，loader一般是用于编译等预处理任务操作，而插件主要用于功能的扩展，总的来说，功能应该更强大一些。

能够被残障人士使用的网站才可以称得上是一个易用的网站。残障人士一般指的是那些身体残疾、不太健康甚至处于亚健康的人群用户。

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 vite vite的最新版本已经到了v3.2.0，它的定位是下一代前端工具链，webpack和Rollup

英文全称`Cross Site Request Forgery`（CSRF），是一种冒充受信任用户，向服务器发送非预期的请求。例如可能在某个有权限访问的URL后加入恶意的参数实行攻击。 跨站脚本攻击

webpack5新增了很多新的特性，主要有功能清除、polyfill、长期缓存等，对Node.js版本也有要求，最低版本是10.13.0

项目上线后和在开发和测试阶段对我们的要求其实有很大不同，在开发和测试阶段，我们可能是以完成需求任务为目标，因为有的时候作为开发者也不太清楚用户的具体诉求和交互习惯等，等项目上线真正到了用户手上，很多问

我正在参加「掘金·启航计划」 目标 babel原名是6to5，主要用于转译等功能，还有很多这类3W问题就不赘述了，大家应该都清楚了。我们直奔主题，如何开发一个最简易的babel，主要是了解如何开发，而

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第28天，点击查看活动详情 热更新 如果我们不适用任何构建工具，在原生的Html和JS中编写代码，那每次修改内容后，是需要手动去刷新

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第27天，点击查看活动详情 构建工具 为什么需要构建工具 构建工具是非常重要的，由于我们JavaScript基本每年都会有一个新的版

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第26天，点击查看活动详情 塌陷问题 解决 在标签增加vertical-align:middle;。 原因是overflow:hid

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第25天，点击查看活动详情 场景 我们项目采用的是单页面应用（spa），在首屏加载时就编译了很多其实在首屏是不需要的页面或组件，严重

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第23天，点击查看活动详情 元信息类标签 理解定义 元信息类标签，我们主要需要知道什么是元信息，所谓元信息，就是指描述自身的信息，对

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情 深度优先搜索 深度优先搜索（Depth-First-Search），简称DFS。 有个比较好理解深度优先搜

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情 广度优先搜索 广度优先搜索（Breadth First Search）的核心思想就是按层搜索。先全部搜索完