zc135565的博客

prettier代码统一代码风格，格式化配置依赖于项目目的：使得格式化代码的配置跟随项目，不依赖于编辑器或本地插件，用于代码风格统一结构：eslint + prettier eslint 用于代码规则检查 prettier 基于eslint的规则，进行代码的格式化一、安装 （基于eslint配置完成的基础）prettier官网：https://prettier.io/npm install --save-dev --save-exact prettier // 安装prettiernp

一、安装所需的软件二、进行具体配置三、使用以下配置及安装为已运行实测的笔记整理，严格按照该步骤进行配置，大概率上不会有问题。不懂linux的小白也可配置使用。当然，最好还是了解一些linux基本的命令和文件的作用，可能会更好一些。欢迎评论区交流！！！配置centos镜像源整理1、先将原文件备份mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo_bak2、下载阿里源wget -O /etc/yum.re

原版项目：vue2+webpack3+babel6升级项目：vue2+webpack4+babel7最近需要将vue项目升级，以获得更好的构建性能和开发便利，由于网上没有一个可以参考的实用用性文章，故此将升级项目过程记录并分享给各位，希望对各位有用。也欢迎关注本人的公众号：前端学海根据多次尝试总结出的经验，先升级与webpack无关的组件，然后再升级webpack，注意webpack不同的版本需要的webpack-cli也不同，否则会产生兼容报错，切记！！！最好按照一下给出的升级顺序进行，每个包后面

Token在计算机身份认证中是令牌（临时）的意思，在词法分析中是标记的意思。一般作为邀请、登录系统使用。在vue项目中实现Token替换思路：这里使用的vue中的请求拦截器，根据后端返回的Token的生成时间，以及该Token的有效期和当前发送请求的时间进行计算，判断当前Token是否快要过期，以确定是否开始请求新的Token。计算公式为：Token有效时间 -（当前时间 - Token的生成时间）= 剩余的Token有效时间这里我的判断为,Token剩余有效时间，小于五分钟的时候，调用刷新To.

前端——诞生之初就是为了浏览器的有更好的页面交互。最初的前端技术，无非就是HTML、CSS、JavaScript三种核心技术我们开看看百度给前端的定义：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。可随着技术的快速发展，前端开发衍生出了很多流行的框架，如jQuery 、Bootstrap、React、Angular、vue，这几.

webpack，使用html-withimg-loader打包img图片，打包后图片无法显示，路径上多出default的一个对象。前面会进行img图片打包的配置安装和介绍。对于已了解的，想直接解决问题的实用党，可跳过第一部分，直接看第二部分代码。第一部分：插件安装和配置介绍（本人目前使用的配置）在使用webpack进行打包时，使用url-loader打包的是样式文件中的背景图片，如less、...

vue组件注册–全局注册：使用require.context实现前端工程自动化（实现全局组件自动化注册的js脚本）vue的组件注册分为全局注册和局部注册，使用上的基本区分如下：本文脚本为参考vue官网文档，并在js脚本代码和注释上做了一些调整，以求看了就理解会用。因官网文档总是惜字如金，有些地方还不是那么一下就容易理解和使用，可以把该文章看做官网的进化版全局注册：即注册完毕后，在全局皆可使用...

在项目中，遇到vue父子组件的传参问题，父组件传参给子组件，子组件在created和mounted等生命周期中获取不到，也无法使用父组件传递过来的参数。父组件传参，一般分为两种情况：1、父组中的原始数据 (即定义在父组件data中的原始数据),传输给子组件使用，子组件在生命周期中是可以获取并使用的。2、父组件传给子组件的参数，是从接口中获取到的， 可能遇到的问题就是，如果在组件的create...

vue，element.ui组件很容易忽略的坑---------------级联选择器中的小bug前一段时间在使用vue2x版本进行电商后台的重构时发现的此版本的小bug，虽然不算什么大事，但对用户体验和页面美观还是有一定的影响的，在此分享给各位朋友；在element组件的级联选择器中的Hover触发级联选择器的使用中出现问题，element 2.12版本中的选择器，在一定的数据量下，显...

vue—key值绑定的作用及优点**本文基于vue2x版本进行解析：绑定key值：可以更快速和更精确的确定变化数据的位置，并进行响应式操作，在一定量的数据之上时，是高性能的，更多的情况下与v-for一起使用；不绑定key值：vue默认机制状态下的，当小于一定数据量时，并且DOM数据简单处理时，在刻意使用的情况下，vue的默认机制是更加高性能的，仅限于数据量较小，数据类型简单且后续不会有过多...