qq_42264597的博客

[ESLint] error: Newline required at end of file but not found （eol-last）解决办法1、错误：error: Newline required at end of file but not found （eol-last）2、报错原因：这里有了格式冲突问题，最后应该加一行空行，但是使用vscode]的 JS-CSS-HTML Formatter保持又会删除空行，导致反复报错3、解决方法①第一种方法：禁用这个vscode的 J

vue项目报错Expected indentation of 2 spaces but found 41、报错原因：严格的检查缩进问题2、解决方法找到项目的**eslintrc.js**文件修改以下：取消ESLint函数名空号前面加空格的规则校验

Nginx官方网址：http://nginx.org/en/download.htmlNginx是一个高性能（响应和并发都很快）的HTTP和反向代理web服务器1、正向代理正向代理 是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代理。客户端必须设置正向代理服务器，当然前提是要知道正向代理服务器的IP

项目优化——路由懒加载官网：https://www.npmjs.com/package/babel-plugin-syntax-dynamic-import1、路由懒加载当打包构建项目时，JavaScript包会变得非常大，影响页面的加载。如果我们把不同路由对应的组件分割成不同的代码块，然后当路由被访问时才加载组件步骤：①安装@babel/plugin-syntax-dynamic-import 包②在babel.config.js配置文件中声明该插件③把路由改成按需加载的形式2、安装@ba

优化——通过nprogress添加进度条效果一、官网官方网址：https://madewith.cn/23二、使用1、安装npm install --save nprogress2、在main.js导入Nprogress包对应的js和cssimport Nprogress from 'nprogress'import 'nprogress/nprogress.css'3、在request拦截器中展示进度条//配置请求的根路径axios.defaults.baseURL = 'h

优化——在执行build命令期间移除所有的console插件：bal-plugin-transfrom-remove-console’官网：https://www.npmjs.com/package/babel-plugin-transform-remove-console1、安装：npm install babel-plugin-transform-remove-console --save-dev2、在babel.config.js的plugins中配置"transform-remove-con

JavaScript（五）——函数一、函数函数也是一个对象函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码）函数中可以保存一些代码在需要的时候调用使用typeof检查一个对象时，会返回function1、创建一个函数对象（1）用构造函数的方法创建函数对象，在实际开发中，几乎不用这种方法var fun = new Function();console.log(typeof fun//function可以将要封装的代码以字符串的形式传递给构造函数。在实际开发中，几乎不用这种方

JavaScript（四）——对象一、Js的数据类型（1）String 字符串（2）Number 数值（3）Boolean 布尔值（4）Null 空值（5）Undefined 未定义以上五种属于基本数据类型，以后我们所看到的值除了以上五种，全是对象（6）Object 对象1、基本数据类型基本数据类型都是单一的值，值与值之间没有任何联系eg:123 “你好”如果使用基本数据类型的数据，我们所创建的变量都是独立的，不能成为一个整体2、对象对象属于一种复合的数据类型，在对象中可以保

JavaScript（三）——运算符一、运算符运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获得运算结果eg:typeof就是运算符，可以来获得一个值的类型，它会讲该值的类型以字符串的形式返回1、算数运算符当对非Number类型的值进行运算时，会将这些值转换为Number,然后再运算任何值和NaN做运算都得NaN（1）+：可以对两个值进行加法运算，并将结果返回如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接成一个字符串，并返回任何的值和字符串相加都会转换为字符串，然

JavaScript学习（二）——正则表达式正则表达式：是用来定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则；获取将字符串中符合规则的内容提取出来一、创建正则表达式的对象1、使用构造函数来创建正则表达式(1)语法：var 变量 = new RegExp(“正则表达式”，”匹配模式“)​ 使用typeof检查正则对象，会返回objectvar reg = new RegExp(“a”);这个正则表达式可以检查一个字符串中是否含有a;在构造函数中可以

JavaScript学习（一）——JS基础1、输出语句:alert()、document.write()、console.log(),会有结果显示2、Js代码编写的位置：(1)可以将Js代码写在标签的onclick属性中（2）可以将JS代码卸载超链接的href属性中，点击超链接时，会执行Js代码以上两种写在标签的属性中的方法，尽管可行，但是他们属于结构与行为的耦合，不方便维护，所以不推荐使用（3）可以将JS代码写在标签中（4）可以将JS代码写在外部文件中，通过script标签引用。写到外部文件

浏览器缓存：Cookie、LocalStorage、SessionStorage的区别1、Cookiecookie 是存储在本地的数据，本身非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。2、LocalStorage仅在客户端保存（即浏览器），不参与和服务器的通信；没有时间限制，即使浏览器关闭，数据依然存在；localStorage 是 HTML5 标准中新加入的技术，它

从接口获取的数据，再次请求是不再再次从接口获取信息的解决方法1、把获取的数据保存在本地//保存到loaclStorage中 localStorage.setItem('banner',JSON.stringify(this.bannerLiat))2、判断本地存储是否有数据如果本地存储有已经获取的数据，即不再需要重新获取数据created(){​ //获取轮播图​ if(localStorage.getItem('banner')){​ this.ban

前端技术的发展从静态走向动态CGI 即 Common Gateway Interface，译作“通用网关接口”。通用，是一个显著特征，所有支持标准输出，支持获取环境变量的编程语言都能用来编写CGI程序。网关，“协议翻译机”。通常与网关输入输出两端通信使用的是不同的协议。接口，确切而言是“接口协议”，所谓协议，既是通信双方或多方都共识并遵守的一套规则。CGI其实是构架在HTTP协议之上的。它描述的是另一个维度的共识标准CGI是服务器扩展功能，可以从数据库或者文件系统获取数据，在将数据渲染为HTML文档后

CSS中，position的绝对定位和相对定位的区别1、position的四个值：static、relative、absolute、fixed绝对定位：absolute和fixed统称为绝对定位相对定位：relative默认值：static2、relative定位和absolute定位的区别relative:相对于原来的位置移动，元素设置此属性之后依旧处于文档流中，不影响其他元素的布局，最外层容器设置为relative定位，在没有设置宽度的情况下，宽度是整个浏览器的宽度absolute:元素会