
前端
JS Lover
在工作中,不断总结经验,把前端开发的经验分享出来,希望对你有帮助!
展开
-
【Html显示/隐藏、Html赋值、Html给switch组件赋值】
【代码】【Html显示/隐藏、Html赋值、Html给switch组件赋值】原创 2023-05-08 21:50:33 · 382 阅读 · 1 评论 -
【vue开发基础】vue组件如何使用v-model进行数据交互
之前面试的时候,碰到一个面试题,要求是手写一个组件要使用v-model进行数据绑定,请看下面代码,相信你一看就懂。原创 2023-03-03 11:07:25 · 1036 阅读 · 0 评论 -
【vue开发基础】之wangeditor富文本编辑器
【vue开发基础】之wangeditor富文本编辑器原创 2022-07-08 11:00:51 · 1637 阅读 · 0 评论 -
【vue开发基础】之拖拽组件
【vue开发基础】之拖拽组件原创 2022-07-08 10:45:07 · 473 阅读 · 0 评论 -
【vue开发基础】之过滤器
【vue开发基础】之过滤器原创 2022-07-03 22:15:48 · 157 阅读 · 0 评论 -
【vscod插件】vscode好用的插件 谁用谁知道
【vscod插件】vscode好用的插件 谁用谁知道原创 2022-01-17 15:13:56 · 783 阅读 · 0 评论 -
【git使用】之首次提交代码到git(详细教程)
【git使用】之首次提交代码到git(详细教程)原创 2022-01-13 10:48:37 · 24359 阅读 · 0 评论 -
【uni-app】uniapp微信小程序授权登录(详细总结)
第一步:获取code<button class='bottom' type='primary' open-type="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="wxGetUserInfo">授权微信</button>uni.getUserInfo({ provider: 'weixin', success: infoRes => { this.userInfo.原创 2021-01-25 17:57:01 · 13727 阅读 · 14 评论 -
【uni-app】uniapp实现复制内容到剪切板,实现ctrl+c功能(五)
uniapp复制功能,话不多说直接上代码uni.setClipboardData({ data: e, // e是你要保存的内容 success: function () { uni.showToast({ title:'复制成功', icon:'none' }) }})执行完成后,你使用ctrl+v就能得到你刚刚复制的内容啦~~...原创 2021-05-24 14:58:58 · 8126 阅读 · 0 评论 -
【uni-app】uni-app之APP推送uniPush篇(七)
APP推送使用的是uniPush1.前往开发者中心进行厂商配置2.修改应用信息如何使用公用证书,应用签名直接使用下发框框里面的(温馨提示:需要在打包的情况测试)3.Hbuilder里面需要在manifest.json的App模块配置,勾选上Push4.登录的时候登录uniPushuniPush() { //#ifdef APP-PLUS this.isOpenAuthority() //监测是否开启了通知权限 var info = plus.push.getClientInfo(原创 2021-06-01 15:53:50 · 1081 阅读 · 0 评论 -
【vue开发基础】之使用阿里巴巴矢量图标库
【vue开发基础】之使用阿里巴巴矢量图标库原创 2021-12-31 11:41:02 · 757 阅读 · 0 评论 -
【CSS】块级元素转成行内元素,行内元素转成块级元素
/* 元素 => 块级、行内元素 --- 通用 */ display:inline-block; /* 行内元素 => 块级元素 */display:block;/* 块级元素 => 行内元素 */display:inline;/* 行内元素 */<a>、<b>、<u>、<span>、<img>、<input>、<strong>、<select>、<sub>、原创 2021-12-28 13:48:08 · 2913 阅读 · 0 评论 -
【uni-app】云开发的增删改查CRUD(个人封装)
【云开发】读取操作const db = uniCloud.database()//创建数据库连接db.collection("user").get()//获取数据表的信息 .then(res => { console.log(res) this.userInfo = res.result.data[0]}) .catch(err => { console.log(err)})【云开发】更新数据 const db = uniCloud.database() db原创 2021-12-20 18:04:29 · 1260 阅读 · 0 评论 -
【vue开发基础】之Vue实现导入导出文件功能(基于饿了么UI)(二)
1.导入文件(使用elmentui的上传组件)<el-upload drag :limit="1" action="https://jsonplaceholder.typicode.com/posts/" ref="upload" accept=".json" :fileList="fileList" :on-success="onSuccess" :on-remove="onRemove"> <i class="el-i原创 2021-12-17 11:48:19 · 803 阅读 · 0 评论 -
【JavaScript】JS如何添加自定义对象的key(三)
JS如何添加自定义对象的key原创 2021-12-17 11:37:39 · 3054 阅读 · 0 评论 -
【uni-app】Tabbar显示数字/红点的方法(十)
uniapp Tabbar显示数字/红点的方法原创 2021-12-16 16:20:03 · 4192 阅读 · 0 评论 -
【uni-app】uniapp云开发(使用js完成前后端,全栈不再是梦)(九)
uniapp 云开发云开发的好处:云开发小程序,不需要自己部署接口,也不需要配置域名,更不需要配置Https~学会了云开发 你也是全栈工程师,话不多说请看教程 ↓↓↓↓↓uniCloud地址:https://uniapp.dcloud.io/uniCloud/README云开发的云函数增删改查uniapp项目创建后:第一步:创建云空间第二步:关联你创建的云空间第三步:封装增删改查云函数封装完后,记得上传到云空间上传后,就可以在云空间里查看到第四步:前往云空间创建数据库地原创 2021-11-05 11:15:29 · 1295 阅读 · 0 评论 -
【我的组件】我开发的组件示例(已发布至uniapp插件市场)
1.自适应可滑动tab组件插件地址:https://ext.dcloud.net.cn/plugin?id=6338原创 2021-10-19 16:45:51 · 206 阅读 · 0 评论 -
【vue开发基础】之Echart在vue的使用,重载echart动画加载(一)
使用clear方法重载let getchart = echarts.init(this.$el, 'echart-line')getchart.clear()let option = {}getchart.setOption(option);使用详细:https://mp.weixin.qq.com/s/gAlZFuWvrqeQStA-zXH_yQ原创 2021-07-15 17:25:17 · 1248 阅读 · 0 评论 -
【uni-app】uniapp中微信小程序APP使用mqtt(vue同理)
MQTT(消息队列遥测传输)是ISO 标准(ISO/IEC PRF 20922)下基于发布/订阅范式的消息协议。它工作在 TCP/IP协议族上,是为硬件性能低下的远程设备以及网络状况糟糕的情况下而设计的发布/订阅型消息协议,为此,它需要一个消息中间件 。uniapp使用mqtt的步骤如下:第一步引入mqtt.min.jsmqtt.min.js下载地址:https://download.youkuaiyun.com/download/qq_43576866/19662387?spm=1001.2014.3001.5原创 2021-06-21 18:29:50 · 5505 阅读 · 4 评论 -
【JavaScript】JS去重的方法(由复杂到简单,亲测有效)(二)
JS去重的方法:1.常规去重let list = [0,1,2,3,2,1,0,4]let arr = []for(let item of list){ if(arr.indexOf(item) == -1){ arr.push(item) }}===> arr = [0,1,2,3,4]2.快速去重let list = [0,1,2,3,2,1,0,4]let arr = [...new Set(list)]===> arr = [0,1,2,3,4]Th原创 2021-06-09 17:43:44 · 519 阅读 · 0 评论 -
【uni-app】uni-app封装组件详细教程(Vue同理)
第一步:新建一个组件,命名为item.vue(命名只是举例)HTML部分:<template> <view class="content"> <view>{{item}}</view> <view @click="indexClick(index)">{{index}}</view> <view>{{str}}</view> <view>{{title}}</view&g原创 2021-04-25 00:42:59 · 5235 阅读 · 0 评论 -
【uni-app】uni-app子组件调用父组件的方法(vue同样适用)(三)
<view @click='backHome'></view> //子组件<dev @backHome='back'></dev>//父组件 dev自定义的组件名称//子组件this.$emit("backHome",e); //backHome父组件的方法,e要传递的参数//父组件back(e){ console.log(e) //e是传过来的参数val}不懂的话,可以在评论里问~...原创 2021-04-22 16:00:05 · 2306 阅读 · 0 评论 -
【JavaScript】JS取余及取商
JS使用合集一js中获取余数,取商,一般用于一些特定循环的数据中,例如:你要得到(0,1,2,3)==》这个使用取余即可实现var num = 4%3; //取余console.log(num); //1var num = 7/3; //取商console.log(num); //2...原创 2021-01-24 21:59:06 · 21854 阅读 · 0 评论