Vue7-Vue CLI,Alibaba高并发业务实战文档

22 阅读3分钟

总结一下

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。

万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。

为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

前端工程师岗位缺口一直很大,符合岗位要求的人越来越少,所以学习前端的小伙伴要注意了,一定要把技能学到扎实,做有含金量的项目,这样在找工作的时候无论遇到什么情况,问题都不会大。

开源分享:docs.qq.com/doc/DSmRnRG…

/* 样式 */ div { }
  • template:视图结构

  • script:交互逻辑

  • style:样式

  • lang:使用 css 预处理器,如:scss、less

  • scoped:表示所书写的样式仅支持在当前组件中使用,其它组件不受影响

Vue Loader

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

Vue Loader 是一个 webpack 的 loader,它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件

Vue CLI

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

  1. 基于 Vue.js 进行快速开发的完整系统

  2. 脚手架:快速搭建项目结构

  3. 安装$ npm install -g @vue/cli

OR

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

  1. 安装:$ yarn global add @vue/cli

  2. 安装完毕后,可以在 cmd 命令行中输入:$ vue --version如果能够查看到版本信息,则说明安装成功,否则安装失败或环境变量配置有问题

  3. 创建项目

  • GUI - 图形化用户界面$ vue ui

  • 命令行执行创建命令:$ vue create project-name

  1. 命令行显示创建项目的向导
  • 选择手动选择项目新特性项:

? Please pick a preset:

Default ([Vue 3] babel, eslint)

Default ([Vue 2] babel, eslint)

> Manually select features

  • 选择新特性:

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

to proceed)

(_) Babel

( ) TypeScript

( ) Progressive Web App (PWA) Support

( ) Router

( ) Vuex

>(_) CSS Pre-processors

(*) Linter / Formatter

( ) Unit Testing

( ) E2E Testing

  • 选择 vue 版本:

? Choose a version of Vue.js that you want to start the project with

3.x

> 2.x

  • 选择 CSS 预处理器:

? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):

Sass/SCSS (with dart-sass)

> Less

Stylus

  • 选择 linter 规范:

? Pick a linter / formatter config:

ESLint with error prevention only

ESLint + Airbnb config

> ESLint + Standard config

ESLint + Prettier

  • 选择保存时验证并格式化:

? Pick additional lint features: (Press to select, to toggle all, to invert selection, and to pr

oceed)

>(*) Lint on save

( ) Lint and fix on commit

  • 选择配置文件存放位置:

? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)

> In dedicated config files

In package.json

  • 是否将上述选择特性保存为预设项:

? Save this as a preset for future projects? (y/N)

如果是 yes,则还需要输入预设项名称

安装项目依赖

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

  1. 项目创建成功后,进入项目目录,运行任务:

$ cd project-name

$ npm run serve # 或 yarn serve

  1. 项目说明
  • public 目录中放置的是应用的 html 文件(通常只有一个 index.html)

  • src 目录中放置我们自己项目中所书写的源代码

  • src 下 main.js 是应用的入口 JS 文件

  • .eslintrc.js 是 ESLint 的配置文件

  • babel.config.js 是 Babel 的配置文件

  • package.json 是项目配置文件

  • vue.config.js 是 Vue CLI 的配置文件(在 VueCLI4.x 中这个文件需要自己手动创建)

  • npm scripts

{

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等

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