wtuvyps-优快云博客

原创 vue项目启动报错：eprecation Warning: Using / for division outside of calc() is deprecated and will be...

解决：执行npm install -g sass-migrator 进入node_modules路径执行sass-migrator division **/*.scss 成功启动啦~

2022-02-11 10:10:24 3200 2

原创 js 用递归计算1-100的和

递归，是指在函数的定义中使用函数自身的方法。所以，我们必须要找出递归的结束条件，不然的话，会一直调用自己，进入无底洞。也就是说，我们需要找出当参数为啥时，递归结束，之后直接把结果返回，请注意，这个时候我们必须能根据这个参数的值，能够直接知道函数的结果是什么。 function add(num1,num2){ let num = num1 + num2 //num = 3 //num = 6 //num = 10... if(num2>=100){

2022-02-09 15:21:31 3354

原创 js 数组常用方法reduce() 别只用forEach()啦

语法 arr.reduce(callback,[initialValue]) //callback的四个参数：pre,cur,index,arr //分别表示：上一次调用回调返回的值，当前被处理的元素，当前元素的索引，要处理的数组数组求和/积 let arr = [1,2,3,4,5]; // 数组求和 let sum = arr.reduce((x,y)=>x+y); console.log(sum); //15 // 数组求乘积 let mul = arr.reduce((x,y)=

2022-02-09 11:33:14 512

原创 js 时间处理方法（显示几天前几小时前几分钟前）

创建一个时间工具文件：DataUtil.js const DateUtil = {}; DateUtil.MINUTE = 1000 * 60; DateUtil.HOUR = DateUtil.MINUTE * 60; DateUtil.DAY = DateUtil.HOUR * 24; DateUtil.WEEK = DateUtil.DAY * 7; //时间转换到本地的天 DateUtil.toLocaleDateString = function(datestr) { let date

2022-01-24 13:44:23 1324

原创 js 数字格式化—转化为k w单位显示

评论数啊工资钱数啊经常需要对数字进行处理~ 单位转化为k（千）或 w（万）,并保留一位小数 1e3为10的三次幂=1000 1e4=10000 format(num){ if(num >= 1e3 && num < 1e4){ return parseInt(num / 1e3).toFixed(1) + 'K' } else if(num >= 1e4){ return parseInt(num / 1e4.

2022-01-20 17:05:37 2638

原创 vue 路由跳转页面不刷新的问题（不传参参数丢失）

使用this.$router.push跳转用query携带参数一开始在mounted里获取并赋值给变量 this.parameter = this.$route.query.parameter 然后 bug出现：只有第一次能获取到跳转参数之后再点击都不打印原因是第一次缓存后面再跳转都不再重新获取，需要用watch监听路由的变化获取参数改成这个就好啦~ watch: { '$route' (to, from) { // 在mounted函数执行的方法，放到该处

2022-01-20 11:34:25 646

原创 uni-app 常用路由与页面跳转

1.uni.navigateTo() 保留当前页面，跳转到应用内的某个页面，使用 uni.navigateBack() 可以返回到原页面 uni.navigateTo({ url: 'test?id=1'//多个参数通过&拼接 }); 在跳转页面通过onLoad接受参数 export default { onLoad(option) { //option为对象类型 console.log(option.id); } } 2.uni...

2022-01-17 11:01:44 537

原创 vue项目启动报错：Error: `sass-loader` requires `node-sass` ＞=4. Please install a compatible version

启动项目时报了很多错误一开始以为是Node版本不匹配node-sass或sass-loader的版本按项目里的其他小伙伴的配置 node从14降级到12 发现还是会报以下错误： Syntax Error: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version Failed at the node-sass@4.14.1 postinstall script. npm ERR

2022-01-17 09:52:27 4050

原创 uni-app 点击上传视频（文件、图片）

需求：点击按钮上传文件成功示例：显示文件名可重新上传给上传按钮定义onUpload事件 formData.content为我在data中定义保存文件的变量 <template v-if="formData.content!==''"> <view class="videoname"> {{formData.content.fileRealName}} </view> </template> <button

2022-01-14 17:30:13 2803 1

原创 uni-app 懒加载渲染数组数据（onReachBottom事件）

定义一个flag判断是否加载完所有数据用到uni-app内置的onReachBottom，触底加载下一页数据 text: onReachBottom() { if (this.finishLoading) { uni.showToast({ title: '暂无更多', icon: 'none', dura...

2022-01-13 17:33:51 1116

原创 uni-app 点击某按钮滑动到视图某一区域

需求：点击右下角评论图标界面自滑动至评论区域代码： ...html:添加点击事件 ...js:注册事件再放一下方法的text： scrollComment() { let scrollTop; //获取某元素距离顶部的距离 let query = uni.createSelectorQuery(); query....

2022-01-13 17:08:45 877

m0_62049404的博客