• 前端工程化之Webpack
• JavaScript
• 课堂测验
• npm镜像问题

3 - 前端工程化

星期	时间安排	课程内容	课程目标
周一	3/18	前端工程化 Webpack	前端工程化开发环境和element ui项目搭建
周二	3/19	element表格和分页	element表格和分页
周三	3/20	element对话框和表单	element对话框和表单
周四	3/21	element搜索表单	element搜索表单
周五	3/22	vue-element-admin项目	安装vue-element-admin项目的依赖并运行

前端工程化之Webpack

尚硅谷Webpack5入门到原理

这周只需学完基础部分，后面的部分选学。参考笔记完成基础项目的搭建和优化。

JavaScript

JavaScript语法基础题，本周完成。

算法入门可以做力扣75道核心算法题，

有算法基础的可以学面试150题，

搭配题目学习下面的教程:

JavaScript 高级教程。以最新的 JavaScript 标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。

需要重点掌握：数组、对象、原型、Promise、模块的知识，

学JavaScript不是要把所有稀奇古怪的语法都学会，而是要学对开发有实际价值的，例如arr.map这样可以处理数组的方法。

其中模块导入对前端工程化也很重要：

• 模块 (Module) 简介
• 导出和导入
• 动态导入

课堂测验

在element表格中添加五个操作按钮，

防抖按钮，节流按钮，lodash 的防抖按钮，lodash 的节流按钮，重置按钮。

防抖和节流的延迟都是1秒

在点击按钮后调用接口https://mock.apifox.com/m2/4168020-0-default/155876683

然后拼接到表格列表中。

具体原理可以参考https://www.bilibili.com/video/BV1dv4y117mY

要求在4点前做完检查。

npm镜像问题

要从淘宝npm镜像源切换回官方npm镜像源，或者更换为其他镜像源，请按照以下步骤进行：

# 切换到官方npm镜像源
npm config set registry https://registry.npmjs.org/

# 验证是否已经切换成功
npm config get registry

# 如果需要全局和局部都切换（确保所有项目使用同一镜像源）
npm config set registry --global https://registry.npmjs.org/

# 如果你之前设置了其他的镜像源，比如你想换成cnpm的镜像源：
npm config set registry https://registry.npmmirror.com/

# 或者你想换成其他国内镜像源，例如中科大镜像：
npm config set registry https://mirrors.ustc.edu.cn/npm/

如果你想临时在单个命令中使用某个镜像源，可以在执行npm命令时直接指定registry参数：

npm --registry=https://registry.npmjs.org/ install some-package

如果你使用的是yarn，则可以这样操作：

# 切换到官方yarn镜像源
yarn config set registry https://registry.yarnpkg.com/

# 或者设置为中国科大的yarn镜像源
yarn config set registry https://mirrors.ustc.edu.cn/yarn/

# 查看当前设置的registry
yarn config get registry

以上就是修改本地npm或yarn镜像源的方法。