2024年最全一、Vue 世界初探，2024年最新网易前端面试题目

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

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

这样就可以看到项目已经初始化成功了。我们现在用IDEA 打开这个项目，当然大家也可以用其他的，后端的用惯了idea ,所以也就用idea 来开发vue 啦。

IDEA 配置vue

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

我们既然使用idea,当然需要一些配置，不使用idea 的可以忽略。

1、我们打开settings 下载vue.js 插件，然后重启。打开我们创建的项目zlflovemmVue

2、配置js 版本 ECMAScript6

3、HTML 增加 .vue 支持

4、启动项目，在edit Configurations 中增加npm 启动，配置如下图：

配置好后，我们来启动就好啦，如下图就表示启动成功啦。

我们启动成后，在浏览器上输入：

http://localhost:8081

证明我们项目已经初始化搭建完成啦。到这里我们已经完成了第一步。但是可以看到我们到现在为止还没有开始写代码，也不知道如何下手写。

不要急，我们前面这些工作做好后，我们接下来就开始啦。

项目结构

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

虽然我们项目稀里糊涂的启动起来了，但是相比到此的小伙伴还是一头雾水，在那写我们的代码呢？整个流程是怎么样的呢？

在写代码之前，我们还是先来看看，vue-cli 初始化为我们创建的项目有哪些东西。

▸ build/ // 编译用到的脚本

▸ config/ // 各种配置

▸ dist/ // 打包后的文件夹

▸ node_modules/ // node第三方包

▸ src/ // 源代码

▸ static/ // 静态文件, 暂时无用

index.html // 最外层文件

package.json // node项目配置文件

build

---

保留各种打包脚本。不可或缺，不要随意修改。

展开后如下：

▾ build/

build.js //打包使用， 不要修改。

check-versions.js //检查npm的版本， 不要修改。

dev-client.js //是在开发时使用的服务器脚本。不要修改。

dev-server.js //同上

utils.js // 不要修改。 做一些css/sass 等文件的生成。

vue-loader.conf.js //非常重要的配置文件，不要修改。内容是用来辅助加载vuejs用到的css source map等内容。

webpack.base.conf.js //下面这三个都是基本的配置文件。不要修改

webpack.dev.conf.js

webpack.prod.conf.js

我们初学者阶段，暂时不用管这些，也不改这些东西。

config

---

上图我们可以看到config 目录中就有

▾ config/

dev.env.js

index.js

prod.env.js

test.env.js

dev.env.js 开发模式下的配置文件，一般不用修改。

prod.env.js 生产模式下的配置文件，一般不用修改。

test.env.js 测试模式下的配置文件，一般不用修改。

index.js 很重要的文件， 定义了 开发时的端口（默认是8080），定义了图片文件夹（默认static)， 定义了开发模式下的 代理服务器. 我们修改的还是比较多的。

node_modules

---

node项目所用到的第三方包，特别多，特别大。 $ npm install 所产生。

这个文件夹不要放到git中

src

---

最最核心的源代码所在的目录。我们要写的代码就是写在这个里面啦。

▾ src/

▾ assets/

logo.png

▾ components/

Hello.vue

▾ router/

index.js

App.vue

main.js

assets: 用到的图片

components: 用到的"视图"和"组件"所在的文件夹。（最最核心）

router/index.js 路由文件。 定义了各个页面对应的url.

App.vue 如果index.html 是一级页面模板的话，这个App.vue就是二级页面模板。 所有的其他vuejs页面，都作为该模板的 一部分被渲染出来。

main.js 废代码。没有实际意义，但是为了支撑整个vuejs框架，存在很必要。

Hello World

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

好啦，我们已经知道了项目的结构了，现在就要开始实现我们自己的hello world 啦。不然我们当程序员还有什么意义。

其实我们程序已经帮我们写了一个helloworld 。但是我们还是自己来创建一个，这样自己才能熟悉点。最终添加的内容图如下：

Hello.vue

---

我们在src–components 新建Hello.vue 。内容如下:

{{message}}

跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。

也许是互联网未来10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。

面试准备

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

面试准备根据每个人掌握的知识不同，准备的时间也不一样。现在对于前端岗位，以前也许不是很重视算法这块，但是现在很多公司也都会考。建议大家平时有空的时候多刷刷leetcode。算法的准备时间比较长，是一个长期的过程。需要在掌握了大部分前端基础知识的情况下，再有针对性的去复习算法。面试的时候算法能做出来肯定加分，但做不出来也不会一票否决，面试官也会给你提供一些思路。