- 博客(51)
- 收藏
- 关注
RSS订阅
原创 vscode好用的前端插件和快捷键
用到好用的vscode插件，总结一下文章目录1.Material Theme主题2.Community Material Theme1.Material Theme主题这个主题可以设置tabs高亮提示，非常友好2.Community Material Theme主题的设置
2022-05-25 15:12:02
1160
原创 input框中的简单正则校验集合
正则校验输入框的值` 在做开发的时候经常会要用到正则校验，因为自带的校验满足不了业务需求基于项目需求，综合一下常用的正则验证文章目录正则校验输入框的值前言一、只能输入汉字、英文字符和数字二、只能输入数字和+、- 字符（用于电话号校验）待续前言例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、只能输入汉字、英文字符和数字val.target.value.replace
2022-05-15 18:18:06
2867
原创 vue-element-admin模板，由英文如何改为中文
如果想换成中文的，可以 在git终端里，切换分支到i18n。正常在官网下载到的都是英文版。
2022-09-16 09:42:56
3119
1
原创 数据可视化的echarts的常用设置
学习数据可视化就是在学习第三方的一些图表的操作，设置数据可视化大屏的操作越来越常见，我用的是echarts的，官方文档的设置太多了，一般也不怎么用全都用上，常用的设置自己做个汇总。
2022-08-22 16:06:45
1936
原创 Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendereddirectly
版本是6.3.0。
2022-07-15 14:25:20
1635
1
原创 Cannot find name ‘console‘. Do you need to change your target library?ging the ‘lib‘ compiler option
该命令是安装TypeScript助手的运行时库，包含所有TypeScript辅助函数
2022-07-08 11:57:05
657
原创 新增时动态增加表单和附件图片的上传
项目场景：本来是一个页面中只有一个附件和图片的上传，但是后来的需要改变之后，就变成了加入到能够动态的增加和减少的区域中了。那么如何动态的增加，就是一个问题了原因分析：动态的增加和减少时，一定需要获取他的数组下标来在编辑的时候回显出正确的附件和图片解决方案：1.起初在声明这个数组的时候，我还需要添加各个对象的值，但是后来发现根本不需要，直接不需要另外的声明，直接声明formData就行。data(){ return { formData: {}, }}2.数组的传递的值是
2022-05-27 10:00:01
460
原创 路径跳转的vue页面，作为组件被另外一个页面使用
项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes,
2022-05-24 09:57:40
1088
原创 form表单重复的校验规则，合并成一个方法
项目场景：项目中用到的很多的校验规则就是必填的提示校验信息，如果按照正常的来写，每次添加一条表单，就要重复的添加一条校验规则，而且校验规则提示的都是一样的内容例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStre
2022-05-23 11:51:35
1139
原创 复杂去重，根据数组中的对象的某一个key的value值相同去重对象数据
项目场景：在得到数据之后，需要对数组中的对象进行去重`解决方案：根据数组中对象的某个值进行去重，所在项目中，是根据数组对象中的storageHouseCode值相同，进行去重的。 unique(arr) { // 数组中对象去重 let map = new Map() arr.forEach((item, index) => { if (!map.has(item['storageHouseCode'])) {
2022-05-20 18:30:57
315
原创 vue路由传参,刷新页面，参数变成[Object object]
问题描述在项目中，调整路径经常需要携带参数过去常见的携带参数的方式，就是通过query和params的方式this.$router.push({ name: `test`, params: { a: 1, }})//或者this.$router.push({ path: `/test`, query: { a: 1, }})//接受参数this.$route.params.athis.$route.query.a原因分析：如果传递的参数
2022-05-18 21:22:52
2231
1
原创 后端返回下载地址url，前端如何下载文件
项目场景：后端返回的是个下载的地址url，前端点击按钮之后下载文件解决方案：创建a的下载链接，进行下载本项目中得到的返回的下载地址为httpAddress字段中的url值 downLoad(record) { if (record.httpAddress) { // console.log('record.httpAddress: ', record.httpAddress) const link = document.createElemen
2022-05-17 16:55:16
8198
3
原创 vue导出文件之后，wps能打开，而office不能打开的问题
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代.
2022-05-14 10:38:05
1222
原创 vue后台管理-编辑不了的问题，使用this.$set()
项目场景：点击某一行的编辑的时候，获取到值，但是修改不了的问题例如：在项目中有时间回显的问题。但是直接赋值之后，不能再次修改原因分析：打印出来时间的值，发现能编辑时间的地方和不能编辑时间的地方的值的格式不同，原因是：vue没有监听到数据，所以修改不了解决方案：提示：这里填写该问题的具体解决方案：使用this.$set()去设置，就可以监听到，就能够修改新的值了...
2022-05-14 10:30:34
675
原创 vue校验，多个组件中的多个表单校验
问题描述问题：多个子组件中点击提交按钮时候，要校验多个表单的必填项是否填写解决方案：提示：获取三个子组件的实例对象，然后通过refs的校验属性，校验所有表达 submit() { // let form1Ref = this.$refs.weightInputRef.$refs['formRef'] // let form2Ref = this.$refs.unloadInputRef.$refs['formRef'] // let form3Ref =
2022-05-06 16:53:52
2377
1
原创 vue导出数据为文件excel，后端返回的是文件流
导出数据记录为excel：问题：导出数据记录为excel。后端返回的是文件流，前端接受之后，点击导出可下载到本地为excel文件，可打开。解决方案：解决：1.前端在请求的时候，接受文件格式设置为：application/octet-stream2.请求接口设置接受的数据格式为blob3.在点击导出按钮的时候请求接口exportData() { const that = this this.$confirm({ title: '确定要导出数据吗?',
2022-05-05 10:04:48
2229
原创 联动选择下拉框a-select涉及的问题
项目场景：问题：三个a-select中，虽然是分开的，但是还是要有依赖，后一个的选择依赖于前一个的选择。在初始化获取数据的时候，能够获取到一个tree型结构的数组。每一个对应得到选择的值里面有第二个下拉框的所有内容，第二个对应的值中有第三个下拉框的所有值问题描述描述项目中遇到的问题：根据第一个下拉框的选择的值，第二个下拉框的值是在第一个选择之后才出来，并且第一个重新选择的时候，第二个要被清空，不然数据不对照解决方案：解决：1.第一个下拉框的值，初始化的时候获取到并显示出来。2.点击第一个
2022-04-27 10:26:42
1118
原创 vue一个页面多个组件，点击提交同时保存三个组件所有表单值（二）
项目场景：需求：一个页面多个组件，点击提交同时保存三个组件所有表单值。场景：一个页面的表单太多分为三个页面来提交，每个页面都有保存和提交的按钮。要求每个页面如果不同的人填写的话，点击当前页面的保存或者提交按钮，三个组件中的所有表单都会被提交。类似下面这种问题描述提示：如何在每个 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer
2022-04-27 09:53:54
2669
1
原创 v-if和v-show的真实案例使用（一）
v-if和v-show的真实使用感受需求：一个页面有单个tab栏，需要在点击每个tab栏底部的保存或者提交按钮的时候，保存三个页面的所有表单的内容。问题：刚开始使用v-if 没找到问题，后来打印了每个组件的实例，发现每个tab栏页面的实例没有拿到，没法提交所有表单。解决：使用v-show的 判断展示当前页面，点击某个提交页面的时候能够提交三个tab栏页面的所有表单数据。这种页面，每个页面都有保存和提交的按钮。需要在点击的时候，保存三个组件的所有表单。使用v-show，和refs拿到组件的
2022-04-19 11:55:11
339
原创 nodejs的安装步骤教程
本机环境：win10进入node官网下载安装包，https://nodejs.org/en/双击打开安装包，开始安装一直点击next步骤安装，中间不用选择任何。中间会有安装文件的位置，建议不要修改位置，默认安装位置即可直到安装完成，点击finish安装完成之后按 win+R 在命令行窗口输入cmd然后node -v 检测node的版本，即为安装成功。...
2022-03-02 21:15:25
343
转载 谷歌浏览器中的收藏夹在电脑上的位置路径
平时chrome会更新，或者误删除，里面收藏的很多有用的网址就找不到了，其实这些网址在电脑上都被放在了一个文件夹中，找到这个文件夹就能备份一份，以备不知之需。参考文件就是这个地址的内容谷歌浏览器的本地收藏夹在什么位置？...
2022-03-01 21:02:30
2829
原创 webpack的基础使用（二）
需求分析1：在使用webpac打包的时候，只要修改了一点点代码就需要自己手动在重新打包，非常麻烦。能否进行自动打包，只要修改代码，程序就自动打包？自动打包的插件 下载、使用：下载：npm install webpack-dev-server -D修改 package.json -> scripts 中的 dev 命令如下："scripts": { "dev": "webpack-dev-server" },将 src -> index.html 中，script 脚
2022-02-11 17:10:14
381
原创 webpack的基础使用（一）
webpack基本概述webpack 是一个流行的前端项目构建工具（打包工具），可以解决当前 web 开发中所面临的困境。 webpack提供了友好的模块化支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大的功能，从而让程序员把工作的重心放到具体的功能实现上，提高了开发效率和项目的可维护性。webpack的安装、配置、使用安装：npm install webpack webpack-cli -D配置1：在根目录创建webpack.config.js的配置文件module.exp
2022-02-11 16:05:10
306
原创 查看安装的Python版本
第一种：用win+R打开运行窗口，输入cmd，打开命令行窗口，输入python -V 即可查看版本第二种：在开始中搜索python可以查看第三种：打开python自带的编辑器IDLE，即可查看
2021-06-11 12:00:25
2131
6
原创 连续签到功能
为了吸引客户流量，所以开发这个功能。需求：用户登陆之后，连续签到五天之后，能领取到三天的会员奖励 。设计图下这里可以用循环出来五天的数据，分三种状态：未签到的，已签到，待签到的三种情况。如果没有连续签到五天，则领取3天会员的按钮会显示任务未完成弹框，会员不能领取。前端实现思路：1.进入页面获取初始数据（初始数据和后端协商，应该包括：是否可领取奖励的字段，总共签到的天数，是否完成连续签到，签到记录（是数组类型））2.根据签到记录来处理 渲染设计图上的签到记录列表如果记录的数组为空，未签到。用
2021-06-08 09:25:20
1039
原创 uniapp vuex中背景音乐播放+暂停（跳转页面不暂停）
第一种方式：放入main中第二种方式：放入vuex中管理由于我们的vuex是模块化的管理，所以是单独的文件，新建的bgm.js文件const debug = process.env.NODE_ENV == 'development' ? true : falseconst bgm = uni.createInnerAudioContext();bgm.src = 'https://vod.qiniu.ayousi.cn/lq5Af14ZKVj3MmzcFFmcX0qlF7Yx'bgm.loo
2021-05-19 16:53:45
1637
原创 uniapp 全局背景音乐播放+暂停（跳转页面不暂停）
最近需要一个功能 是在h5中播放小游戏的背景音乐，但是跳转界面之后音乐不暂停，就是跳转多个页面之后，音乐依然在播放，在游戏界面会有设置的静音的按钮，可以开启音乐和关闭音乐。这相当于全局的背景音乐播放事件，所以肯定是放入到全局的vuex或者是main.js刚开始是放入main中的，一直测试不行，跳转页面的时候总是会重新加载一下音乐，导致，跳转页面之后会听到两个音乐都在播放，而且，在设置后点击暂停音乐也是不起作用。后来我放入了vuex中，刚开始是把创建的音频实例放入方法中，点击暂停之后总是不起作用，捣鼓了
2021-05-19 16:36:36
5237
2
原创 判断 预售活动-抢购按钮的不同状态和文字
按钮状态的判断，显示不同的状态和文字。活动未开始和进行中以及活动结束，三种状态的按钮变化在返回的数据中会有创建时间（开始时间）和结束时间，用时间来判断按钮是否可用，以及显示按钮中的文字和颜色 computed: { //是否在报名时间内 canReg() { let { start_time, end_time
2021-05-14 12:53:21
283
原创 复制粘贴功能 ：H5或vue或uniapp
1.原生的浏览器复制方式，一般都是在浏览器上使用单独定义一个h5-copy.js文件。用于复用 复制粘贴功能h5-copy.jsexport default function h5Copy(content) { console.log(content); if (!document.queryCommandSupported('copy')) { // 不支持 uni.showToast({ title:'您当前的应用环境不支持自动复制内容......', icon:'no
2021-05-04 11:56:13
295
原创 地址栏中的参数 转码和解码
点击图片—进入新的页面，并携带参数。但是发现在地址栏携带的参数 是被转码了，是一个百度网盘的链接，，被转码之后的链接，不能直接在浏览器中打开，所以需要解码用的是encodeURIComponent 和 decodeURIComponent（转码和解码）原因直接在文末，可直接跳转到最后查看另外：escape 和 unescape（escape()函数用于js对字符串进行编码。）escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集
2021-04-27 16:45:13
2125
原创 Error in render: “TypeError: Cannot read property ‘banners‘ of undefined“” 渲染错误问题（render是渲染时候报错的）
【vue踩坑】Error in render: “TypeError: Cannot read property ‘banners’ of undefined”” 渲染错误问题（render是渲染时候报错的）页面显示都是正常的，但是就是一直报错哦。后来仔细看了看是在渲染的时候出错的，通过同行们的解答，发现是对象中的层级太多（有三级），返回的数据中有一个属性是对象，对象中还有个数组是banners。在渲染的时候没有读到banners，所以报错。本来是想着在渲染的时候通过**v-if=“goods.de
2021-03-24 10:28:58
665
原创 使用mockjs模拟生成数据 不用等后端接口啦
最近发现mockjs用来模拟假数据是一个大大减少了联调时间的一件事情。真是太赞了先上效果图：以下都是使用mockjs随机生成的数据1. 在vue项目中 安装mockjs。。官网有安装教程，在此就不赘述了，地址：mock官网 -安装教程npm i mockjs2. 在main.js中引入mockjs注：在自己写界面的时候可以引入，但是在前后联调的时候 ，直接注释就可以了。import '@/mockjs/index.js'3. 新建mockjs文件夹 —>新建index.js（当然了
2021-03-13 10:45:10
413
原创 css 图片只显示中间部分 居中显示
在项目中要做移动和pc端的适配，所以图片需要居中显示，不论窗口如何变化，始终显示中间部分的图片。这个是图片在pc端，宽度为100%时显示的如果图片宽度100%，放在移动端看，就会很小，显示的是一整张图片，不符合需求。经过css的设置，使得图片可以显示中间部分。这个是图片在移动端显示。。能使图片在移动端显示图片的中间部分思想：第一种：采用图片在div盒子中，盒子宽度100%,给一个高度，让图片使用 相对定位+transform 移动。第二种：使用图片做背景图片，使用背景图片的backgrou
2021-03-03 10:28:23
5205
原创 html中引用element组件
在做官网时，需要用到一些组件中的东西，比如轮播图，，所以想到了用elementUI放入html中。。以此来使用该UI组件一下就是引用elementUI在html中的步骤，仅供参考在所需页面，先引入vue.js，然后 在引入element的js文件，，最后引入element的样式文件，这样就可以在html中使用了 <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"&
2021-02-06 10:13:40
5503
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人