- 博客(21)
- 收藏
- 关注
RSS订阅原创 简短代码将列表生成树形菜单
确保原列表有id与pid, 并且有对应关系,通过递归生成树形菜单// 生成树菜单buildTree(list, pid) { let arr = [] for (let i = 0; i < list.length; i++) { if(pid == list[i].pid) { list[i].children = this.buildTree(list, list[i].id); arr.push(list[i]) } } return
2021-09-05 18:19:44
224
原创 手机充电动画css实现
<!DOCTYPE html><html><head> <title>手机充电动画</title> <style type="text/css"> * { padding: 0; margin: 0; } .box { width: 800px; height: 800px; background: #000; margin: 20px auto; padding-top:
2021-08-13 15:35:58
287
原创 实现截图上传功能
视图层加 v-on:paste 事件<div v-on:paste="onPaste"> </div>方法实现// 监听粘贴操作onPaste(event) { const items = (event.clipboardData || window.clipboardData).items; let file = null; if (!items || items.length === 0) { this.$message.error("当
2021-07-22 17:17:53
509
原创 小程序版本热更新
小程序版本热更新 /** * 检测当前的小程序 * 是否是最新版本，是否需要下载、更新 */ checkUpdateVersion() { //创建 UpdateManager 实例 const updateManager = wx.getUpdateManager(); //检测版本更新 updateManager.onCheckForUpdate(function(res) { // 请求完新版本信息的回调 if (re
2021-07-06 16:42:22
579
原创 简单刮刮乐实现
简单刮刮乐实现<!-- canvasdemo1.html --><!DOCTYPE html><html><head> <title>canvas</title> <style type="text/css"> .jiang { position: relative; width: 250px; height: 80px; font-weight: bold; text-alig
2021-04-26 15:30:21
161
原创 canvas绘制动态小球
canvas绘制动态小球<!DOCTYPE html><html><head> <title>canvas绘制动态小球</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <style type="text/css"> .inline { display: list-it
2021-04-24 15:47:20
186
原创 小程序跳转后返回当前小程序
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"> </scr
2020-09-09 18:15:30
765
原创 小程序通过将连接生成二维码
wxml:<view wx:if="{{postUrl}}" style="width: 200px; height: 200px;margin: 60rpx auto"> <canvas canvas-id="qrcode" width="200" height="200" class="qrcode" bindtap="showImage"></canvas> </view> <view wx:if="{{postUrl
2020-08-03 15:54:52
1186
原创 小程序返回首页
小程序返回首页onUnload:function(){ let pages = getCurrentPages().length - 1; wx.navigateBack({ delta: pages })}
2020-07-31 17:49:32
273
原创 Vs code用cssrem实现页面自适应
在扩展商店找到cssrem, 并安装Cssrem: Root Font Size 设置对应转换值,(如图: 75px = 1rem)修改完重启vs code如下图: 说明已生效
2020-06-05 16:09:28
719
原创 vue项目分类列表添加滚动条
传参形式:list: [{name: ‘新手’, url: ‘’}, img: require(’@/assets/menu/yd.png’)},{name: ‘会员’, url: ‘’, img: require(’@/assets/menu/hy.png’)},]<template> <div class="hall"> <div id="hallOne"> <div @click="click(item)" :key="in
2020-05-22 17:37:41
863
原创 按钮实现滑动效果
<template> <div class="goodsInfo"> <div class="detailsInfo"> <div class="testDiv ljjr" > <div class="xuanfu" id="moveDiv" @mousedown="down" @touchstart="down" @mousemove="move" @touchmove.p
2020-05-22 11:35:58
722
原创 checkboxGroup选择后实时传递已选择的数组
checkbox上绑定@change=“checkChange(item)”,其中item为当前checkbox对应对象data() { return { params: {}, checkList: [], //已选中数组 sltCount: '', //已选中数组的长度 }}methods: { checkChange(item) { if (item.checked) this.params[item.id] = { id: item.id, n
2020-05-18 10:11:19
825
原创 理解
Git简介https://backlog.com/git-tutorial/cn/http://blog.jobbole.com/111187/.Net APIhttps://docs.microsoft.com/zh-cn/aspnet/core/web-api/?view=aspnetcore-2.2EF Corehttps://docs.microsoft.com/zh-cn/e...
2020-04-09 09:40:52
139
原创 苹果系统不支持flyio中的finally
flyio处理同步请求时，不能直接使用Promise对象中的finally方法来处理总是执行的代码。苹果不支持flyio中的finally方法错误示范：new Promise().then(res => {…}).finally {// 此处在ios上会报错}正确示范:async test () {try {let res = await flyio.post(’’)}...
2020-04-09 09:33:10
346
原创 简短代码实现贪食蛇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>贪吃蛇重构</title> <style> body { display: flex; ...
2019-12-19 15:37:04
342
原创 阻止事件冒泡
调用stopPropagation()阻止事件冒泡<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script type="text/javascript"> function clickme(e) { // 阻止...
2019-12-19 15:30:38
167
1
原创 vant-swipe点击切换
<div class="zpfirst" @click="changeSwipe('up')"> <van-icon name="arrow-left"/></div><van-swipe class="swipeDiv" ref="swiper"> <van-swipe-item v-for="item in remakes" :...
2019-12-19 15:19:38
6217
4
原创 app跳转QQ
app跳转QQ<a class="lxkf" v-if="href" :href="href"><div>联系客服</div></a>this.href = "mqqwpa://im/chat?chat_type=wpa&uin="+111111111+"&version=1&src_type=web&w...
2019-12-19 13:05:48
438
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人