12 2021 档案
摘要：1、简介：项目需求要弄一个数据录入表格，数据比较多并且是可编辑，按键切换输入框，左侧固定列等等，一开始表格是直接用的element，用着用着已经不满足需求，编辑数据多的时候慢的不行编辑还卡顿。 2、解决经历：一开始是打算用patch-package修改element源码的，然后发现引入的elemen
阅读全文
摘要：html： <div class="common_btn" @click="copyText"> {{ $t('common.copyText') }} </div> js： copyText() { let oInput = document.createElement('input'); oIn
阅读全文
摘要：1、简介：有个功能需要修改node_modules里面的代码，就发现patch-package可以立即修改并保留对 npm 依赖项的修改。 2、安装patch-package npm i patch-package --save-dev 3、修改完依赖后，运行patch-package创建patch
阅读全文
摘要：1、简介：jsPlumb是一个用于画流程图线的一个开源库。 2、体验： 2-1、引入jsPlumb npm install jsPlumb --save 2-2、在文件里引入 import { jsPlumb } from 'jsplumb' 2-3、连接两个div let _this = this
阅读全文
摘要：1、思路：通过设置html的data-theme属性来设置主题，利用css属性选择器判断识别，设置不同主题的sass变量，再利用sass的混和指令和样式来设置不同主题的主题色。 2、实现： 2-1、先在html上绑定data-theme属性，设置默认主题 <html lang="" data-the
阅读全文
摘要：1、需求：当用户打开多个页面的时候，tab还要手动一个个点击删除就很麻烦，就需要一个批量删除的功能，比如右击弹出一个菜单进行批量删除 2、思路： 2-1、先弄一个全局定位的菜单模块，隐藏掉 2-2、给tabs绑定一个虚拟dom，获取它里面的子dom列表，因为游览器右击会有默认菜单，所以需要对子dom
阅读全文
摘要：1、需求：有个页面有两个模块，两个模块里面的内容都挺多并且需要，就要一个拖拽来控制两个模块的占位面积了 2、思路：设置右边模块margin空出一块空间放置拖拽的线，给线绑定mousedown方法，通过鼠标点击配置onmousemove和onmouseup的方法来计算需要的参数，通过动态设置style
阅读全文
摘要：1、在github里搜索ScreenToGif，star最多那个就是了 2、在里面点击Download Now进入下载页 3、点击框框中的进行下载安装 4、点击录制就可以在框框范围里面录制了，之后导出gif就好了
阅读全文
摘要：1、需求：阿里云json里的东莞json是没有详细到街道的，刚好客户使用地区又是东莞，没办法，只能自己动手了 2、思路：通过bigemap软件获取街道的kml文件，然后在http://geojson.io/网站导入合成，再编辑一下数据，就得到符合需求的geojson 3、实现 3-1：下载bigem
阅读全文
摘要：1:、需求：用户在处理大量数据表格的时候用鼠标一个个点很麻烦，于是想要按键移动编辑改完按方向键移动编辑下一个 2、思路：简单来说就是利用input的blur()和focus()方法，我这里用了element组件，原生也差不多，按键的时候focus下一个要移动的dom，blur之前的dom，就可以完成
阅读全文
摘要：需求：需要获取全省的数据，展示出来，并且点击可深入到各个省市区，并且滚动滚轮可以退出省级市级 效果： 实现： 1、思路： 1-1、通过调用接口获取地图json和数据，渲染上去， 1-2、当点击进入更深层级时，记录一下上一个层级的参数，方便滚轮退回上一层，然后调用接口获取地图json和数据重新渲染。
阅读全文
摘要：简介：欲善其工，必利其器，推荐一些好用的工具资源 1、git下载 https://git-scm.com/downloads 2、git神器小乌龟 https://tortoisegit.org/download/ 3、git神器小乌龟语言包 https://tortoisegit.org/down
阅读全文
摘要：简介：日常经常需要用到时间戳转时间格式，下面代码的思路就是传入格式，根据正则替换，非常灵活，可以根据需求调整位置、格式等，不多BB直接上代码 function parseTime(time, cFormat) { if (arguments.length 0) { return null } con
阅读全文
摘要：1、先下载需要用到的地图json文件，推荐下载网站https://datav.aliyun.com/portal/school/atlas/area_selector，如果需要自定义地图的可以去http://geojson.io/自定义。官网也有dome可以参考https://www.makeapi
阅读全文
摘要：问题：赋给在data中对象新的值时，不更新 分析：由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。 解决： 1、初始化属性的时候给根属性初始化一个空值就可以了 2、使用 Vue.set(
阅读全文
摘要：问题：在表格里需要先判断是否有值再进行过滤，而直接在三元运算里写 data | functionName会报错 解决： <el-table-column width="140" prop="completeTime" :label="$t('orderList.completeTime')"> <t
阅读全文
摘要：简介：提交表单时经常用到枚举，获取数据类表时也要用枚举分解状态 思路： 1、请求后台接口获取枚举，保存进localStorage和vueX，每次进入时从localStorage获取枚举保存进vueX，不用反复请求 2、从Store获取枚举设置方法分解枚举，通常用于表格状态 3、利用mixin把枚举混
阅读全文
