2024年最全Day03-Vue进阶，2024年最新前端模块化面向接口编程

性能优化

1.webpack打包文件体积过大？（最终打包为一个js文件）

2.如何优化webpack构建的性能

3.移动端的性能优化

4.Vue的SPA 如何优化加载速度

5.移动端300ms延迟

6.页面的重构

所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

1、局部组件

---

定义组件

使用组件

效果图：

2、全局组件

---

定义全局组件：新建components文件夹，在该文件夹下创建Navbar.js文件

Navbar.js文件下的代码如图

// 定义全局组件

Vue.component(‘Navbar’, {

template: ‘

• 首页
• 学员管理
• 讲师管理

’

})

创建全局组件文件 02-全局组件.html

02-全局组件.html文件解释：

效果图：

三、路由

===================================================================

Vue.js 路由允许我们通过不同的 URL 访问不同的内容。

通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。

Vue.js 路由需要载入 vue-router 库

1、引入js

---

需要先引入vue.min.js，再引入vue-router.min.js

2、编写html

---

Hello App!

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-Doiav1zL-1715642199834)]

[外链图片转存中…(img-mkIBh724-1715642199835)]