- 博客(135)
- 收藏
- 关注
RSS订阅
原创 JavaScript基础知识：文章汇总
JavaScript基础知识：Object对象JavaScript基础知识：数据类型JavaScript基础知识：日期和时间JavaScript基础知识：函数进阶(一)JavaScript基础知识：函数进阶(二)JavaScript基础知识：函数进阶(三)JavaScript基础知识：对象属性配置JavaScript基础知识：原型继承JavaScript基础知识：Class 基本语法(一)JavaScript基础知识：Class 静态属性和静态方法(二)JavaScr
2021-02-24 13:52:37
120
原创 关于＜input type=“file“/＞两次上传同一文件不显示
pc端上传视频，使用input type=file 封装了个组件，但是发现上传一个视频，删除它，然后重新再上传此视频没反应，解决：删除视频时把input value 值置空。
2023-06-07 16:12:34
462
原创 javaScript - 循环内多种情况的条件判断写法
js循环数组中的条件判断：(一) 不符合条件的项，可以使用continue跳过本次循环，（二) 使用if条件判断直接对符合条件的项处理
2023-02-07 14:26:25
728
原创 微信小程序 -- tabbar需要登录才能看的页面
一、问题“我的”页面，需要登录才能进入，点击跳转登录页，但是跳转判断写在onshow中会出现，如果我不想登录了，点击左上角箭头返回，会出现反复跳登录的情况；解决： 在"我的"页面，监听点击tab事件，未登录，跳转登录；onshow中switch到首页二、解决 onShow: function () { if(!this.data.hasToken){ wx.switchTab({ url: '/pages/tabbar/home/index',
2022-07-20 13:35:31
1958
原创 uniapp小程序打包问题：wxss文件中有所有公共css中的样式
uniapp小程序打包问题：wxss文件中，有所有公共css中的样式，导致主包代码过大
2022-05-18 14:06:19
3148
原创 vue3 + elementPlus 上传图片
vue3 + elementPlus 上传图片，上传单张和多张图片，上传多张图片时，超过限制，隐藏上传按钮
2022-05-16 16:25:12
19793
11
原创 解决 “Uncaught SyntaxError: Unexpected end of JSON input”
解决Error in mounted hook: "SyntaxError: Unexpected end of JSON input"
2022-05-12 16:09:13
4825
原创 uniapp中swiper-limited-load组件的使用
一、问题在uniapp中使用swiper-limited-load组件，会遇到一个问题，就是滑到第一项或最后一项时，重新设置current值不生效的问题原因分析：1）@change中重新赋值current要在this.$nextTick中调用赋值函数2）@change绑定的函数中要再次重新为current变量赋值二、代码<swiper :style="{height:scrollH+'px'}" :current="swiperCurrent" :duration="dur
2022-03-30 21:26:57
872
3
原创 uni.showModal不好使
一、代码uni.showModal({ title:'确定操作', content:'吧啦吧啦一大段文字', cancelText:'暂不切换', confirmText:'我已知晓,确认切换', success: (res) => { if(res.confirm){ }else{ } }})二、问题使用 uni.showModal 弹出，配置了确定和取消按钮的文字和颜色，然后点击按钮触发modal,没反应删除自己配置的确定和取消按钮文字，发现好
2022-03-29 10:14:31
3017
原创 uni-app小程序通过webView给h5页面传参
一、问题描述小程序部分页面使用H5（例如关于我们）， 但需要传小程序版本号，通过url传参，但实际并未获取到；多番百度后，发现原来是因为使用navigate跳转时，url是有长度限制的，uniapp文档里也有介绍；所以需要使用 ·encodeURIComponent 和decodeURIComponent进行编码和解密后才行；二、解决办法// 1. navigate跳转时，对参数进行编码goto(){ let url = BASEURL + `/aboutUs.html?version=$
2022-03-23 11:55:13
2023
原创 uniapp 返回上一页传参
// 当前页uni.$emit('query' , { paramsName : value});uni.navigateBack({ delta:1})// 要返回的页onShow: function() { uni.$once('query' ,(query)=>{ console.log('带回来的参数：', query) });},参考文章：https://www.cnblogs.com/luyj00436/p/15211947.html...
2022-03-04 15:13:13
1047
原创 uniapp如何引入自己新建的scss文件
一、问题自己新建一个scss文件，在app.vue中引入，结果uni.scss中的变量没生效二、解决
2022-03-03 13:43:14
1544
原创 ElementPlusError: [ElPagination] undefined
自己封装的分页组件，控制台一直警告：ElementPlusError: [ElPagination] undefined
2022-02-25 10:33:14
3825
原创 elementPlus动态表单项显示和增减、清空表单问题
elementPlus 表单项动态渲染，表单项的prop如何绑定、rules如何设置(required动态)，涉及多张图片上传如何设置，详细见本文。。。
2022-01-26 11:10:43
4011
原创 vue3组件内侦听多个props变化
侦听reactive用() => prop.name侦听多个用数组() => [props.name, props.id ]setup(props, context) { watch(()=> [props.pid, props.pname], (newValue, oldValue) => { console.log(`原值为${oldValue}`) // 原值为7,同城 console.log(`新值为${newValue}`) // 新值为1,汽.
2022-01-24 11:49:41
2941
原创 微信小程序 - 如何监听globalData 变量的变化
一、app.js中定义watch函数onLaunch() { // ...},watch:function(method){ var obj = this.globalData; Object.defineProperty(obj,"hasToken", { configurable: true, enumerable: true, set: function (value) { this._hasToken = value;
2022-01-07 11:32:55
2431
2
原创 如何判断对象为空
一、JSON.stringify()// !obj判断为null 或undefined的情况if(!obj || JSON.stringify(obj) === '{}') return;二、ES6语法// !obj判断为null 或undefined的情况 if(!obj || Object.keys(obj).length === 0) return;参考文章：https://blog.youkuaiyun.com/weixin_42166007/article/details/87395099
2022-01-07 09:46:30
478
原创 微信小程序 iPhoneX底部安全区域（底部小黑条）适配
先看图：借用一下网上的图，来详细解释下：自定义tabbar，代码实现tabbar采用定位，使用 top值 来决定tabbar显示onLoad: function () { var statusH = wx.getSystemInfoSync().statusBarHeight; // 状态栏高度 var safetop = wx.getSystemInfoSync().safeArea.top; // 安全区域距离顶部高度 var safeH = wx.getS
2022-01-06 11:04:23
1657
原创 Canvas实用库收藏
一、流程图gojs英文文档：https://gojs.net/latest/index.html中文文档：https://gojs.net.cn/samples/index.html一款可以非常方便的开发交互式流程图、组织结构图、设计工具、规划工具、可视化语言的JavaScript图表库。butterfly一个基于JS的数据驱动的节点式编排组件库，同时适用于React/Vue2组件。丰富的DEMO，开箱即用全方位管理画布，开发者只需要更专注定制化的需求利用DOM/REACT/VUE来
2022-01-06 09:22:01
599
原创 SASS用法
一、基本用法变量：使用 $ 开头$blue: #1875e7; div { color: $blue;}如果变量要嵌入字符串：必须写在#{}中。$side: left;.Rounded { border-#{$side}-radius: 5px;}二、计算功能$width: 30;div{ width:$width * 10%;}三、嵌套div{ &:after{ }}四、关于注释// 注释 单行注释只保留在scss源文件中，编译后省略；/
2021-12-29 10:46:22
448
原创 关于节流和防抖
一、防抖（debounce）1.概念对于短时间内连续触发的事件，防抖就是为了处理这种事件而产生的函数，规定在一定时间内，只执行一次函数比如说连续点击按钮触发的事件、监听窗口的滚动事件二、节流（throttle）根据防抖的思路，只要用户不停触发，那么事件就会一直不触发，如果希望无论用户是否持续触发，一段时间后，都执行这个事件函数，就用到了节流。节流函数：类似控制阀门一样定期开放的函数，也就是让函数执行一次后，在某个时间段内暂时失效，过了这段时间后再重新激活三、应用场景搜索框in
2021-12-22 14:08:46
372
原创 微信小程序审核未通过的 “N” 种原因
第一版第一次：打开就是登录页，不行；第二次：通过第二版第一次：不让提交，让我到基本配置中，完善 “用户隐私保护指引设置”；第二次：说我的页面设计社交，要补充社交-社区/论坛类目；第三次：说我 “无具体运营内容” ，我的页面需要参数，无参数为空状态，这也不行，我就提交了反驳；第四次：结果反驳无效，又说我 “无法完整体验功能”，好吧，我投降了，增加了进入页面的默认参数；第五次：恩。。。这把说我服务包含 “UGC功能场景”，让我接着配置、完善；第六次：终于通过了，但又进入了二次审核中，原因是官方
2021-12-17 17:13:34
1919
原创 微信小程序瀑布流
需求：两列瀑布流。其中的卡片中内容有图片、文字内容、投票，这三项中并非共存的，有投票优先显示投票、其次有图显示图，没有显示文字。有图片，就会涉及图片高度计算的问题。思路：分左右两个数组。遍历全部的数组，将其放入左右两个数组高度之和小的那一侧。难点：由于图片宽固定，高度加载后重新计算(加载后没等重新计算图片高度，就已经遍历推入左侧或右侧了)，导致左右高度之和计算不准确 。难点解决： 使用 async/await 等待图片加载完计算高度后，再推入左侧或右侧一、微信小程序代码代码主体.
2021-12-08 17:01:24
1657
原创 CSS - 元素背景模糊
一、backdrop-filter 用法backdrop-filter CSS 属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。backdrop-filter: none;/* 指向 SVG 滤镜的 URL */backdrop-filter: url(commonfilters.svg#filter);/* <filter-function> 滤镜函数值 */backdrop-fil
2021-11-18 10:06:21
701
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人