君子不器

token和刷新机制token机制就是在登录成功后返回一个token，并缓存起来，之后每个请求头里带上token，后端验证不通过返回401，前端就直接跳转到登录页。这样就能防止直接访问某个链接就能跳到登录页的尴尬局面。token刷新机制就是在使用的时候使用某个机制使得这个token不过期，不会跳转到登录页。而没有使用的时候token会过期，他隔得太久了再调接口就是401，就会跳到登录页。两种token刷新机制第一种（后端提供刷新接口）客户端 服务端 --- ...

描述平时我们可以用vue-cli很方便地搭建Vue的开发环境，vue-cli确实是个好东西，让我们不需要关心webpack等一些繁杂的配置，然后直接开始写业务代码，但这会造成我们过度依赖vue-cli，忽视了webpack的重要性，当遇到一些特殊场景时候，例如Vue多入口的配置、优化项目的打包速度等等时可能会无从下手。实现搭建环境初探webpack，那么便从搭建简单的webpack环境开始，首先是初始化并安装依赖。$ yarn init -y$ yarn add -D webpa..

Javascript数据类型有哪些？字符串 string、数字 number、布尔 boolean、空 null、undefined、对象 object数组与字符串互转数组变字符串var a = [];var b = '';a=new Array{0,1,2,3,4,5};b=a.join(“-”); //b="0-1-2-3-4-5" 字符串变数组var b="0-1-2-3-4-5"；var a=b.split("-"); //在-分解 什么是原型..

Vue常用性能优化Vue常用的一些优化方式，主要是在构建项目过程需要注意的方面。编码优化避免响应所有数据不要将所有的数据都放到data中，data中的数据都会增加getter和setter，并且会收集watcher，这样还占内存，不需要响应式的数据我们可以直接定义在实例上。<template> <view></view></template><script> export default { ..

下载依赖npm install svg-sprite-loader svgo-loader -Svue.config.js 中配置chainWebpack chainWebpack: config => { config.module.rule('svg').exclude.add(path.join(__dirname, 'src/assets/icons')).end() config.module .rule('icons') .te..

javascript面向对象面向对象（Object-Oriented，OO）的语言有一个标志，那就是它们都有类的概念，而通过类可 以创建任意多个具有相同属性和方法的对象。理解对象创建自定义对象的最简单方式就是创建一个 Object 的实例，然后再为它添加属性和方法。var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"..

JavaScript基本类型和引用类型的值

JavaScript语句

JavaScript数据类型ECMAScript 中有 5 种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number 和 String。还有 1种复杂数据类型——Object，Object 本质上是由一组无序的名值对组成的。...

html5&&css3新特性

rem与em区别

$nextTick基本用法定义在下次DOM更新循环结束后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。即当数据更新了在DOM中渲染后自动执行该函数。methods: { // ... example: function () { // modify data this.message = 'changed' // DOM is not updated yet this.$nextTick(fu...

$attrs && $listeners

Vue.directive自定义指令

watch&&methods&&computed区别

节流、防抖函数节流(throttle)：高频率触发的事件,在指定的单位时间内，只响应第一次(前面触发的执行前，忽略后面的事件)函数防抖（debounce）:在一段时间内，只响应最后一次，如果在指定时间触发，则重新计算时间（后面触发的事件执行，替代了前面的事件）函数节流（throttle）与函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。节流// 我们可以知道这里 fun.apply...

引自《阿里规约》的开头片段：----现代软件架构的复杂性需要协同开发完成，如何高效地协同呢？无规矩不成方圆，无规范难以协同，比如，制订交通法规表面上是要限制行车权，实际上是保障公众的人身安全，试想如果没有限速，没有红绿灯，谁还敢上路行驶。对软件来说，适当的规范和标准绝不是消灭代码内容的创造性、优雅性，而是限制过度个性化，以一种普遍认可的统一方式一起做事，提升协作效率，降低沟通成本。代码的字里行间流淌的是软件系统的血液，质量的提升是尽可能少踩坑，杜绝踩重复的坑，切实提升系统稳定性，码出质量。一、编程规

el-tree关于多选框变成单选问题// template <el-tree class="showtree" :data="data" node-key="orgId" :accordion="false" show-checkbox check-strictly :props="defaultProps" default-expand-all @check-change="handleCheckChange"...

v-if和v-for一起使用的弊端以及解决办法 v-for的优先级比v-if高，导致每循环一次就会去v-if一次，而v-if是通过创建和销毁dom元素来控制元素的显示与隐藏，所以就会不停的去创建和销毁元素，造成页面卡顿，性能下降。解决办法：1.在v-for的外层包裹一个标签来使用v-if2将需要的判断在computed里处理，然后在放到v-for里...

背景作为一个三年左右的程序员，时常是焦虑的，总是感觉会的不多，想着后面的路到底怎么走？要不要继续接着往下走！质疑的声音就慢慢出现在自己的耳边，但是我不能放弃，走到今天挺不容易的，面对自己对自己的质疑，要坦然面对，积极克服，失败者才会放弃。我不是聪明的大多数，我想做勤奋的小部分。今年就萌生了好好写文章来记录知识点的想法，毕竟现在的学习成本太高，忘记了重新再去学习，精力、时间都是不允许，文章记录下来可以时不时巩固一下。这可能不是最好的方式，但是我目前认为最好的方式，我不会放弃，我一直在路上。致敬每一位为..

不要在选项 property 或回调上使用箭头函数，比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因为箭头函数并没有 this，this 会作为变量一直向上级词法作用域查找，直至找到为止，经常导致 Uncaught TypeError: Cannot read property of undefined 或 Uncaught TypeError: this.myMethod is not

什么是插槽？插槽就是在子组件中给父组件提供的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。普通插槽-示例//父组件<template> <div> <slotButton>插槽按钮</slotButton> </div></templa..

什么是跨域正常情况下，我们使用ajax请求的数据都在自己的服务器上。但在一些特定的场景中，我们需要获取到别人的服务器上的数据，也就是在自己的服务器中的ajax要请求到别人的服务器的网址，这就是跨域。跨域是浏览器为了安全而做出的策略：同源策略什么是同源策略即同端口，同域名，同协议如何处理跨域简述：vue-cli3.0发布后，项目配置文件做出了重大革新，之前老的版本，项目配置项是在webpack中进行的，3.0后，官方给出了一个可选的配置文件vue.config.js，因此我们在处理前端跨域的..

前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$parent/$children、$attrs/$list...