摘要：
<template> <el-table ref="table" :height="500" :data="dataSource" show-summary /> </template> <script> export default { data() { return { dataSource: 阅读全文
摘要：
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia 。 本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。 既然我们要对比两者的 阅读全文
摘要：
1、log 和network日志保留 调试的时候，刷新浏览器，就会清除已经出现的报错或者接口的问题， 有时候我们想要刷新保留这些日志和接口，可以在浏览器自定义限制保留日志。 2、浏览器的自定义network速率 根据业务场景，有时候需要模拟网络不佳的情况，可以自定义网络的速率调整网络 阅读全文
摘要：
方法一： replace 正则匹配方法 去除字符串内所有的空格：str = str.replace(/\s*/g,""); 去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,""); 去除字符串内左侧的空格：str = str.replace(/^\s*/,"") 阅读全文
摘要：
一 DOM事件流 百度百科，对于DOM事件流的解释：DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素节点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。 当有事件触发时，从DOM的根节点开始，向内传递，这一过程可以理解 阅读全文
摘要：
1、call，apply，bind 相同点 都是改变this的指向 接收的第一个参数都是要指向的对象 都可以使用第一个参数之外的其他参数传参 2、call，apply，bind 不同点 call，bind的传参都是一样的，多个参数依次传入的； apply只有两个参数，第二个参数为数组； call和a 阅读全文
摘要：
1、先下载nvm安装 可以在网站下载，我下载的是 setup.exe绿色安装包。 比较简单，一直下一步就可以了，主要是安装过程中选择的nvm和nodejs的地址，建议放在同级文件夹中。 重点：建议先卸载本地的node和npm ，后面使用nvm use [version] 可能会出现中文解释错误或者路 阅读全文
摘要：
1、对象字面量 属性的简洁表示法 ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。 const age = 12; const name = "Amy"; const person = {age, name}; person //{age: 12, name: "Amy"} / 阅读全文
摘要：
1、async async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。 async function helloAsync(){ return "helloAsync"; } console.log(helloAsync()) // Promise {<resolve 阅读全文
摘要：
async 函数表示这个函数内部有异步请求,如果这个 async 函数没有返回值,那么这个 async 仅仅只是一个标识而已. await 需要结合 async 函数一起使用,它通常用于等待一个 Promise 函数或 async 函数的执行(你当然可以写个await 123,但这不会有任何作用) 阅读全文
摘要：
变量定义 let变量和var变量的区别 作用域 js定义变量为var，var定义的变量，代码块里外都能用 es6定义变量为let，let定义的变量，只能在当前代码块里面使用 特点 var可多次定义同一变量 let只能定义一次变量，不能在定义同一个变量 const常量 const定义变量时，需要赋值， 阅读全文
摘要：
vue-cli2 与 vue-cli3 的区别 vue-cli3是基于webpack4打造，vue-cli2是基于webpack3 vue-cli3的设计原则是“0配置”，移除（隐藏）配置文件build和config等目录 vue-cli3提供了vue ui 命令，提供了可视化配置 vue-cli3 阅读全文
摘要：
npm敲到一半的时候发现：这个到底是-g呢还是--save还是--save-dev呢 1.首先要先了解package.json 在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的 阅读全文
摘要：
如打开发现配置svn:path错误，主要是安装的时候没有勾选客户端工具。 重新安装一次就可。 安装以后重启vscode即可。 亲测有效。版本1.13.1 阅读全文
摘要：
桌面右键，TortoiseSvn，然后点settings，加如下代码 node_modules，要加空格 亲测有效。 阅读全文
摘要：
Request Headers： 下图是我访问一个URL：http://www.hzau.edu.cn的一个header,根据具体实例来分析一下各部分的功能及其作用。 Accept 作用： 浏览器端可以接受的媒体类型, 例如： Accept: text/html 代表浏览器可以接受服务器回发的类型为 阅读全文
摘要：
上代码 <style> .s-bg2{ backgound:#eee; } .s-c{ color:bule; } </style> // 根据主题色变换树的颜色 changeTreeAboutTheme(){ let that = this; that.$nextTick(function(){ 阅读全文
摘要：
谷歌浏览器测试结果分析如下： 100次分析结果1： 以下截图中的数据是，在chrome (支持es6)中运行了100次后得出的结论(每次运行10次,一共10个循环，得到的分析结果) 可以看出，forin 循环最慢耗时间多，优化后的普通for循环最快耗时间少 1000次分析结果2： 以下截图数据是，在 阅读全文
摘要：
1 // test.js 2 export default { 3 name: 'zs', 4 age: 20 5 } 或者 1 // test.js 2 var info = { 3 name: 'zs', 4 age: 20 5 } 6 export default info 1 在main.j 阅读全文
摘要：
效果如下： 1 var blist = [] 2 var districtLoading = 0 3 4 5 var map = new window.BMap.Map("container",{ minZoom:5,maxZoom:20 });// 创建地图实例 6 var point = new 阅读全文
摘要：
vue是组件化开发的项目，很多情况下会把公共组件提取出来，来减少代码量，提高开发效率，和以后更好的可维护性。 很多情况下，父组件中都会引用子组件这种情况。通过给在父组件中引用的子组件标签上添加属性，来渲染可以拥有不同数据的子组件。 但是vue 的组件有个特点，如果我们这一次和上一次传过去的属性值一样 阅读全文
摘要：
改变选中的图标样式 1 // 选中高亮标注图片 2 let mapIcon = ‘./icon.png’; 3 4 //标注点 5 let markerArrs = [{},{},....]; 6 7 8 // 点击标注点 9 marker.addEventListener("click", (ev 阅读全文
摘要：
自定义事件的触发又是不可避免的，由于浏览器兼容性问题，我们要分开说了，针对标准浏览器和IE6/7等考古浏览器。 1. 对于标准浏览器，其提供了可供元素触发的方法：element.dispatchEvent(). 不过，在使用该方法之前，我们还需要做其他两件事，及创建和初始化。因此，总结说来就是： 1 阅读全文
摘要：
1 // 开始这样写，不执行 2 window.onresize = function() { 3 console.log('窗口发生变化') 4 } 5 6 7 // 改成window监听事件 8 window.addEventListener('resize', function() { 9 c 阅读全文
摘要：
自定义事件的触发又是不可避免的，由于浏览器兼容性问题，我们要分开说了，针对标准浏览器和IE6/7等考古浏览器。 1. 对于标准浏览器，其提供了可供元素触发的方法：element.dispatchEvent(). 不过，在使用该方法之前，我们还需要做其他两件事，及创建和初始化。因此，总结说来就是： 1 阅读全文
摘要：
1. 加减法 加减法不是重点，重点是在SassScript中用到的两种单位之间的转换；绝对单位：px, pt, pc, in, mm, cm...绝对单位都能运算；相对单位：ex, em, rem...相对当前字体的都不能运算； 1.1 编译报错的栗子 SCSS： 1 $plus1: 100px + 阅读全文
摘要：
当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性。 1 // 在单独构建的版本中辅助函数为 Vuex.mapState 2 import { mapState } from 'vuex' 3 4 阅读全文
摘要：
绑定 HTML Class 我们可以传给 v-bind:class 一个对象，以动态地切换 class： 内联样式在模板里 1 <div id="div1" :class="{active: isActive, 'text-danger': hasError}"></div> 2 <script t 阅读全文
摘要：
面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下： Elements:查找网页源代码HTML中的任一元素,手动 阅读全文
摘要：
背景：你乘坐汽车从A景区想赶往B景区（模拟路由A跳转到路由B） 1.next() 你乘坐汽车要从A景区到B景区，路过关卡时，守门人拦下你，你量出了next()，守门人一看没问题，赶紧放行，于是你顺利到达了B景区。 2.next(false) 如果你量出了next(false)，守门人立马关住大门，不 阅读全文
摘要：
碰到是否有template选项时，会询问是否要对template进行编译： 在template编译（渲染成UI）有一个过程。模板通过编译生成AST，再由AST生成Vue的渲染函数，渲染函数结合数据生成Virtual DOM树，对Virtual DOM进行diff和patch后生成新的UI。将上图细化 阅读全文
摘要：
首先在main.js中给Vue.protorype注册一个全局方法， 其中，我们约定好了想要监听的sessionStorage的key值为’watchStorage’， 然后创建一个StorageEvent方法，当我在执行sessionStorage.setItem(k, val)这句话的时候，初始 阅读全文
摘要：
类型规范示例 常量 全字符大写，单词用 '_' 分隔 FETCH_USERS、GET_USERS 变量、函数 小写开头驼峰式 camelCase 类、特殊意义的命名空间 大写开头驼峰式 CamelCase 方法、函数 a. 动词 或 动词+名称 组合b. get 必须要有返回值 布尔值变量 is 或 阅读全文
摘要：
描述具体问题 需求 业务系统通常需要登录才能访问受限资源，在用户未登录情况下访问受限资源需要重定向到登录页面； 多个业务系统之间要实现单点登录，即在一个系统或应用已登录的情况下，再访问另一个系统时不需要重复登录； 在登录过期或失效时，需要重定向到登录页面； 用户登录后，需对改用户拥有的权限进行功能和 阅读全文
摘要：
这时候我们可能会在 input上 加上 autocompleted="off" 这个属性来阻止input被自动填充。 1 2 <input type="text" name="userName" autocompleted="off" /> 3 4 <input type="password" na 阅读全文
摘要：
在vue,config.js中配置css热更新 const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV) css: { // 是否使用css分离插件 ExtractTextPlugin extract: IS_PROD 阅读全文
摘要：
阅读全文
摘要：
vue-cli3.0安装 1 如果你事先已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先卸载它: 2 3 npm uninstall vue-cli -g 4 安装 5 6 npm install -g @vue/cli // 安装cli3.x 7 vue --version / 阅读全文
摘要：
问题描述：父组件调用了一个子组件，传递了一个id的属性到子组件， 但是在子组件中将这个id的props属性赋值给了data里面定义的另外一个属性myId，并且写了watch监听这个id的props。 结果：第一次的时候子组件并没有更新界面（即data里面的myId属性没有更新）；第二次及以后就都可以 阅读全文
摘要：
1、父组件 使用 Math.ramdom() 2、子组件获取 然后监听这个ramdom变化，处理子组件的更新 阅读全文