最新VUE项目配置ESlint后一些报错解决方式(1)，前端音频面试

最后

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

// 支持es6语法，但并不意味着同时支持新的 ES6 全局变量或类型（比如 Set 等新类型）

‘ecmaVersion’: 6,

// 指定来源的类型，‘script’ (默认) 或 ‘module’（如果你的代码是 ECMAScript 模块)

‘sourceType’: ‘module’

},

‘plugins’: [‘vue’, ‘html’],

‘rules’: {

// ‘off’ -> 0 关闭规则 ‘warn’ -> 1 开启警告规则 ‘error’ -> 2 开启错误规则

//* 【==== 语法 ====】

// 禁止出现重复的case标签

‘no-duplicate-case’: 2,

// 禁止在return、throw、continue、break语句之后出现不可达代码

‘no-unreachable’: 2,

// 禁止function定义中出现重名参数

‘no-dupe-args’: 2,

// 禁止case语句落空

‘no-fallthrough’: 2,

// 禁止类成员中出现重复的名称

‘no-dupe-class-members’: 2,

// 禁止删除变量

‘no-delete-var’: 2,

// 禁止出现未使用的变量

‘no-unused-vars’: [2, {‘vars’: ‘local’, ‘args’: ‘none’}],

// 禁止出现空函数

‘no-empty-function’: 2,

// 禁用不必要嵌套块

‘no-lone-blocks’: 2,

// 这条规则强制执行v-on指令样式，您应该使用速记。

‘vue/v-on-style’: [2, ‘shorthand’],

//* 【==== 符号 ====】

// 强制所有控制语句使用一致的括号风格

‘curly’: [2, ‘multi-line’],

// 强制在代码块中使用一致的大括号风格

‘brace-style’: [2, ‘1tbs’, {‘allowSingleLine’: true}],

// 要求或禁止末尾逗号

‘comma-dangle’: [2, ‘never’],

// 强烈使用一致的反勾号``、双引号’‘或单引号’’

‘quotes’: [2, ‘single’, {

// 允许字符串使用单引号或者双引号，只要字符串中包含了一个其他引号，否则需要转义

‘avoidEscape’: true,

// 允许字符串使用反勾号

‘allowTemplateLiterals’: true

}],

// 禁止不必要的括号

‘no-extra-parens’: [2, ‘functions’],

// 要求使用 =和 !

‘eqeqeq’: [1, ‘allow-null’],

//* 【==== 空格 ====】

// 强制使用一致的缩进

‘indent’: [2, 2, {‘SwitchCase’: 1}],

// 禁止属性前有空白

‘no-whitespace-before-property’: 2,

// 强制generator函数中*号周围使用一致的空格

‘generator-star-spacing’: [2, {‘before’: true, ‘after’: true}],

// 强制在逗号前后使用一致的空格

‘comma-spacing’: [2, {‘before’: false, ‘after’: true}],

// 强制在逗号前后使用一致的空格

‘comma-style’: [2, ‘last’],

// 禁止在函数标识符和其调用之间有空格

‘func-call-spacing’: 2,

// 强制在块之前使用一致的空格

‘space-before-blocks’: [2, ‘always’],

// 要求操作符周围有空格

‘space-infix-ops’: 2,

// * 【==== 注释 ====】

// 强制在注释// 或/*使用一致的空格

‘spaced-comment’: [2, ‘always’, {‘markers’: [‘global’, ‘globals’, ‘eslint’, ‘eslint-disable’, ‘*package’, ‘!’, ‘,’]}],

// 禁止在字符串和注释之外不规则的空白

‘no-irregular-whitespace’: 2,

// 强制行注释的位置

‘line-comment-position’: [2, {‘position’: ‘above’}],

// 强制对多行注释使用特定风格

‘multiline-comment-style’: [2, ‘bare-block’],

// * 【==== 命名 ====】

// 要求使用 let 或 const 而不是 var

‘no-var’: 2,

// name 必填

‘vue/require-name-property’: 2,

// name名称强制kebab-case

‘vue/component-definition-name-casing’: [2, ‘kebab-case’],

// prop名称强制camelCase

‘vue/prop-name-casing’: [2, ‘camelCase’],

// 获取当前执行环境的上下文时，强制使用一致的命名（此处强制使用 ‘_this’）。

‘consistent-this’: [2, ‘_this’],

// 不允许标签与变量同名

‘no-label-var’: 2,

// 禁止将标识符定义为受限的名字

‘no-shadow-restricted-names’: 2,

// * 【==== 结构 ====】

‘vue/order-in-components’: [2, {

‘order’: [

‘el’,

‘name’,

‘key’,

‘parent’,

‘functional’,

‘mixins’,

[‘delimiters’, ‘comments’],

[‘components’, ‘directives’, ‘filters’],

‘extends’,

[‘provide’, ‘inject’],

‘ROUTER_GUARDS’,

‘layout’,

‘middleware’,

‘validate’,

‘scrollToTop’,

‘transition’,

‘loading’,

‘inheritAttrs’,

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

• 如何实现浏览器内多个标签页之间的通信？

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

JavaScript

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

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）