![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
个人笔记
狗狗狗狗亮
咸鱼
展开
-
vscode 自定义快捷代码片段
新建或者修改已有的html片段{ "scr1": { "prefix": "scr1", "body": [ "<script type=\"text/javascript\" src=\"$0\"></script>" ], "description": "<script type=\"text/javascript\" src=\"\"></script>" }, "scrb": { "prefix": "scrb".原创 2021-07-08 15:26:11 · 279 阅读 · 0 评论 -
使用ES6扩展运算符拷贝
一let a = {id :1}let b = {...a}console.log(b) // {id:1}a == b // false 二let arr = [1,2,3]let arr2 = [...arr]arr == arr2 // false三let oldArr = [ { id : 1 } ]let newArr = [...oldArr ]oldArr == newArr // false oldArr[0] == new原创 2020-12-14 14:26:01 · 412 阅读 · 0 评论 -
datav 轮播表
<template> <div> <dv-scroll-board :config="config" style="margin-left:1rem;width:95%;height:48rem" /> </div></template><script>export default { props:['AreaData'], data(){ return { config:{ .原创 2020-12-11 17:25:24 · 8527 阅读 · 9 评论 -
v-chart 地图
template<template> <div class="ring_box"> <div class="title_chart">各地区订单数</div> <ve-map :data="chartData" :settings="chartSettings" :visual-map="visualMap" height='45rem' ></ve-m.原创 2020-12-11 17:22:06 · 1172 阅读 · 0 评论 -
v-chart 饼图嵌套
template<template> <div class="histogram"> <ve-pie :colors="colors" :data="chartData" :settings="chartSettings" :extend='extend' height='24rem' ></ve-pie> </div></template>script<script> export de.原创 2020-12-11 17:18:35 · 928 阅读 · 0 评论 -
element select 数据量大卡顿
和上篇文章一样,医院8000多家。全部放在select的option里。会造成页面的卡顿。同时还需要过滤搜索数据。这里可以把数据分开,只展示200条。搜索方法使用提供的自定义搜索,搜索全部数据。select组件<el-form-item label="所属医院" label-width="100px" prop="hospitalIds"> <el-select v-model="AdduserForm.hospitalIds" filterabl.原创 2020-12-07 16:35:07 · 2338 阅读 · 3 评论 -
element table 数据量大页面卡顿
table显示医院列表,这里后台未做分页,总共数据大约8000条。一次性全部赋值给table整个页面都会卡顿好几秒。查看了请求接口到数据返回的时间为192ms,可以接受。应该是页面渲染的问题。这边就在前端做了分页处理。调用接口 // 获取医院列表 getHospitalList() { this.$api.Hospital.GetHospitalList().then(res => { if (res.status == 200) {原创 2020-12-07 16:28:49 · 7521 阅读 · 5 评论 -
uniapp小程序授权拒绝后,再次打开提示。
这里以摄像头权限为例:onShow() { uni.authorize({ scope:'scope.camera', success: (res) => { console.log('11111'); }, fail: (res) => { uni.showModal({ content:'检测到您没打开摄像头权限,是否去设置打开?', confirmText: "确认", cancelText:'取消', succes原创 2020-09-28 15:36:08 · 1140 阅读 · 2 评论 -
vue 局部过滤器获取不到this解决办法
data里面加个字段赋值this。<el-table-column property="sendLab" label="项目流向" width="*"> <template slot-scope="scope"> <span> {{ scope.row.sendLab | formataLab(that) }} </span> </template></el-table-column>这里用原创 2020-09-28 15:30:53 · 1915 阅读 · 1 评论 -
微信小程序使用腾讯ai识别身份证信息
这里我是在微信小程序中使用的。官方文档传送门正好小程序所有请求需要https协议的。这里使用的话,就可以直接去小程序后台页面,在开发配置中加入合法域名。请求参数如下图:app_id : 你腾讯ai账号的idtime_stamp: 取秒级别的时间nonce_str: 随机32位字符串sign: 这里是将其他所有参数,拼接起来,并将appkey放到最后一位,再通过MD5加密,再把...原创 2020-05-08 12:43:13 · 3321 阅读 · 0 评论 -
flutter vscode Android studio 安装
开始使用夜神手机模拟器,然后去下SDK,找来找去都没找到合适的。下了很多版本去试,都报错找不到。然后还是老老实实的跟着官网下个Android studio传送门这个安装包,在安装的时候没得SDK选项,如下图没关系,接者点下一步。直到后面会出现然后就出现了选择需要目录安装。flutter配置好环境变量控制面板 》 系统和安全 》 系统 》 左侧高及系统设置 》 环境变量...原创 2020-04-23 16:50:58 · 350 阅读 · 0 评论 -
vue cli3 区分环境配置url
官网描述你可以替换你的项目根目录中的下列文件来指定环境变量:.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入,但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略一个环境文件只包含环境...原创 2020-04-22 14:40:44 · 713 阅读 · 0 评论 -
ant-design-vue 中table行 绑定点击事件
目前在学习使用antd中,需求双击表格行显示pdf,在table中给customRow设置行属性 <a-table bordered :rowSelection="rowSelection" :columns="columns" :dataSource="data" rowKey="id" :customRow...原创 2020-04-20 11:13:23 · 13767 阅读 · 8 评论 -
antd vue table表格内容格式化
目前在学习使用ant-design-vue,遇到table内容需要格式化,如下面的性别和打印状态。操作如下columns中 { title: "性别", dataIndex: "sex", align: "center", width: 80, scopedSlots: { customRender: "sex" } }, { ti...原创 2020-04-20 11:06:00 · 6437 阅读 · 0 评论 -
vue中拖动元素边框改变宽度
效果图一个form表单(换成你自己需要拖动的模块),一个自定义的组件Xhandle。然后flex。在Xhandle里写入拖动方法,然后将拖动的值传递给父组件,并将宽度计算后赋值给需要拖动的模块。Xhandle代码如下:<template> <div class="x-handle" @mousedown="mouseDown"></div>&l...原创 2020-04-14 14:11:19 · 3470 阅读 · 1 评论 -
[].slice.call(arguments, 1)的含义
[]是js语法中创建一个新数组的意思,看如下代码:var a = [];var b = new Array();这两种写法并无二致。[]是一个数组,那么[].slice是它的一个方法,是一个函数。var a = [1, 2, 3, 4, 5];var b = a.slice(2);// b是a从2号位开始的片段// 也就是[3, 4, 5]在js中,函数本身也是一种对象,也是...原创 2020-04-08 12:19:49 · 3442 阅读 · 2 评论 -
Array的各种方法
concat() 连接两个或更多的数组,并返回结果。every() 检测数值元素的每个元素是否都符合条件。filter() 检测数值元素,并返回符合条件所有元素的数组。find() 返回符合传入测试(函数)条件的数组元素。includes() 判断一个数组是否包含一个指定的值。slice() 选取数组的的一部分,并返回一个新数组。some() 检测数组元素中是否有元素符合指定条件。f...原创 2020-01-15 11:28:13 · 134 阅读 · 0 评论 -
element form表单,自定义验证
以价格为例写好正则// 验证价格export function isPrice (s) { return /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/.test(s)}页面引入import {isPrice} from '@/api/utils/validate'const rulePrice = (rule, value, call...原创 2019-12-23 15:25:00 · 169 阅读 · 1 评论 -
for循环发送异步请求完成后再做其他操作
今天遇到一个情况。这边有个对象数组,需要循环post请求,在所有请求都完成之后,再发一个其他的请求。这里可以声明一个变量和数组长度来做对比。var i = 0var length = this.applyData.lengthfor (let index in this.applyData) { // 循环增加申请项目 let params = { sampleInfoI...原创 2019-11-27 09:33:51 · 2158 阅读 · 0 评论 -
axios post 404 但是 postman 正常
今天遇到这个问题,在获取token的时候。axios post 404, 但是 postman 正常获取到返回的数据,发现请求的返回404。路径都是正确的,参数也是正确的。后来发现是没有设置请求头。这边需要post formdata格式,添加了之后就OK了。要注意的一点是,我这边在获取token的时候,我把请求头里还加了个'Authorization': 'Bearer ' + tok...原创 2019-11-21 16:08:16 · 3920 阅读 · 0 评论 -
vue时间格式化过滤
Vue.filter('GMTToStr', function (value) { if (!value) { return 'N' } else { let date = new Date(value) let Str = date.toLocaleString('chinese', {hour12: false}) return Str }})...原创 2019-09-02 15:28:02 · 161 阅读 · 0 评论 -
vue cli 打包加时间戳
项目里用的Jenkins自动打包,上传了新的代码,但是没有编译最新的。在build文件夹下的webpack.prod.conf.js中添加时间戳之后解决了这个问题。原创 2019-08-26 16:12:39 · 3377 阅读 · 0 评论 -
element select 选取多条信息
绑定的change事件只能获取到一个string类型,又要id,又要name的时候可以采用这种方法。<el-select v-model="value" placeholder="请选择项目" @change="selectItem(value)" ><el-optionv-for="item in options":key="item.id":label="item....原创 2019-08-21 17:25:55 · 297 阅读 · 0 评论 -
button之外标签禁用点击事件
判断一个按钮是否禁用,发现小伙伴用是span标签写的。disabled 属性不能生效。发现可以通过添加css样式来禁用点击事件。pointer-events: none再给class动态赋值来判断是否添加这个样式,来禁用。...原创 2019-08-20 16:59:37 · 636 阅读 · 0 评论 -
element 表格分页同步currentPage
<el-pagination background class="bottom" layout="total, prev, pager, next" :page-size="pageSize" :total="total" :current-page.sync="currentPage" // 此处绑定 @current-c...原创 2019-09-10 10:43:26 · 1118 阅读 · 2 评论 -
微信小程序 ios平台 new Date 不兼容
new Date(‘2019-10-10 10:20:25’)转译这样的参数就会获取不到我们想要的格式。Date 对象用于处理日期与时间。创建 Date 对象: new Date()以下四种方法同样可以创建 Date 对象:var d = new Date();var d = new Date(milliseconds);var d = new Date(dateString);v...原创 2019-09-11 10:49:18 · 424 阅读 · 0 评论 -
微信小程序点击图片放大浏览
wx.previewImage({ current: '', // 当前显示图片的url urls: [] // 需要预览的图片url列表 , 至少包含一条})原创 2019-09-17 14:38:44 · 1928 阅读 · 0 评论 -
尝试mpvue小程序云开发
先搭建环境,根据需求自己设置vue init mpvue/mpvue-quickstart my-project切换到src目录下npm install 删掉不需要的页面,app.json里面修改路径配置npm run dev 如果需要记录小程序登录者的信息,可以在src / main.js 中加入wx.cloud.init({ traceUser: true...原创 2019-09-17 17:35:08 · 145 阅读 · 0 评论 -
git仓库恢复命令 --reset
reset命令:git reset --mixed默认方式,不带任何参数的git reset,即时这种方式,它回退到某个版本,只保留源码,回退commit和index信息git reset --soft回退到某个版本,只回退了commit的信息,不会恢复到index file一级。如果还要提交,直接commit即可git reset --hard强制彻底回退到某个版本,本地的源码...原创 2019-09-20 15:30:48 · 452 阅读 · 0 评论 -
节流防抖函数
// 函数节流function throttle (fn, gapTime) { if (gapTime === null || gapTime === undefined) { gapTime = 2500 } let _lastTime = null return function () { let _nowTime = +new Date() if ...原创 2019-09-24 17:37:40 · 291 阅读 · 0 评论 -
json-server的简单使用
在前端本地运行,可以存储json数据的server。就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务,自己产生测试数据。数据的增删改查功能都可以通过请求实现。安装npm install -g json-server查看json-server -v使用安装完成之后,我们就可以先创建一个json文件,如下图{ "addre...原创 2019-09-29 14:45:36 · 530 阅读 · 0 评论 -
根据对象数组中某个key值排序
sortbyKey (arr, key) { if (arr.length > 0) { return arr.sort((a, b) => { let x = a[key] let y = b[key] return y - x }) } } c...转载 2019-07-18 14:55:59 · 1422 阅读 · 0 评论