Pumpkin_xiaoXuan的博客

原创 微信小程序，使用css的颜色渐变透明色时，不同手机系统实现有差异。

当使用渐变透明色时，应该设置为rgba(255,255,255,0)白色透明，避免使用transparent透明属性，这样写法，在不同手机系统，实现会有差异。

原创 微信小程序获取某个元素的信息（高、宽等），并将px转换为rpx。

微信小程序获取元素高度，并转换为rpx

转载 css阴影box-shadow属性

这个属性，可以调阴影的样式。

原创 split（）方法传入正则，可以拆分多个分割符

const list = "apples,bananas;cherries"const fruits = list.split(/[,;]/)console.log(fruits); // 输出结果：["apples", "bananas", "cherries"]

原创 字符串的方法

原创 封装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.

原创 vue中的hook用法。

定时器的使用方法：这是我们常用的使用定时器的方式export default{ data(){ timer:null }, mounted(){ this.timer = setInterval(()=>{ //具体执行内容 console.log('1'); },1000); } beforeDestory(){ clearInterval(this.timer); this.timer =

原创 computed计算机属性如何实现传参。

// html<div>{{ total(3) }}// jscomputed: { total() { return function(n) { return n * this.num } }, }

原创 watch监听一个对象时，如何排除某些属性的监听

下面代码是，params发生改变就重新请求数据，无论是a，b，c，d属性改变data() { return { params: { a: 1, b: 2, c: 3, d: 4 }, }; },watch: { params: { deep: true, handler() { this.getList; }, }, }.

原创 微信小程序 保存图片功能

uni.authorize({ scope: "scope.writePhotosAlbum", success: (success) => { // 保存图片到本地 this.saveImg() }, fail: (fail) => { uni.getSetting({ success: (setting) => { // 不允许保存 if (settin.

原创 字符串中带的换行符转换为数组

'字符串'.split(/[(\r\n)\r\n]+/)

原创 获取字符串中某个字符出现的次数

var s = 'www.jb51.net';var n = (s.split('.')).length-1;alert(n); //弹出2

原创 css实现内容滚动，不显示滚动条。

html代码<div class="outer-container"> <div class="inner-container"> ....1111111111111111111111111111111111111111111222222222222222222222222222222222222111111111111111111111111111111111111111111122222222222222222222222.

转载 获取上个月、当前时间和下个月

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月 .

原创 vue的$watch方法

mounted() { // 在生命周期函数执行 this.$watch(_=>{ // 满足条件，触发下面的方法 return this.pitchOnUserInfo.FFloor && this.form.orderType },_=>{ this.getGasProductByType() }) },

原创 限制输入的数字小数点后的个数的正则

var reg = /^-?\d{1,16}(?:\.\d{1,2})?$/;//小数点左边最高16位，小数点右边最多2位

原创 限制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...

原创 将空格转换为＜br /＞换行标签

.replace(/\s/g,"<br/>")注：转换所有的空格，包含中文和英文空格。

原创 vue配置生产环境

release的文件命名可以自定义的，只需要在package.json定义好就行。

原创 uniapp进行页面跳转带复杂数据参数时。

1.父页面应该先把数据转成JSON.stringify格式，再传参是用encodeURIComponent()方法编码 // 评价晒单 goEvaluate() { let JSONProductList = JSON.stringify(this.orderInfo.productList) uni.navigateTo({ url: `/pages/product/evaluate?orderId=${this.orderId}&a.

转载 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.

转载 javascript字符串的方法

转载：掘金

转载 随机获取4位不重复的验证码

function getCode() { let str = 'qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM0123456789' let code = '' // while 条件满足时执行，不满足条件则跳出不执行 while (code.length < 4) { // Math.round四舍五入方法 // Math.random 随机获取0-1之间的数 // *..

原创 javascript优雅技巧

转载：掘金

转载 封装金额输入框组件。

转载：掘金

原创 css边框border设置颜色渐变。

转载：掘金

原创 完整的axios封装

转载：掘金

原创 loading加载中转圈效果

效果图：html代码： <div class="border"></div>css代码：<style> @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .border { width: 50px;.

原创 Loading字体组件往上加载效果

效果图：html代码：<div class="font">Loading</div>css代码：<style> @keyframes loading { 0% { height: 100%; } 100% { height: 0%; } } .font { position: relative; font-size: 3.

转载 Loading加载样式效果。

点击跳转： 掘金

转载 ES6的flat()，flatMap()

flat() 可以把数组扁平化处理。数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。[1, 2, [3, 4]].flat()// [1, 2, 3, 4]上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。

原创 小程序的__wxConfig.envVersion，判断小程序是体验版还是正式版或者开发版

const envVersion = __wxConfig.envVersionenvVersion 类型为字符串envVersion: 'develop', //开发版envVersion: 'trial', //体验版envVersion: 'release', //正式版

原创 获取当前时间、后一天时间的方法，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.

原创 HBuilder设置用户代码块

scss代码块例： "flexBetweenAlign": { "prefix": "include flexBetweenAlign", "body": [ "@include ${1:flexBetweenAlign};" ], "triggerAssist": false, "description": "@include代码段" },js代码块例："log": { "prefix": "log", "bo..

原创 小程序配置运行默认页面

原创 小程序如何在pages.json中配置分包

原创 小程序组件中修改组件样式的问题

在小程序中，组件中用 /deep/ 修改另外一个组件的样式是不生效的，小程序不支持这种操作。如果需要修改组件中的组件的样式，直接在页面中修改，如图

原创 关于父组件点击按钮显示子组件的弹层

原创 微信小程序的tabBar设置。

原创 弹性布局生成分类模块

效果注意： li盒子如果设置了margin，ul盒子的宽度也要加上margin的尺寸