随笔分类 - 方法
vue中 watch 监听器的使用
摘要：watchwatch：一个对象，键是需要观察的表达式，值是对应回调函数，也可以是是方法吗或者包含选项的对象。vue 实例将会载实例化是调用 $watch()，遍历 watch 对象的每一个 property。 deep: true：将会深度监听对象的 property改变时，被调用。 immedia
阅读全文
本地python 起web服务, ip访问thml
摘要：python3 python -m http.server 8080 python2 python -m SimpleHTTPServer 8080
阅读全文
blob格式下载文件通用方法
摘要：console.log("下载文件内容", this.content) const blob = new Blob([this.content], {type: 'text/plain;charset=utf-8'}) let downloadElement = document.createEle
阅读全文
svg颜色修改
摘要：给icon加样式 (利用原图标的阴影区域，同时将原图标移动超过之前父元素范围)filter: drop-shadow(red 80px 0);transform: translateX(-80px);给父元素加样式 （父元素超范围隐藏，正好把原图标的隐藏掉，显示阴影区域）overflow:hidde
阅读全文
构造树型结构数据
摘要：/** * 构造树型结构数据 * @param {*} data 数据源 * @param {*} id id字段 默认 'id' * @param {*} parentId 父节点字段 默认 'parentId' * @param {*} children 孩子节点字段 默认 'children'
阅读全文
vue中获取对象属性数量及对象遍历
摘要：Object.keys(${获取的对象}).length == 对象属性数量 v-for='(item, key, index) in ${对象}'
阅读全文
清除数组里为空的值
摘要：var arr = ['','2','3','4',undefined] for(var i = 0;i<arr.length;i++){ if(arr[i]==''||arr[i]==null||typeof(arr[i])==undefined){ arr.splice(i,1); i=i-1;
阅读全文
vue 文件打包下载
摘要：1. 安装 npm 包： jszip 及 file-saver 2. let i = 1 let promises = [] let zip = new JSZip(); const _this = this; msg.forEach(item => { const promise = getFil
阅读全文
自定义拖动事件时，取消谷歌的默认拖动事件
摘要：设置 @mousemove.prevent="" 屏蔽默认事件 <img src="../../assets/icons/kefu.svg" id="kefuIcon" @mousemove.prevent="">
阅读全文
element ui 树状图指定节点，点击不收缩节点
摘要：对于节点点击方法 handleNodeClick @node-click="handleNodeClick" 在进行方法编写时，当指定条件时 设置 node.expanded 为 true // 点击树状图 handleNodeClick(data, node) { console.log("树状图
阅读全文
传递方法接收的所有参数，再增加自定义参数
摘要：onContextMenu(arguments, 'myStatus') arguments： 此方法接收的参数列表 myStatus: 我加的自定义参数使用是从前往后依次排列所有接收到的参数后加上添加的参数
阅读全文
vue 页面刷新确认
摘要：效果： // 增加用户刷新提示，提醒用户刷新会丢失缓存的数据 window.onbeforeunload = (e) => { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = "关闭提示"; } // C
阅读全文
vue 组件缓存
摘要：<keep-alive> 包含的部分会被缓存 </keep-alive> 问题：同一个组件，传递不同数据时分别缓存。如： 同一个流程图组件，根据菜单不同传递不同参数右边显示内容不同，完成菜单两项的组件缓存 方法： 根据菜单传递的内容，手动为组件设置key，每个菜单项对应唯一确定的 key 值 原理：
阅读全文
scrollIntoView 滚动页面到指定位置
摘要：scrollIntoView 作用：使指定元素滚动到页面可见范围 使用： 1. 给指定元素分配 class 或 id , 使js中能够选取到 2. 根据标志，获取到dom元素 3. scrollIntoView 滚动到指定位置，可选择滚动到页面中的位置及过渡动画 注意：页面可滚动时方法才生效 实例：
阅读全文
配置对象的属性
摘要：在 JavaScript 中，对象是通过属性描述（property descriptor）进行描述的，我们可以 配置以下关键字。 ● configurable —— 如果设为 true，则可以修改或删除属性。如果设为 false，则 不允许修改。 ● enumerable —— 如果设为 true，
阅读全文
组件传递方法和数据穿透v-bind="$props"、v-bind="$attrs"、v-on="listeners"
摘要：v-bind="$props": 可以将父组件的所有props下发给它的子组件,子组件需要在其props:{} 中定义要接受的props。 vm.$props: 当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。官网介绍: https://cn.vuejs.or
阅读全文
生成器概念理解及使用
摘要：使用方法如下： function* WeaponGenerator() { // 通过在关键字 function 后面添加星号 * 定义生成器函数 yield "Katana"; // 使用新的关键字 yield 生成独立的值 yield "Wakizashi"; yield "Kusarigama
阅读全文
