Element-Ui结合canvas-select插件，实现上传图片类似PS钢笔工具的裁切
摘要：
实现的功能就是图片上传，并且对上传的图片进行类似ps钢笔工具的裁切。裁切完成之后回显到el-upload并可传到后台。 <template> <div> <div class="img-upload-con"> <el-upload action="#" list-type="picture-car 阅读全文
vue中ref知识笔记
摘要：
vue中通过ref获取页面dom元素，刚开始我以为如果页面有多个相同的ref，那么$refs获取的是dom数组。但实际不是那么回事。只有通过v-for循环元素绑定的ref才是数组，如果分开绑定则获取的只是最后一个ref。 <template> <div> <div ref="refElement"> 阅读全文
彻底搞懂Unicode字符集和UTF-8编码方案
摘要：
计算机的存储本质是二进制的0和1。信息传输也是0和1的排列组合。那么如何让二进制的0和1变成人们能看懂的文字呢？或者说世界上那么多语言，那么多字符怎么用二进制的0和1进行表示呢？这就需要一张超级大的map表或者叫做字典来让人们认识的字符和二进制表示的数字能够一一对应。比如汉字的“中国”两个字，我们假 阅读全文
用node读取Excel指定sheet并输出想要的数据结构
摘要：
数据部门维护了一个Excel表格，前端显示需要其中一个sheet的数据，这个表老是更新，想着用node写一个程序，每次数据部门更新直接跑一遍。直接上代码： const XLSX = require('xlsx'); const path = require('path'); const fs = r 阅读全文
使用Element-UI的form表单验证文件是否上传
摘要：
项目中有个需求，表单中的文件为必传项。 其中使用了element-ui的form表单验证，话不多说，上代码。 <template> <div> <el-form label-position="top" :model="reportForm" ref="checkerForm" :rules="ru 阅读全文
echarts绘制世界地图的时候显示南海诸岛的局部放大图
摘要：
ehcarts在绘制中国地图的时候，判断geo的map为china的时候会自动加上南海诸岛的局部放大图。 产品想在绘制世界地图的时候也加上南海诸岛，搞了半天没搞定，请教的同事搞定了。同事在此：简书ID：昊桐_260c。 解决办法就是把南海诸岛的地图数据直接放在注册的JSON里面。 { "geomet 阅读全文
使用JSZip库解压后台返回的Blob格式文件，并回显到element-ui的el-upload组件
摘要：
有一个报告列表，点击编辑的时候需要回显新建时上传的附件。后台提供了一个下载接口，但是会将所有上传的文件打包为一个压缩的blob。类似这种： let urlArr = []; urlArr = urlArr.concat(this.downLoadUrl.split(";")); this.$http 阅读全文
具有contenteditable属性的可编辑div模拟input的placeholder
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .editabl 阅读全文
vue项目运行内存不足 JS stacktrace
摘要：
因为node配置的环境变量默认是4096，如果vue项目过大，可能就会导致保存的时候，项目死掉。 解决办法： 1、我的电脑右键属性 2、搜索环境变量，点击编辑系统环境变量 3、点击环境变量 4、更改默认值 阅读全文
一次性搞懂JS字符串截取方法substring()、slice()以及substr()的用法和区别
摘要：
substring()和slice()都接受两个参数，“start”和“end”。 “start”表示截取的开始位置，“end”表示结束的位置（不包括该位置的字符，也就是前要后不要）。 如果不传参数，则返回字符串本身的一个副本。 如果只传一个参数，则从该位置开始，截取到字符串的末尾。 如果传递两个参 阅读全文