Web前端最全Webpack + Vue(1)，如何才能通过一线互联网公司面试

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

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

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

})

当用户访问http://localhost:8080/#/hello时，就会渲染./components/Hello.vue 文件，name：'Hello'定义了该路由在 vue.js内部的名称

2 创建一个新的Component

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

之前在路由中引入了 component ，接下来，就是创建这个文件 📂

{{ message }}

---

页面效果

原生 Vue.js的代码存在于 new Vue({……}）中的代码，在Webpack 框架下，都应该放到`export default{……}`代码块中

3 Vue.js中的 ECMAScript

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

我们使用的不是原生的 “JavaScript”，而是一种新的语言，就是 ECMAScript，严格说，ECMAScript是 JavaScript 的规范

let,var,常量与局部变量

---

声明本地变量，使用 let 和 var ，两者的区别如下

✨var：可能引起变量提升，或块级作用域的问题

✨let：就是为了解决以上问题存在的

在webpack下的vue.js中使用任何变量，都要使用var或let来声明

常量：

var a = 1;

let b = 10;

const NAME = ‘小刘’;

console.log(a);

console.log(b);

console.log(NAME);

---

导入代码:import

---

import 用于导入外部代码，例如：

因为Vue和Router是在package.json中定义的，因此可以直接 import … from 包名引入，否则要加上路径

// 引入 Vue

import Vue from ‘vue’

// 引入 Vue 的路由

import Router from ‘vue-router’

在from后面添加@符号，表示的是在本地文件系统中引入文件，@代表源代码目录，一般是 src，@出现之前，我们在编码时也是这样写：

import Hello from ‘…/components/Hello’

因为大量使用相对路径，这样会导致代码混乱，所以推荐使用@写路径

---

方便其他代码使用自己：export default { … }

---

在每个 vue 文件的<script>中，都会存在 export default { … } 代码，作用是方便其他代码对这个代码进行引用，对于 Vue.js 程序员来说，记住这个写法就可以了

在es6之前，js 没有统一的模块定义

---

ES中的简写

---

有时候会发现这样的代码

实际中，上面代码是一种简写形式，等同于下面的代码

---

箭头函数=>

---

main.js加上Vue.prototype.$axios = axios axios.get改为this.$axios.get调用

import axios from ‘axios’

//其他vue组件中就可以this.$axios调用使用

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

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

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。