2024年最全最新【vue】使用vue-cli5(2)，面试几个月还没找到工作正常吗

学习笔记

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue等等

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

HTML/CSS

**HTML：**HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分

**CSS：**CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式

HTML5 /CSS3

**HTML5：**HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性

**CSS3：**CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型

JavaScript

**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串

==

• 单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。

• 在vue的spa中，需要编写vue文件。

• Vue提供单文件组件（扩展名为 .vue的文件），每一个vue文件由3部分组成：

  1. 模板（html代码）：

  2. 脚本（js代码）：

使用vue cli构建项目

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

1.安装node.js 安装vue.cli 必须先安装node.js

node.js安装参考：Node.js安装与基本使用_陶然同学。-CSDN博客_nodejs安装与使用目录1.Node.js 1.1什么是Node.js 1.2环境搭建 1.2.1下载 1.2.2安装 1.2.3测试 1.3切换源 1.3.1工具cnpm 1.3.2工具nrm 1.4Node.js和npm关系 1.5基本操作 …https://blog.csdn.net/weixin_45481821/article/details/122244505?spm=1001.2014.3001.5501

2.安装vue cli

npm install -g @vue/cli

3.创建项目

vue create 项目名

4.根据需求进行选择

步骤1：在这里选择手动配置

步骤2：上下键控制 空格选择 这里选择Babel转码器 Router Vuex

? Check the features needed for your project: (Press to select, to toggle all, to invert selection)

>( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用

( ) Progressive Web App (PWA) Support// 渐进式Web应用程序

( ) Router // vue-router（vue路由）

( ) Vuex // vuex（vue的状态管理模式）

( ) CSS Pre-processors // CSS 预处理器（如：less、sass）

( ) Linter / Formatter // 代码风格检查和格式化（如：ESlint）

( ) Unit Testing // 单元测试（unit tests）

( ) E2E Testing // e2e（end to end） 测试

步骤3：选择版本 2.x

步骤4：是否开启history模式 选择否

步骤6：选择你想把你的配置文件放在一个独立的配置文件中？还是放到package.json中？

选择package.json即可 没多大区别

步骤7：询问你是否保存以上设置 方便下次选择 这里选择 否 如果选择是 下面还要给你的配           置 取个名字

步骤8：cd 进入项目 npm run serve 启动项目

步骤9：出现两个地址  按住Ctrl键 点击  出现下面页面 项目创建成功

目录结构

====

1. 主要目录结构

   1. 入口页面：程序显示的第一个页面

   2. 页面目录：用于存放“功能页面”。

   3. 路由目录：用于给“功能页面”配置访问路径

1. 其他目录结构

入门案例：Vue文件

==========

需求：访问/test-------Test.vue页面

• 步骤1：编写Test.vue页面

<template>

  <div>

      这是一个测试页面

  </div>

</template>



<script>

export default {



}



#### 专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

* HTML+CSS
* JavaScript
* 前端框架
* 前端性能优化
* 前端监控
* 模块化+项目构建
* 代码管理
* 信息安全
* 网络协议
* 浏览器
* 算法与数据结构
* 团队管理
* **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。



**其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等**

**由于文章篇幅有限，仅展示部分内容**

![](https://img-blog.csdnimg.cn/img_convert/ac0b1c2376da47d727e0dc8a77e76478.png)

486d4c3ab8389e65ecb71ac0)**

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。



**其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等**

**由于文章篇幅有限，仅展示部分内容**

![](https://img-blog.csdnimg.cn/img_convert/ac0b1c2376da47d727e0dc8a77e76478.png)