![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
应用场景
让时光到此为止。
诚外无物,自强不息。
展开
-
Recorder开启手机录音功能并将录音保存本地
在 index.html中引入cdn 中的script代码: <script src="https://cdn.jsdelivr.net/gh/xiangyuecn/Recorder@latest/src/recorder-core.js"></script> <script src="https://cdn.jsdelivr.net/gh/xiangyuecn/Recorder@latest/src/engine/mp3.js"></script>.原创 2022-04-11 13:02:46 · 2109 阅读 · 0 评论 -
阿里云 oss多文件上传
平时在做 oss 上传时,通过都是单个文件上传,但是前几天工作时涉及到多个文件的上传,在所有文件都上传完成后才能再做后续的代码执行。于是在原有的oss上传基础上添加for循环去挨个上传。介绍一下,oss 的上传可以有两种:一种是把所有的文件上传给后端,由后端去传到阿里云oss上,这样不涉及到向后端获取accessKeyId 和bucket等,没有key泄露的风险(适用于C端客户)。一种是向后端调接口获取key等数据,存储在本地,需要的时候调用就可以了,key值设置失效时间,一段时间过后,再向后端获取原创 2020-06-05 13:30:48 · 7183 阅读 · 0 评论 -
在 vue中使用 html5 的 drag和 drop 拖拽功能
导读: 我们现在用的框架是vue,提倡的是尽量不操作dom,而 html5中的 drag 和 drop 是拖出当前选中元素,再放到设置了dragover的目标元素中,不符合vue的理念,而且操作dom改变目前布局也不利于我们去保存数据,所以经过我不懈的努力,想到了个一个既不操作dom又能实现拖拽的功能。一、回顾 html5 可拖拽 drag和drop需要注意的是,需要被拖动的元素必须要设置 d...原创 2019-11-29 13:32:26 · 12357 阅读 · 2 评论 -
【elementUI】el-table 展开行默认关闭或打开
第一种方式: 使用 :default-expand-all=“isExpand”优点:方便,简单,页面初始化的时候给 delfault-expand-all 赋值展开或关闭缺点:不能手动操作 <el-table :data="titleShineData.dataList" class="table-reset" size="sm...原创 2019-07-31 13:07:00 · 11132 阅读 · 1 评论 -
【百度商圈】选中的商圈定位到地图中心点
有时,在我们查找商圈时,或者选中商圈时,需要把 商圈定位到地图的中心点,方便查看:// 定位商圈,使商圈定位到地图正中 handleSelect (val) { // 查找符合条件的商圈 let over = overlays.filter(overlay => { return overlay.tradeName === val.tradeName })[0]...原创 2019-07-25 12:40:51 · 435 阅读 · 0 评论 -
【百度商圈】清空地图上显示的商圈
清空商圈:使用 removeOverlay()函数// 清空所有商圈 clearAll () { for (let i = 0; i < this.overlays.length; i++) { this.map.removeOverlay(overlays[i]) } overlays.length = 0 },...原创 2019-07-25 12:32:54 · 185 阅读 · 0 评论 -
【百度商圈】百度商圈功能
先看一下效果:蓝色边框浅白底的,就是商圈,右上角是用来制作商圈的工具,当然,你也可以不使用工具,在页面初始化时显示商圈是否添加商圈关闭后:<!-- 地图控件 --><div class="as-scheduling-toolbar"> <el-form> <el-form-item label="是否添加商圈:"> ...原创 2019-07-25 12:30:46 · 1253 阅读 · 0 评论 -
Uncaught (in promise):r
ddd原创 2019-07-24 12:40:08 · 359 阅读 · 0 评论 -
el-table 合并单元格
在做需求的时候,我们总是能遇到各种各样奇葩的需求… o(╯□╰)o但是呢,依然挡不住一颗探索的心呐!先上展示效果。需求是这样的:在前端上传文件后由后端解析成数据再传回前端做展示,但是传到前端的数据呢,是一行一行的,但是有些单元格却是需要合并,因此,后端会返回两个数组,一个数组是数据,另一个数据是需要合并的单元格格式,如图:CellsdataTable 是后端返回的数据行Merge...原创 2019-07-17 12:56:50 · 8369 阅读 · 2 评论 -
el-table type="selection" 默认选中
在使用 element-ui 的 el-table 时,每行的 复选框默认是不选中的,但是需求要求它选中 O(∩_∩)O哈哈~第一步: 在 el-table 中加ref 属性,它在vue中相当于是id的存在。 ref=“fileTable”<el-table border ref="fileTable" :data="fileUploadData" class="tab...原创 2019-07-17 12:34:19 · 24177 阅读 · 12 评论 -
el-table 自定义表头(下拉框或标签)
在做文件上传之后,回显的时候,表格的标题需要用下拉框做自定义映射。效果如下:第一步: 在 需要下拉框的 el-table-comlum 中添加 :render-header="modelRenderLastHeader"<el-table border ref="fileTable" class="table-reset" align="center...原创 2019-07-19 13:20:29 · 5236 阅读 · 2 评论 -
el-table 获取复选框索引
<el-table border ref="fileTable" :data="fileUploadData" class="table-reset" size="small" :row-class-name="tableRowClassName" @selectio...原创 2019-07-18 12:58:10 · 2846 阅读 · 0 评论 -
前端webpack打包构建优化
一、 打包cssuglifyjs-webpack-plugin 打包css 工具 换成 optimize-css-assets-webpack-pluginechart 和 vue 库 从生产环境移除,改为index.html中引入包font-awesome.min.css 文件单独从 index.html 中引入超过 900行的代码进行文件分离tree 组件将ts 改回 js 因为递...原创 2019-06-04 12:27:08 · 913 阅读 · 0 评论 -
vue + elementUI 树形菜单的递归组件
应该很多同学都会灵活的使用递归吧,相信大家用的一定 66 的… ╰(°▽°)╯很多朋友写vue 组件也是66的。 ╰(°▽°)╯但是今天,我们把它结合起来,做一个 vue 的递归组件…一、需求:一个不知道会嵌套多少次的树形菜单,如果用 if 一层一层往下判断的话那真是要了命了,不灵活不易维护不说,还最容易出错。比如像下面这种树形结构:如果里面有九层十几层,我们也需要一级一级的判断吗...原创 2019-04-28 13:02:18 · 8818 阅读 · 9 评论