文章目录一、本地存储1.概念2.接口3.实际操作二、自定义事件绑定1.自定义事件使用过程2.绑定自定义事件的语法3.其他注意事项三、全局事件总线1.全局事件总线概念2.全局事件总线的使用方式3.原理剖析四、$nextTick小技巧 一、本地存储1.概念可以将数据临时存储到本地浏览器，一般大小最大为5M，存储的时候形式是字符串，早期可以做网站搜索记录的存储，随着云原生的不断发展，搜索记录，浏览记录
转载
2024-02-29 23:46:14
85阅读
想起自己刚入行的时候，从svn上把代码checkout下来，看到同事写的代码，大括号居然换行了。心中暗骂，这个人是不是个**，大括号为什么要换行？年轻气盛的我，居然满腔怒火，将空行一一删掉。 但是关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。所以，团队关于代码风格必须遵循两个基本原则：少数服从多数；用工具统一风格。本文将介绍，如何使用ESLint + Prett
eslint知识分享1.认识ESLintESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似，除了少数的例外：ESLint 使用 Espree 解析 JavaScript。ESLint 使用 AST 去分析代码中的模式ESLint 是完全插件化的。每一个规则都是一个插
转载
2024-03-15 20:45:42
82阅读
CAD崩溃后自动保存的文件在哪里？相信这个问题很多设计师小伙伴在CAD绘图过程中都曾遇到过，这也是CAD常见问题之一。本节内容小编就以浩辰CAD软件为例来给大家介绍一下软件崩溃后CAD自动保存的文件在哪里以及打开方式。CAD崩溃后自动保存文件位置：重新启动浩辰CAD软件后，通过调用命令快捷键OP，打开【选项】对话框，点击切换至【文件】选项卡，在下方列表中找到并点开【自动保存文件位置】，即可查看当前
ESLint 是一个广泛使用的 JavaScript 代码检查工具，可以帮助开发者在编写代码时发现并修复潜在的问题和错误。在 第一步 创建工程 时虽然已经选择了包含 ESLint 预设配置，但还需要做一些调整，让我们使用起来能够更加的丝滑。vue.config.js 检测开关和模式module.exports = {
// 是否每次保存时 lint 代码,可选值 (boolean | 'war
本文介绍ESlint & Prettier & Flow组合框架的构建，以及这样做的目的，过程以及运行示例 1.Flow是faceBook开源的一个JavaScript静态类型检查工具 2.Prettier:代码美化和统一规范工具 3. ESlint: 静态代码检查工具
FlowFlow的意义Flow是faceBook开源的一个JavaS
转载
2024-06-21 13:26:19
77阅读
Vue的ESLint配置常用规则// “off”或0：不启用该规则。
// “warn”或1：违反时警告。
// “error”或2：违反时报错。
'rules': {
"comma-dangle": ["error", "never"], //是否允许对象中出现结尾逗号
"no-cond-assign": 2, //条件语句的条件中不允许出现赋值运算符
"no
转载
2024-03-18 19:55:56
177阅读
最近在使用ts，发觉tslint在vscode上使用很不方便，不如eslint一键格式化高效，就想着能不能配置下vscode让其像写js一样爽
这篇文章主要解决2个问题，第一个是如何让vscode使用ts的lint，第二个是如何配置才能让eslint和prettier这2个代码格式化的vscode插件不互相冲突vscode使用ts的lint首先ts的lint已经不用tslint了，这个东东官方已经
转载
2024-04-18 09:54:00
89阅读
/** 保存文档时自动格式化 **/
"editor.formatOnSave": false,
/** 保存文档时，自动按照设定的规则进行格式化 **/
"editor.codeActionsOnSave": {
"source.fixAll":true
},
原创
2024-03-20 15:47:37
80阅读
点赞
一、中介者模式简介（Brief Introduction）中介者模式（Mediator Pattern），定义一个中介对象来封装系列对象之间的交互。中介者使各个对象不需要显示地相互引用，从而使其耦合性松散，而且可以独立地改变他们之间的交互。 Define an object that encapsulates how a set of objects interact. Mediator prom
背景在开发前端项目时，每个人的开发习惯不同，用的IDE也不同，有的人喜欢用VSCode，有的人喜欢用Webstorm，而各个编译器默认的格式化规则有不一致，这就导致了不同IDE格式化出来的代码是不一样的。甚至有些人不喜欢格式化代码，导致代码看起来会比较乱，作为有点强迫症的我看着实在是很不习惯，一般我上手代码的第一件事就是习惯格式化一下。当多个团队一起开发同一个项目时，会涉及到分支之间代码合并的问题
转载
2024-04-22 12:02:34
82阅读
既然是要保持页面的状态（其实也就是组件的状态），那么会出现以下两种情况：前组件会被卸载前组件不会被卸载那么可以按照这两种情况分别得到以下方法：组件会被卸载：（1）将状态存储在LocalStorage / SessionStorage只需要在组件即将被销毁的生命周期 componentWillUnmount （react）中在 LocalStorage / SessionStorage 中把当前组件
转载
2024-09-30 23:38:12
49阅读
关于ESLint&Prettier的分工prettier 主要是为了格式化代码，而在没有 prettier 之前，是用 eslint —fix和 编辑器自带代码格式来进行代码格式化的。缺点：每种编辑器会有不一样的代码格式，而且配置会比较麻烦。prettier 已经逐渐成为业界主流的代码风格格式化工具。减轻 eslint 等工具的校验规则，因为将代码样式校验交给了 prettier，所以可以
转载
2024-05-06 19:23:41
57阅读
架构和规范架构是为了解决什么问题呢？我理解是效率问题。通过一个好的架构，能让你很容易地、具备一致性地理解一个系统，在此基础上快速地、可持续地完成业务功能。它保证的有三点：代码库阅读起来很轻松添加新功能时能很快，理想情况是，仅添加跟业务有关的代码，跟样式、基础设施相关的东西，在一个较为成熟的项目上，应该都比较稳定了在演进过程中，仍然能保持添加功能的速度很快规范是为了解决什么问
PrintStream:将基本的数据类型的数据或引用数据类型的对象格式化成字符串后再输出。使用该类不必书写转化成字符串的操作方法，可以直接输出。 PrintStream继承了FilterOutputStream.是"装饰类"的一种,所以属于字节流体系中(与PrintStream相似的流PrintWriter继承于Writer,
参考使用ESLint+Prettier来统一前端代码风格vscode 配置vue+vetur+eslint+prettier自动格式化功能问题描述最近用Nodejs + express 写了一个zip文件上传的功能，代码给了别人看，各种吐槽，代码不规范，没有按照eslint，编辑器打开就是各种红色提醒，当然还有其他许多…第一反应就是反感，后面冷静一想，还是自己做事的态度有问题，做完了功能已经完成了
{
"env": {
"browser": true,
"es2021": true,
"commonjs": true,
"es6": true,
"node": true
},
"extends": [
"eslint:recommended",
"plugi
转载
2024-04-26 11:07:32
53阅读
1.三者都是干什么的（1）eslint
eslint它是一个代码检测工具，用来检测你代码中的不规范，可以统一项目项目的代码规范。如果你的代码不符合规范要求，就会直接在文件中出现不同程度的提示信息。具体是：
error：错误，报错文件名在vscode里会直接变红，直到错误改掉。
warning：警告，报警告的文件会在vscode里变成警告的黄色。
off：这个规则不进行校验，即关闭这个校验。（2）p
转载
2024-03-11 17:56:56
644阅读
大浪淘沙，前段构架工具也在一代代的更迭，最终脱颖而出的是 Prettier 和 ESLint。很多人说这两个有很多重复功能，但其实这两个工具的侧重点是不一样的：Prettier 注重的是代码的格式化，也就是让团队有一个统一的代码规范。ESLint 注重的则更多是代码的质量，保证的是代码的安全性。这一点在 Prettier 的官网上有很好的说明：Linters have two categories
转载
2024-03-07 15:52:52
194阅读
在学习Vue的时候，总是提到ESlint这个插件，虽然项目不是必须的，却好像是开发必须的，在vue-cli中也是默认插件之一，而且绝大多数的开源代码都有使用，自己搞搞又总是问题一堆，最近看到一篇相关介绍，感觉讲的还是比较到位的，摘录下来，留给自己常翻阅。一、eslint 安装1、全局安装npm i -g eslint --registry=https://registry.npm.taobao.o
转载
2024-05-14 12:31:56
1521阅读
