背景 上回说到ESlint和Prettier可能会有规则上的冲突,解决的办法有多种,好比不用Prettier 不用Prettier也是一种选择 配置相同的规则 我们选择一种可以共存的方式 可以参考这篇文章 https://www.jianshu.com/p/be27685feeee 安装 npm install eslint-plugin-prettier eslint-config-prettier --save-dev 格式化后发现还是使用了eslint的规则, 为什么呢? 装个谷歌的标准试…

介绍 eslint进行代码审查,统一代码风格,预防潜在BUG 官网 https://eslint.bootcss.com/docs/user-guide/getting-started 安装 init时提示无法执行脚本 参考 https://www.cnblogs.com/jackadam/p/15704911.html 初始化 ./node_modules/.bin/eslint --init package.json添加启动命令 scripts:{ "lint":"esl…

规范化标准 软件开发需要多人开发,不同的开发者具有不同的编码习惯和喜好,不同的喜好增加项目的维护成本,所以需要明确统一的标准,决定 了项目的可维护性,人为的约定不可靠,所以需要专门的工具进行约束,并且可以配合自动化工具进行检查,这种专门的工具称为lint, 前端接触最多的是ESLint,下面我们看下如何使用这些工具落实前端规范化操作. ESLint介绍 目前最主流的JavaScript Lint工具 监测JS代码质量 ,统一开发者的编码风格,同时ESLint可以帮助开发者提升编码能力作用的一款工…

目录 1,前言 2,创建项目 2,安装vue全家桶 3,配置prettier 4,配置eslint 5,配置husky + git钩子 6,配置commitlint 6.1,配置commitlint格式检查 6.2,安装自定义的辅助提交依赖 1,前言 本文主要分享一个项目的规范约束从0到1的流程,从通过vue-cli创建项目,到团队协作插件安装(husky.eslint.commitlint.prettier等). 本文vue-cli脚手架为5.x 本文webpack版本为5.x 本文vue版本…

原文技术胖的 nginx 技术胖 专注于前端开发 deepin Linux Deepin 是一个基于 DEB 包管理的一个独立操作系统,和那些 Ubuntu(下个大版本是基于 debian 开发) 的衍生版仅仅只是换主题.调整 ISO 预置的软件包不同.Linux Deepin 在大量吸纳 Debian/Ubuntu 仓库的软件包之外,构建了更大的 Deepin 软件仓库.Linux Deepin 的软件仓库不但包含 Debian/Ubuntu 的软件包,还包含了大量深度原创的软件以及第三方优质…

前端必学内容:webpack(模块打包器) webpack3 学习内容,点击即可到达 (1).webpack快速入门——如何安装webpack及注意事项 (2).webpack快速入门——webpack3.X 快速上手一个Demo (3).webpack快速入门——配置文件:入口和出口,多入口.多出口配置 (4).webpack快速入门——配置文件:服务和热更新 (5).webpack快速入门——CSS文件打包 (6).webpack快速入门——配置JS压缩,打包 (7).webpack快速入门…

2018 BAT最新<前端必考面试题> 1.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? (1). 声明位于文档中的最前面,处于 标签之前.告知浏览器的解析器,用什么文档类型 规范来解析这个文档.  (2).严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行. (3).在混杂模式中,页面以宽松的向后兼容的方式显示.模拟老式浏览器的行为以防止站点无法工作. (4).DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现. 2.行内元素有哪些?块级元素有哪些?…

初始化项目时选择eslint-config-standard作为代码检测规范,vscode安装ESLint和Prettier - Code formatter两个插件,并进行如下配置 { "editor.formatOnPaste": true, "editor.formatOnSave": true, "editor.formatOnType": true, "prettier.singleQuote": true, &qu…

input屏蔽历史记录   设置input的扩展属性autocomplete 为off即可 ;function($,undefined) 前面的分号是什么用处   ;(function($){$.extend($.fn...现般在一些 JQuery 函数前面有分号,在前面加分号可以有多种用途:1.防止多文件集成成一个文件后,高压缩出现语法错误.2.这是一个匿名函数,一般js库都采用这种自执行的匿名函数来保护内部变量 (function(){})().3.因为undefined是window的属性…

前端必学---JavaScript数据结构与算法---简介 1. 数据结构: 数据结构是相互之间存在一种或者多种特定关系的数据元素的集合.---<大话数据结构> 1.1 数据结构的分类 1. 逻辑结构 线性结构 线性结构中的数据元素之间是一对一的关系. 集合结构 集合结构中的数据元素除了同属于一个集合外,它们之间没有其他关系. 树形结构 树形结构中的数据元素之间存在一对多的层次关系. 图形结构 图形结构的数据元素是多对多的关系. 2. 物理结构 顺序存储结构 链接存储结构 数据结构要学习总结的…