最后
正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
‘eslint:recommended’,
‘plugin:vue/essential’
],
‘parserOptions’: {
// parser指定解析器,默认的为espree。babel-eslint是一个Babel parser的包装器,这个包装器使得 Babel parser 可以和 ESLint 协调工作
‘parser’: ‘babel-eslint’,
// 支持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’,
TCP协议
- TCP 和 UDP 的区别?
- TCP 三次握手的过程?
- 为什么是三次而不是两次、四次?
- 三次握手过程中可以携带数据么?
- 说说 TCP 四次挥手的过程
- 为什么是四次挥手而不是三次?
- 半连接队列和 SYN Flood 攻击的关系
- 如何应对 SYN Flood 攻击?
- 介绍一下 TCP 报文头部的字段
- TCP 快速打开的原理(TFO)
- 说说TCP报文中时间戳的作用?
- TCP 的超时重传时间是如何计算的?
- TCP 的流量控制
- TCP 的拥塞控制
- 说说 Nagle 算法和延迟确认?
- 如何理解 TCP 的 keep-alive?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
浏览器篇
- 浏览器缓存?
- 说一说浏览器的本地存储?各自优劣如何?
- 说一说从输入URL到页面呈现发生了什么?
- 谈谈你对重绘和回流的理解
- XSS攻击
- CSRF攻击
- HTTPS为什么让数据传输更安全?
- 实现事件的防抖和节流?
- 实现图片懒加载?
总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**
浏览器篇
- 浏览器缓存?
- 说一说浏览器的本地存储?各自优劣如何?
- 说一说从输入URL到页面呈现发生了什么?
- 谈谈你对重绘和回流的理解
- XSS攻击
- CSRF攻击
- HTTPS为什么让数据传输更安全?
- 实现事件的防抖和节流?
- 实现图片懒加载?
[外链图片转存中…(img-cOeGJsdK-1714921189632)]