- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue，js获取两个数组交集，并集，补集，差集
3.对于字符串类的数组，如：arr1 = [{id:‘1’,name:‘红’},{{id:‘2’,name:‘蓝’}]2.或使用filter方法和includes组合使用得到并集,交集,差集。4.对于字符串类的数组，这里的案例是在el-select中使用反选。1.对于简单的数字/字符串类的数组。
2023-04-14 17:17:17
4408
1
原创 使用el-tooltip展示el-select多选项collapse-tags collapse-tags-tooltip
使用前提是el-select选择后展示后端返回的数组并且禁用状态下collapse-tags-tooltip失效。而且el-select有宽度高度限制1.话不多，直接上代码<el-tooltip class="box-item" effect="dark" :content="(contForm.jdxwList).join(',')"
2022-05-27 16:32:52
5595
原创 前端面试题以及平时碰到的小问题
随便写随便看，随时补充，有不对的地方请指正1.解决图片和文字并行，居中对齐答：vertical-align:middle2.rgba和opacity的区别答：rgba作用于元素自身或者背景色，子元素不继承透明度opacity：作用于元素自身以及元素的所有内容3.js的数据类型基础数据类型：undefined null number bolean string aymbol引用类型：object array function4.delete和vue.delete删除数组有什么区别答：del
2021-10-26 18:02:54
252
原创 时间戳转换成时分秒
1.一般还是用于倒计时var s = this.time;//转换时间（s转时分秒）let hour = parseInt(s / 3600); //小时let minutes = s - hour * 3600;let minute = parseInt(minutes / 60); // 分钟let second = minutes - minute * 60;if (hour < 10) { hour = '0' + hour}if (minute < 10) { m
2021-09-18 14:28:57
3103
原创 倒计时:xx天xx时xx分xx秒
1.时间转换，时间戳转换成时间xx天xx时xx分xx秒；var dayeach = 60 * 60 * 24;var days = parseInt(s / dayeach);var give1 = s - days * dayeach;var houreach = 60 * 60;var hours = parseInt(give1 / houreach);var give2 = give1 - hours * houreach;var minutes = parseInt(give2 /
2021-09-18 14:24:09
247
原创 uniapp写抽奖转盘
1.今天写一个抽奖转盘样式如下，抽奖结果由后端控制2.代码如下，<view class="choujiang"> <view class="wheel-wrapper"> <view class="wheel-pointer" :class="{freeze: btnImg}" @click="onClickRotate"> <image :src="btnImg" style="width: 150upx;" mode='widthFix'>
2021-09-17 16:15:32
3353
原创 html页面引入公共页面，背景音乐，动态改变主题色
原生写一个灵活性很强的项目，后端通过生成二维码进入页面，可以用做公众号，项目引入vue.js和jq.js。问题一：底部导航样式如下，在底部导航里面引入各个页面，同时解决ios不兼容iframe的问题问题二：根据后端接口获取页面主题色问题三：加入背景音乐并对音乐进行暂停（ps:暂时没有做到停止音乐后，再次打开后无法从停止的地方继续播放，只能重新播放）所有问题在footnav.html页面中进行解决问题一：1，样式如下，跟app的底部导航一眼2.单独创建footnav.html页面，在里面写样式
2021-09-10 16:12:26
615
原创 参数组合数据{“id“:“2“},例如{“39“:1,“11“:2}
1.写一个店铺多个商品购买，数量不一样，需要组合数据goods_data: "{"36":1,"38":3}"我这边的数据key是商品id，值是数量2.组合数据方法找到数据中当前点击的数据，使用forEach方法，声明一个空对象，放数据let goods_data = {};that.goodsList.forEach((item,index)=>{ item.goods.forEach((items,indexs)=>{ goods_data[items.id] = ite
2021-07-29 14:09:40
108
原创 uniapp防连续点击出错
1.这里总结一个防止连续点击出错的解决方法在你的项目中创建一个common文件，跟page平级，在common文件里面创建一个common.js,在js文件里面写下以下代码以下可以复制，可根据截图对比，复制整理代码。// 防止处理多次点击function noMultipleClicks(methods, info) { // methods是需要点击后需要执行的函数， info是点击需要传的参数 let that = this; if (that.noClick) {
2021-07-28 15:32:58
2836
5
原创 uniapp写小程序，分享
1.uniapp写小程序，分享事件，使用的文档在uniapp官网里面搜索onShareAppMessage，我这里使用的是小程序自带的右上角三点分享按钮2.onShareAppMessage与onLoad是同级，如果是单独页面有分享，可以单独在vue页面里面写。注意的是return里面，我使用that不管用，即便我在我上声明let that = this,分享时候会报错，找不到自定义的内容，改成this以后可以。这个是分享给wx朋友的内容3.如果分享朋友圈使用 onShareTimeline，
2021-07-27 14:57:24
420
原创 uniapp写小程序无法上传less文件
1.第一次用uniapp写小程序，lang=less,样式在运行时候是可以的，但是最终上传代码时候单独的less文件无法上传，查了才知道小程序不识别less，需要将less编译成wxss。解决方法如下2.npm或者yarn全局安装wxss-clinpm install -g wxss-cli3.运行wxss-cli命令（src为小程序的目录）wxss ./src4.运行查看less文件被编译成wxss文件，且转化不可逆。我的文件转变后我放less文件的里面，有原本的less，也有转化后的wxss，
2021-07-27 14:44:50
559
原创 uniapp背景音乐管理
1.效果是退出当前页面或者后台运行app时候音乐照常播放，但是不能在其他页面切换歌曲或者暂停，音乐列表自动循环，播放完所有歌曲自动停止2.我的歌曲列表自定义的3.音乐列表代码，样式就不放了4.先在onload里面获取一下背景音乐的API，不知道的可以看uniapp官方的文档 uni.getBackgroundAudioManager()5.事件，先获取音乐列表，并椎动操控数据，往里面添加isshow控制播放和停止的图标，time控制音乐的时间，目前时间从0开始，播放完会展示播放了多久，播放下一首
2021-03-20 12:04:00
1554
原创 uniapp解决多个视屏会同时播放的问题
1.这是我的视屏列表2.点击播放时点击上一个播放中，在点击下一个播放，上一个视屏不会暂停，这个问题解决办法如下3.这样编译到手机上也管用
2021-03-20 11:41:03
1083
2
原创 mac hbuilderx 运行到微信小程序或者运行npm创建的app项目报node-sass异常
1.第一次碰到这种问题很懵，因为电脑上装有node也配置有sass，不懂为什么会出现这种错，错误如下Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):02:01:43.383 ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):02:01:43.390 Error: Missi
2021-03-04 09:59:28
1042
2
原创 uniapp外链h5网页带参数，并返回App
1.首先我这里能从外部返回是因为我的项目中外链的H5网页我有原代码2.在说从uniapp项目中进入外链，首先点击事件，先进入一个新的vue页面3.参数添加如下，链接使用web-view这个标签，不懂可以到uniapp官网查看4.从网页返回，直接在网页添加返回键a标签，使用如下几种方法即可...
2021-02-19 14:49:36
1846
原创 uniapp前端解决跨域问题
1.问题在于上传图片，前端写的没有问题，后端写的在后端的线上也可以测试，但是前端请求就是报跨域错误解决问题：1:在uniapp项目中找到manifest.json，找到h5配置，更改如下2.更改过然后找到源码视图，找到h5的相关配置把devServer的加上，然后target里面是跨域的请求接口，如果多个跨域，就一次增加proxy，当然里面的api命名不能一样，记得更改，然后最后重新运行测试3.如果你封装了api请求接口，那么需要在你的js中写上4，重新运行项目你就发现问题解决了，当然如果你
2021-02-07 15:03:48
3404
1
原创 uniapp使用set方法操作返回数据
1.简单举例子uniapp使用set方法往数据中添加对象例子：需要传入周几的多选的字符串，未选中的样式2.选中的样式3.首先在data中声明两个数组4.在template中写，记住在点击事件中传index值5.以上是基础，这一步开始写点击事件6.下面看一下console.log(that.weekly)的结果即便取消其中的一个，也可以正确显示7.结果出来，但是后端要的参数是这样的，cycle:‘1,3,4’,字符串形式，那么我们做一下处理,直接 arr.toString(
2020-08-06 17:18:41
4280
原创 uniapp把简单的周几的数字形式转成中文
1.由于前期上传周一到周日的数字形式，所以后端直接返回1，2，3，4，5，6，7 字符串的数据，但是需要前端渲染成一下的形式，所以需要前端做处理2.返回数据，首先把字符串截取称数组，console.log一下截取后的数组3.在data中声明一个新的数组4.然后对两个数组进行对比，让返回的数据等于声明数组对象中的id5.声明另外一个空数组，满足条件往空数组中添加name，就得到我们想要的结果，最后在页面内进行循环渲染就ok了注：只使用简单的周期渲染...
2020-07-29 10:20:01
1416
原创 max使用git管理代码
一.打开终端查找项目文件，并进入项目文件，如若是拉取新的项目，要创建一个新的文件夹1.终端输入cd+地址进入项目文件，例如文件在桌面上 cd ~/Desktop 先进入桌面，在cd 文件夹名字2.克隆仓库git init 先初始化临时仓库git clone 仓库地址3.克隆后进行配置 username和password，可以用邮箱，然后输入git的登陆密码Username for ‘https://gitee.com’:Password for ‘https://XXXXXXXXXXXXX@g
2020-07-24 17:32:22
378
原创 uniapp中子组件调用父组件的事件
1.首先在父组件的methods中定义事件函数2.在父组件引入子组件的地方v-on绑定menthods中写下的initData()事件3.这里我需要在子组件的事件中调用父组件的事件4.这样就可以放心食用了
2020-07-07 16:48:00
3909
原创 uniapp更改组件默认样式
1.当前页面style中加上 /deep/2./deep/后边加上你在element中找到的class名字3.这样就可以更改了
2020-06-08 10:45:15
6719
原创 uniapp扩展组件popup弹出层增加侧边弹出
1.下载popup组件，并引入项目中，具体步骤看官网2.找到popup.js定义的type，加上自己需要的侧边弹出3.找到uni-popup.vue文件，在mothods中本来定义的弹出层样式，增加自己定义的弹出层类型的样式3.1先看人家原本的3.2在基础上增加我们自己的写的4.然后在uni-popup.vue下面的style中增加样式在这里插入图片描述5.效果是这样的，样式不太好看，可以在引入的页面下面的tyle更改6.好了，这样就可以正常使用了...
2020-06-08 10:40:33
3909
3
原创 uniapp引入vant
踩坑实践1.下载hbuilder或者hbuilderX中创建一个默认模版的项目2.在项目中创建一个文件叫wxcomponents，注意这个文件和page文件平级3.打开https://github.com/youzan/vant-weapp，找到4.下载以后，解压，找到文件中的dist文件，把它复制到我们创建的wxcomponents文件，重新命名为vant5.然后我们在page.json中全局配置一下6.然后我们就可以在页面中使用了7.然后运行发现报错了,报错原因是应为font
2020-06-04 00:18:54
18633
25
原创 uniApp写弹窗子组件—显示隐藏并传值
照常不都说，上步骤1.父组件中创建子组件并引入2.父组件methods中控制弹窗子组件显示3.弹窗子组件中4.弹窗子组件接收值5.弹窗子组件中使用传过来的值，当然你也可以改变this指向另存一下6.在弹窗中点击差号或者取消或者提交后关闭弹窗，一律用this.$emit(‘父组件中的事件’)调用父组件中的事件即可7.这样一个简单的弹窗组件就完成了...
2020-06-02 17:32:59
3329
原创 uniApp获取input文本框中的值
1.写文本框2.data中定义一个reameks和addRemarks3.在methods中写事件4.在上面是我onInput事件中console.log中可以看到输入的值，在addok事件中要传参数使用v-model绑定的remarks5.效果是这样的6.好了这样就可以使用了...
2020-06-02 17:16:55
14371
1
原创 uniapp写好友列表
不多说，上图1.2.重要的就是数据中的 isShowList:falsedata() {return {dataList: [{id: 1,groupNmae: “高中同学”,num: 8,sum: 200,isShowList:false,chirder: [{id: 11,name: “lili”,content: “朋友还就不见”,time: “2020-05-29”}]}, {id: 2,groupNmae: “闺蜜”,num: 2,sum: 10,isS
2020-05-29 18:39:55
1538
4
原创 vue项目配置vue-cli
配置vue-cli1.全局安装node.js及环境配置https://nodejs.org根据需求下载，最好下载长期支持版本。下载以后cmd打开（mac版本找到实用工具中的终端打开即可）查看node.js版本 用 node -v2.安装淘宝镜像（1）window版本下载淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org（2）max下载淘宝镜像 sudo npm install -g cnpm --regist
2020-05-25 23:29:12
468
原创 vue+iview，DatePicker时间选择器默认当前月（1号到今天)
vue+iview，DatePicker时间选择器默认当前月（1号到今天)](这里写自定义目录标题)欢迎使用Markdown编辑器1.页面写法2.在data中要定义model绑定的数据3.写自定义事件，一定要在mounted中进行初始化4.这样就可以使用了新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Ma
2020-05-16 17:01:14
3225
原创 vue+iview中DatePicker使用
解决iview中DatePicker使用问题1.管理系统中的时间筛选样式2.vue+ivew中的使用，用v-model绑定数据3.data中要声明4.对时间进行处理（项目公用文件中要有配置）5.请求数据是传入参数6.最后要在搜索自定义事件中调用即可...
2020-04-28 18:58:17
3094
原创 vue+iview跳转页面并传值
table表格中render的Button添加点击事件，并获取当前id-----跳转并传值-----再跳转页面根据传的值请求数据1.父组件的写法
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人