JavaScript
文章平均质量分 57
gavin.liao
乐于分享
展开
-
vue export default 和 export const的使用
vue的经常会见到 export const 和export default 这两个,都可以用于从模块中导出函数、对象或原始值,以便在其他文件中可以使用,他们的区别在于1、export default 一个文件中只能有一个,名字叫默认导出2、export const一个文件中可以有好多个,名字叫命名导出一、先来看看export default的定义和使用,我在components文件夹下创建了一个自定义组件ProductList.vue,里面只有export default,代码如下<scr原创 2022-02-11 18:38:41 · 14959 阅读 · 0 评论 -
uniapp dragball(浮动球)页面第一次加载点击事件不触发问题解决
一、原因dragBall.vue组件中的touchend方法判断click事件触发条件有问题,导致click事件没有触发,经测试,这一问题只在安卓中存在,苹果手机没问题,涉及dragBall.vue组件源码如下修正前修正后即修改以下3个判断非单击事件条件的值,直到可以触发click事件为止,真机调试可以将条件值alert出来1、this.endTime - this.startTime2、Math.abs(this.move.x)3、Math.abs(this.move.y)这里我只将.原创 2022-02-11 16:34:19 · 1198 阅读 · 0 评论 -
vue自定义组件
有时我们会频繁的用到某段同样的html、js、cs代码,比如电商项目的商品列表,很多页面都需要展示,为了减少复制粘贴操作,减少冗余代码,可以封装成自定义组件提高代码复用性一、创建自定义组件在components目录下创建ProductList.vue,内容如下<template> <div> <h1>{{name}}</h1> <div v-for="item in productList"> .原创 2022-01-14 15:40:55 · 691 阅读 · 0 评论 -
js抽奖发红包算法(奖项权重+金额范围随机,支持小数)
文章目录前言一、抽奖需求1、抽奖金额权重2、金额要取奖项范围的随机值二、算法实现1、计算用户中了几等奖2、生成相应奖项的随机金额3、抽奖写在最后前言近期需要为平安普惠公众号开发一个抽奖发红包的需求,在抽奖页面的下方需要滚动展示用户中奖信息,如下图所示由于活动参与的人数多,并发量高,为了减轻服务器的访问压力,决定前端用js算法来随机生成用户中奖记录。一、抽奖需求1、抽奖金额权重1~200元,中奖概率为20%,记为一等奖0.5~1元,中奖概率为20%,记为二等奖0.3~0.5元,中奖概率为6原创 2021-02-19 13:45:41 · 1604 阅读 · 0 评论