- 博客(50)
- 收藏
- 关注
原创 微信小程序,使用css的颜色渐变透明色时,不同手机系统实现有差异。
当使用渐变透明色时,应该设置为rgba(255,255,255,0)白色透明,避免使用transparent透明属性,这样写法,在不同手机系统,实现会有差异。
2022-07-28 10:30:16
1192
1
原创 split()方法传入正则,可以拆分多个分割符
const list = "apples,bananas;cherries"const fruits = list.split(/[,;]/)console.log(fruits); // 输出结果:["apples", "bananas", "cherries"]
2022-03-11 15:35:59
406
原创 封装Object.prototype.toString.call()
function getType(value) { let type = typeof value; if (type !== 'object') { // 如果是基本数据类型,直接返回 return type; } // 如果是引用数据类型,再进一步判断,正则返回结果 return Object.prototype.toString.call(value).replace(/^\[object (\S+)\]$/, '$1');}getTyp.
2022-03-11 11:21:33
722
原创 vue中的hook用法。
定时器的使用方法:这是我们常用的使用定时器的方式export default{ data(){ timer:null }, mounted(){ this.timer = setInterval(()=>{ //具体执行内容 console.log('1'); },1000); } beforeDestory(){ clearInterval(this.timer); this.timer =
2022-03-02 15:50:50
804
原创 computed计算机属性如何实现传参。
// html<div>{{ total(3) }}// jscomputed: { total() { return function(n) { return n * this.num } }, }
2022-03-02 15:26:15
358
原创 watch监听一个对象时,如何排除某些属性的监听
下面代码是,params发生改变就重新请求数据,无论是a,b,c,d属性改变data() { return { params: { a: 1, b: 2, c: 3, d: 4 }, }; },watch: { params: { deep: true, handler() { this.getList; }, }, }.
2022-03-02 15:21:12
1886
原创 微信小程序 保存图片功能
uni.authorize({ scope: "scope.writePhotosAlbum", success: (success) => { // 保存图片到本地 this.saveImg() }, fail: (fail) => { uni.getSetting({ success: (setting) => { // 不允许保存 if (settin.
2022-02-26 16:04:21
500
原创 获取字符串中某个字符出现的次数
var s = 'www.jb51.net';var n = (s.split('.')).length-1;alert(n); //弹出2
2022-02-15 11:14:41
321
原创 css实现内容滚动,不显示滚动条。
html代码<div class="outer-container"> <div class="inner-container"> ....1111111111111111111111111111111111111111111222222222222222222222222222222222222111111111111111111111111111111111111111111122222222222222222222222.
2022-02-14 14:18:34
638
转载 获取上个月、当前时间和下个月
function getXmonthToday(type) { // type 0 是当天 -1 是上个月 1是下个月 var now = new Date(); // 可以传值调式 now = new Date(2019,2,30); 今天是3月30号 var year = now.getFullYear();//getYear()+1900=getFullYear() var month = now.getMonth() + 1;//0-11表示1-12月 .
2022-01-11 14:00:46
902
原创 vue的$watch方法
mounted() { // 在生命周期函数执行 this.$watch(_=>{ // 满足条件,触发下面的方法 return this.pitchOnUserInfo.FFloor && this.form.orderType },_=>{ this.getGasProductByType() }) },
2022-01-03 15:26:55
776
原创 限制输入的数字小数点后的个数的正则
var reg = /^-?\d{1,16}(?:\.\d{1,2})?$/;//小数点左边最高16位,小数点右边最多2位
2021-12-27 18:35:40
505
原创 限制input框只能输入数字的方法
<el-form-item label="默认成本价"> <el-input v-model="costPrice" placeholder="请输入商品默认成本价" type="number" onkeypress="return(/[\d.]/.test(String.fromCharCode(event.keyCode)))" clearable /></el-form-item>加这一句,就能使输入框只输入数字onkeypr...
2021-12-26 14:25:06
402
原创 uniapp进行页面跳转带复杂数据参数时。
1.父页面应该先把数据转成JSON.stringify格式,再传参是用encodeURIComponent()方法编码 // 评价晒单 goEvaluate() { let JSONProductList = JSON.stringify(this.orderInfo.productList) uni.navigateTo({ url: `/pages/product/evaluate?orderId=${this.orderId}&a.
2021-10-26 11:47:36
397
转载 javascript的Math方法
Math.abs() //取绝对值Math.ceil() //向上取整Math.floor() //向下取整Math.round() //四舍五入Math.max() //取最大值Math.min() //取最小值Math.sqrt() //开平方Math.pow() //开平方Math.PI() //获取圆周率Math.random() //获取0-1之间的随机小数Math.rou.
2021-10-14 09:22:38
49
转载 随机获取4位不重复的验证码
function getCode() { let str = 'qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM0123456789' let code = '' // while 条件满足时执行,不满足条件则跳出不执行 while (code.length < 4) { // Math.round四舍五入方法 // Math.random 随机获取0-1之间的数 // *..
2021-10-13 10:07:39
403
原创 loading加载中转圈效果
效果图:html代码: <div class="border"></div>css代码:<style> @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .border { width: 50px;.
2021-10-11 11:30:18
285
原创 Loading字体组件往上加载效果
效果图:html代码:<div class="font">Loading</div>css代码:<style> @keyframes loading { 0% { height: 100%; } 100% { height: 0%; } } .font { position: relative; font-size: 3.
2021-10-11 11:28:43
264
转载 ES6的flat(),flatMap()
flat() 可以把数组扁平化处理。数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维数组。该方法返回一个新数组,对原数据没有影响。[1, 2, [3, 4]].flat()// [1, 2, 3, 4]上面代码中,原数组的成员里面有一个数组,flat()方法将子数组的成员取出来,添加在原来的位置。flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数,默认为1。
2021-10-09 09:56:46
233
原创 小程序的__wxConfig.envVersion,判断小程序是体验版还是正式版或者开发版
const envVersion = __wxConfig.envVersionenvVersion 类型为字符串envVersion: 'develop', //开发版envVersion: 'trial', //体验版envVersion: 'release', //正式版
2021-09-13 17:34:29
1737
原创 获取当前时间、后一天时间的方法,day.js的链接
new Date() //方法 可以获取当前的时间new Date('可以传入指定的时间') //方法里面可以传入指定的时间,用来改造时间的格式等new Date().getTime() + 24 * 60 * 60 * 1000 //可以获取到后一天的时间 24改成48可以获取到当前时间后两天的时间//day.js 这个插件有个format方法可以修改日期的格式例如: this.$dayjs(new Date()).format('YYYY年MM月DD日') //format.
2021-07-30 17:07:42
1997
原创 HBuilder设置用户代码块
scss代码块例: "flexBetweenAlign": { "prefix": "include flexBetweenAlign", "body": [ "@include ${1:flexBetweenAlign};" ], "triggerAssist": false, "description": "@include代码段" },js代码块例:"log": { "prefix": "log", "bo..
2021-07-20 17:27:56
676
原创 小程序组件中修改组件样式的问题
在小程序中,组件中用 /deep/ 修改另外一个组件的样式是不生效的,小程序不支持这种操作。如果需要修改组件中的组件的样式,直接在页面中修改,如图
2021-07-17 16:37:14
795
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人