09 2018 档案
摘要：let inputs = this.$el.querySelectorAll('input'); let icon = this.$el.querySelector('.el-input__icon');
阅读全文
摘要：示例代码为element ui 源码的select组件源码 控制台输出： 结论： this指向组件的实例。 $el指向当前组件的DOM元素。
阅读全文
摘要：1、websocket简介 websocket最主要特点是：服务器可以主动给浏览器发送消息，而不是被动接收浏览器请求。 websock协议可以参考：http://www.ruanyifeng.com/blog/2017/05/websocket.html WebSocket 使用ws或wss协议（非
阅读全文
摘要：1、原因 vuex里用来存储的也只是一个全局变量，当页面刷新，该全局变量自然不存在了。 2、解决 使用localStorage存储一份 （1）storage.js （2）vuex部分代码 变量在localestorage中被保存了：
阅读全文
摘要：1、vm.$attrs 说明 https://cn.vuejs.org/v2/api/#vm-attrs 将父组件的属性（除去在props中传入的属性）传递给子组件。 2、代码分析 以下是element-ui input源码 el-input的props源码： 以下是el-input小例子： <el
阅读全文
摘要：var vm = new Vue({ data: { a: 1 }, computed: { // 仅读取 aDouble: function () { return this.a * 2 }, // 读取和设置 aPlus: { get: function () { return this.a + 1 ...
阅读全文
摘要：1、概述 将一些公用方法引入到不同的组件中。 2、引入方式 （1）全局引入 （2）局部引入 混入对象可以包含任意组件选项。
阅读全文
摘要：1、文档说明 https://cn.vuejs.org/v2/api/#provide-inject 2、实例 element ui的dropdown组件 dropdown.vue: dropdown-menu.vue
阅读全文
摘要：1、aes加密解密说明 https://juejin.im/entry/59eea48e6fb9a0451968c25f aes是对称加密算法 md5是摘要算法，不算是加密，主要用来对信息一致性和完整性校验。是不可逆的。 2、示例代码
阅读全文
摘要：示例代码 第二个参数为负值时，从数组的尾部选取元素。
阅读全文
摘要：1、代码 （1）示例代码1 （2）示例代码2 2、结论： 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 而对于使用absolute :position脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。
阅读全文
摘要：1、示例代码 效果： 2、结论 absoulte方式在父级没有设置定位方式时是以<html>作为原点定位。
阅读全文
摘要：1、官网 https://ajv.js.org/ 2、示例代码
阅读全文
摘要：1、示例 （1）a.js （2）b.js （3）循环引用 控制台输出： a.js在执行时，import了b.js。因此先执行b.js。在执行b.js时foo还没有定义，因此输出了undefined。 2、解决方法 函数提升 （1）、a.js （2）b.js 在执行import {bar} from
阅读全文
摘要：1、qs.js库说明 qs是一个url参数转化（parse和stringify）的js库。 https://www.npmjs.com/package/qs 2、使用（以vue文件做示例） （1）基本语法 （2）忽略符号? （3）stringify方法编码 （4）qs 处理数组
阅读全文
摘要：1、git地址 https://github.com/ecomfe/vue-echarts 2、使用 （1）安装 （2）引入 注意： 官方说明中引入是这样的： 但是会报错：options": "Error: Component series.pie not exists. Load it first
阅读全文
摘要：1、用途 用户定义的对象定义 getter 和 setter 以支持新增的属性。 示例：obj创建一个伪属性latest，它会返回log数组的最后一个元素。 2、使用defineProperty在现有对象上定义 getter 3、实用技巧 使用getter和setter方法扩展 Date原型，为预定
阅读全文
摘要：vue-loader：解析和转换 .vue 文件，提取出其中的逻辑代码 script、样式代码 style、以及 HTML 模版 template，再分别把它们交给对应的 Loader 去处理。 css-loade：加载由 vue-loader 提取出的 CSS 代码。 vue-template-c
阅读全文
摘要：https://athena0304.github.io/element-analysis/ 1、模板字符串实现字符串拼接 2、inject inject，与父组件中的provide相对应，provide 选项允许我们指定我们想要提供给后代组件的数据/方法。相比 $parent 来说，这个用法可以让
阅读全文
摘要：1、$router和$route区别 this.$router 访问路由器，实现路由的跳转等功能。 this.$route 实现访问当前路由，$route.query (如果 URL 中有查询参数)。如： 2、响应路由的变化，watch $route对象 注意：是监测路由参数变化如/user/foo
阅读全文
摘要：1、vuex 动态模块配置 或者组件注册： 2、vue单文件demo 在mutations中可以将type设置为常量 3、严格模式 在严格模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。
阅读全文
摘要：1、作用 递归合并来源对象的自身和继承的可枚举属性到目标对象。 2、示例
阅读全文
摘要：1、数组去重 2、并集（Union）、交集（Intersect）和差集（Difference）
阅读全文
摘要：1、vue不能检测数组长度或者值的变化 （1）数组长度变化 未检测到 （2）数组值变化 未检测到 2、不能检测到数组长度或者值变化的原因（官方说明） https://cn.vuejs.org/v2/guide/list.html#对象更改检测注意事项 还是由于 JavaScript 的限制，Vue
阅读全文
摘要：1、概念 keep-alive示例： keep-alive模式（又称持久连接、连接重用）时，keep-alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，keep-alive功能避免了建立或者重新建立连接。 http 1.0中默认是关闭的，需要在http头加入"Connect
阅读全文
摘要：Object.keys可以省略Object.
阅读全文