- 博客(259)
- 收藏
- 关注
RSS订阅原创 安装tsc，command not found: tsc 找不到该命令
一般出现这种情况是由于没有配置对tsc的环境变量导致的。配环境变量也有些麻烦，用npx就可以解决这个问题。1、先初始化 tsc。2、查看是否安装成功。
2022-08-31 18:07:23
5142
原创 el-form的二次封装，el-form嵌套使用
背景：公司项目的每一个页面基本上都有el-form。而且不同的el-form里面有部分el-form-item是相同的，于是就想把这部分相同的el-form-item封装成一个el-form即组件d2-page-form。为什么要封装成一个el-form？d2-page-form是页面原来的el-form的子组件。在封装组件A的过程中，又想到了把el-form二次封装，这样就可以满足页面中不再写el-form、el-form-item的html代码了，直接封装一个组件，给组件传入对应的属性就可以了。....
2022-08-26 11:40:00
2206
原创 软考高项案例分析
一、案例分析概述经典案例分析按内容分：1、找茬题2、理论知识题3、计算题按题型分：1、问答题2、判断题、选择题、填空题案例分析基本答题规则：建议先看子题目，了解考的是什么知识域的内容，再读题干文字。对于计算题，要写出公式和主要计算步骤。对于问答题，要采取列点的方式写出要点，一条一个采分点。答案要注意归纳和提炼，用词要尽量简洁、要使用专业用语。严禁长篇大论。 6. 字迹工整，卷面整洁，不超出答题红框范围。把控时间，全面做题案例分析破解之法案例分析找茬题解题思路：先从五
2022-04-21 18:02:17
2151
原创 微信小程序上传体验版本，提示“85045：ext_json 有不存在的路径”
问题：我是原生小程序开发，当我设置小程序分包之后，再上传体验版本，就一直提示85045：ext_json 有不存在的路径。上传之前没分包的版本，就没事，于是把问题锁定分包的配置问题。ext_json 有不存在的路径，我怀疑是文件没加载完全，怀疑与组件按需加载有关。解决方式：取消了组件按需加载，即 app.json 文件中 “lazyCodeLoading”: “requiredComponents” 删除，取消组件按需加载之后，分包中的文件路径也可以加载进去了，上传小程序体验版本不报错了，具体原因可以
2022-03-15 17:08:13
965
原创 下载excel流文件及设置下载文件名
1、引入import axios from 'axios'const FileSaver = require('file-saver')2、具体实现handleDownload (id) { this.$loading({ text: '正在下载，请稍后...' }) axios({ url: `xxxx`, // 后端url地址 timeout: 10000, method: 'get',
2021-11-25 14:48:22
870
原创 var、let、const的区别以及js变量、函数提升
JavaScript 中的 Var，Let 和 Const 有什么区别var、let、const 区别？JavaScript变量提升和函数提升详解理解ES6中的TDZ（暂时性死区）ES6 附带的功能之一是添加了let和const，可用于变量声明。 它们与var有何不同？在本文中，我们将讨论var，let和const的作用域，用途和变量提升，并指出它们之间的差异。首先，总结一下它们的异同：var声明是全局作用域或函数作用域，而let和const是块作用域。var变量可以在其范围内更新和重新声明
2021-11-21 23:36:31
723
原创 项目开发流程
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-10-19 17:47:00
169
原创 js 给数组原型对象添加方法
实例1：给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含删除重复条目后的新数组function delRepeat(arr){ var subarr = []; for(var i=0; i<arr.length; i++){ if(subarr.indexOf(arr[i]) == -1){ subarr.push(arr[i]); } } return su
2021-09-10 17:26:22
2685
原创 vue 下载导出table为excel
1、安装npm install file-saver xlsx --save-dev2、下载导出组件<template> <el-button type="primary" icon="el-icon-download" @click="getConfig">下载</el-button></template><script>export default { name: 'd2-export-csv', props: {
2021-07-27 16:41:46
518
原创 Vuex和Vue-router
VuexVuex 基本概念stategettersactionsmutation用于 Vue 组件dispatchcommitmapStatemapGettersmapActionsmapMutationsVuex
2021-06-10 18:53:38
343
原创 （二）Vue 组件使用
props 和 $emit组件间通讯 - 自定义事件组件生命周期props 和 $emitindex.vue<template> <div> <Input @add="addHandler"/> <List :list="list" @delete="deleteHandler"/> </div></template><script>import Inpu.
2021-05-28 10:49:54
120
1
原创 （一）Vue 基本使用
指令、插值插值、表达式指令、动态属性v-html ：会有 XSS 风险，会覆盖子组件<template> <div> <p>文本插值 {{message}}</p> <p>JS 表达式 {{ flag ? 'yes' : 'no' }} （只能是表达式，不能是 js 语句）</p> <p :id="dynamicId">动态属性 id</p>
2021-05-20 16:14:37
299
原创 小程序连接蓝牙流程
目前踩过的坑：微信需要打开蓝牙设置，并开启蓝牙，部分安卓手机需要打开手机定位。android手机接收的蓝牙数据包不超过20个字节，但ios基本上没有限制。setBLEMTU方法在 nova 7上不能使用，一直报 internal fail 错误。因为本次需要蓝牙传输的数据比较多，android手机一次只能接收到一半数据，需要再次进行设备的蓝牙数据传输按钮，才能获取到全部数据。但是ios接收到全部数据。 openBluetoothAdapter() { let that = this.
2021-04-22 10:27:17
1256
6
原创 使用input上传图片至七牛
<input type="file" accept="image/jpg" @change="getPositiveImg" class="input-upload" />getPositiveImg (el) { let file = el.target.files[0] this.type = 'positive' this.beforeUpload(file) }, async beforeUpload (file) { ..
2021-01-11 11:50:07
266
原创 小程序页面滚动到底部，使用scroll-view scroll-into-view失效问题
场景需求：咨询问题时，每次收到新的消息或发送消息后页面自动滚动到底部使用scroll-view组件， 设置scroll-into-view 在底部写一个容器并且设置id 在js data中定义toView并设置默认值底部容器id<scroll-view scroll-y="true" scroll-into-view="{{toView}}" scroll-with-animation="true" wx:if='{{doctorInfo}}' class="inquiry-swiper
2020-12-08 15:59:35
2016
原创 使用element-ui 的上传组件upload完成自定义上传到天翼云oss云服务器
首先配置天翼云，如下操作1、要求在使用 OOS 之前，首先需要在 www.ctyun.cn 注册一个账号（Account）。 创建 AccessKeyId 和 AccessSecretKey。AccessKeyId 和 AccessSecretKey 是您访 问 OOS 的密钥，OOS 会通过它来验证您的资源请求，请妥善保管2 使用方式<!—引入本地资源--><script src="./oos-sdk-x.x.x.min.js"></script>
2020-11-23 16:53:42
1555
3
原创 vue canvas 签名组件，base64格式转图片，上传七牛
组件代码：<template> <div> <div id="canvas" ref="canvas"> <div id="clearCanvas" ref="clearCanvas" @click="clearSign">清除</div> <!-- <p id="saveCanvas" ref="saveCanvas">保存</p> --> </div&.
2020-10-30 19:28:49
1313
原创 vue 前端遍历循环使用异步
this.$httpV2.post(`/cl-wechat/wechat/cp/welcome/messages/external/user?wechatAppId=${this.config.wechatAppId}&typeGroup=${this.typeGroup}`).then(async res => { let list = _.get(res, 'data', []) this.pagination.total = list.leng...
2020-09-02 18:51:40
1707
原创 小程序使用canvas绘画、签名。wx.canvasToTempFilePath安卓机生成图片背景色为黑色
最终结果如图所示：注意：这里使用了两个canvas，所以有关canvas的配置要配置两个。利用具体实现代码如下。利用wx.canvasToTempFilePath生成canvas图片时，记得fileType为'png',这样生成图片背景色为透明色，以适应安卓机生成图片背景色为黑色的问题。<van-tabs active="{{ active }}" animated color="#007EFF" tab-active-class='tab-active' bind:disabled=.
2020-07-01 10:31:12
3761
2
原创 el-date-picker选择时间格式化[00:00:00,23:59:59],选择当日及之前时间
<el-date-picker v-model="form.date" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" class="width-200" :picker-options="pickerOptions"> </el-date-picker>//选择当前及之前时间 pickerOptions: { disabledDate (time) { ...
2020-06-10 19:05:28
4075
原创 小程序配送时间、自提时间组件
配送时间组件参考：https://www.jianshu.com/p/d95f0fade2f5自提组件设计如下：index.wxml<view bindtap='chooseTime' >自提时间{{storePickupTime}}</view><van-popup show="{{ showTime }}" bind:close="onCl...
2020-06-02 10:23:12
2246
1
原创 JS判断数组对象中所有属性是否为空
我们平时提交表单的时候 需要用户填写所有信息 judgeObjectComplete(ObjectValue) { let flag = new Boolean() flag = true for (let key in ObjectValue) { if (ObjectValue[key]) {} else { flag = fals...
2020-04-28 16:10:26
10878
1
原创 vue 使用swiper 获取activeIndex
1、installnpm install swiper vue-awesome-swiper --save2、页面具体代码<template> <div class="container-box"> <div class="slogan-box"> <img src="../assets/images/cpjs_b...
2020-04-21 19:50:07
5887
原创 H5 页面横向滚动条隐藏不起作用
参考：https://blog.csdn.net/lwang_IT/article/details/81206414?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3&utm_source=distribute.pc_relevant.none-task-bl...
2020-04-08 15:31:11
787
原创 Element UI 上传图片组件（支持多传和单传），报错Cannot set property 'status' of null
使用组件页面代码：<d2-upload v-model="form.uploaderUrlArray" :limit="5" accept=".png,.jpg,.jpeg" multiple />组件代码，我这里图片是上传到七牛服务器的。注意fileLIst是只读的，不能修改。我们这里使用uploadList来保存我们需要改动的数组，否则报错Cannot set prope...
2020-03-24 15:35:23
2669
2
原创 Element-UI el-table 多选，多选数据删除后数据回显
详情图：选择药品-》删除已选择药品<template> <div> <el-button type="primary" icon="el-icon-plus" plain @click="dialogVisible=true">选择药品</el-button> <el-dialog title="选择药品" :vi...
2020-02-05 23:04:33
2205
原创 element-ui table 多页 单选数据回显；多选数据回显
单选：注意row-key、:reserve-selection="true"<template> <div> <el-button type="primary" icon="el-icon-plus" plain @click="open" size="medium">选择商品</el-button> <el-dial...
2020-01-20 10:42:31
1827
转载 vscode设置vue属性多了格式化不换行
问题描述：vue有很多属性的时候，vscode格式化会自动换行，每个属性占一行，看起来很难受解决方法：首先打开vscode的 》文件 》 首选项 》设置搜索vetur.format.defaultFormatter.html ，下面有个下拉框，选择js-beautify-html (PS:需要你先安装这个插件)点击左侧三个点 选择打开setting.json，加入如下代码，然后...
2019-12-31 11:51:15
8127
6
转载 Moment之 计算日期相差多少天
一、计算俩日期相差多少天//获取当前时间let m1 = moment();//获取需要对比的时间let m2 = moment(time);//计算相差多少天 day可以是second minuteday = m2.diff(m1, 'day');二、当前日期往后加多少天moment().add(30, "days").format('YYYY-MM-DD HH:mm:...
2019-12-16 16:32:37
18818
转载 判断一个对象是否为空
ES6新增的方法Object.keys():Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组。如果我们的对象为空，他会返回一个空数组，如下：var a = {}Object.keys(a) // []我们可以依靠Object.keys()这个方法通过判断它的长度来知道它是否为空。if (Object.keys(object).leng...
2019-12-16 16:16:04
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人