- 博客(25)
- 收藏
- 关注
RSS订阅原创 使用vant List实现上拉加载，点击tab切换会触发onLoad事件，造成两次请求
this.loading = false触发上拉加载，在tab切换的事件中将他重新赋值 this.loading = true, this.finish = false
2020-10-14 10:53:15
2276
原创 vue实现数据无缝循环滚动
1.安装插件npm install vue-seamless-scroll --saveimport vueSeamlessScroll from ‘vue-seamless-scroll’ 获奖名单 {{list.tel}} 抽中 {{list...
2020-03-24 15:24:37
1916
原创 vue加js实现大转盘抽奖活动
1.写大转盘的页面，这里是我的整个页面的代码 },created() {this.ais = localStorage.getItem(‘ais’)},computed: {classOption() {return {step: 0.5 //数值越大速度滚动越快，更多参数参考官网参数配置// limitMoveNum: 2,// 开始无缝滚动...
2020-03-24 14:59:24
891
原创 vue3.0 px自动转换成rem
1.先npm install postcss-pxtorem --save-dev2.再项目文件下引入postcss.config.js下边是这个js里面的代码module.exports = {plugins: {//…“autoprefixer”: {},// px转rem“postcss-pxtorem”: {rootValue: 50, //vant-UI的官方根字体大小...
2020-03-18 12:59:25
912
原创 字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2…）拼接成字符串string1
objKeySort(arys) {//先用Object内置类的keys方法获取要排序对象的属性名数组，再利用Array的sort方法进行排序var newkey = Object.keys(arys).sort();console.log(newkey)var newObj = ‘’; //创建一个新的对象，用于存放排好序的键值对for (var i = 0; i < newke...
2020-03-11 11:36:59
2312
原创 js随机字符串16位
createNonceStr(){let chars = [‘0’,‘1’,‘2’,‘3’,‘4’,‘5’,‘6’,‘7’,‘8’,‘9’,‘A’,‘B’,‘C’,‘D’,‘E’,‘F’,‘G’,‘H’,‘I’,‘J’,‘K’,‘L’,‘M’,‘N’,‘O’,‘P’,‘Q’,‘R’,‘S’,‘T’,‘U’,‘V’,‘W’,‘X’,‘Y’,‘Z’,‘a’,‘b’,‘c’,‘d’,‘e’,‘f’,‘...
2020-03-11 11:35:49
3372
原创 vue再ios遇到的bug
vue移动端再页面底部添加一个固定的按钮，按钮再安卓上面一直固定在底部，但是再ios上面就会跟着页面滚动向上，然后再滑落到底部，解决办法，就是把页面的高度设为100%，头部占百分之几，尾部占百分之几，剩下的就是中间的页面内容的高度，然后滚动的部分就只有这么高，问题就解决了...
2020-03-06 16:23:54
288
原创 vue校验手机号
// 保存按钮再方法里面添加就可以了submit() {let reg = /^1[3456789]\d{9}$/;if (!reg.test(this.tel)) {Toast(‘手机格式不正确’)return} else {if (this.opt == ‘add’) {this.areaAdd()}if (this.opt == ‘udp’) {this.adtior...
2020-03-06 16:14:56
576
原创 vue微信授权页面重定向遇到的问题
问题描述：当时获取微信的code的时候，直接再created里面调用的，然后用sesssionStorage储存的code，这样每次进入页面，页面都会重新重定向获取code，这样页面重定向的话，获取code的哪个页面就是重定向的页面，刚开始进来的哪个就没有code，用手机自带的返回键回退到这个页面就没有code了，解决办法就是使用cokie存储，使用它是因为他又过期时间，这样可以考虑code的时效...
2020-03-03 13:31:32
3910
原创 vue打包测试时遇到得bug
项目在本地运行没有问题，打包测试部署到浏览器得时候，加载首页白屏并报错net::ERR_ABORTED 404 (Not Found)，意思是没有找到资源文件，解决办法在项目得根目录下面创建vue.config.js文件里面添加这样一句话module.exports = {publicPath: ‘./’}并在写router里面得js加上这里不能用history路由模式，非得要用...
2020-02-07 19:24:44
270
原创 vue微信公众号单页面
微信授权获取code第一步（这两种默认路径看选哪个encodeURIComponent这个可以不用要)// const pageUrl = encodeURIComponent(window.location.href)const pageUrl = ‘这里可以直接写页面跳转得路径，这样的话会防止报错’const appid = ‘wx2149719e8a219bc1’if (!thi...
2020-02-07 19:05:42
411
原创 uni-app实现上拉加载数据
这里我没有用官方给的方法，哪个放到手机上就没有效果，而且再开发阶段的时候，一般也不灵验，所以就自己写了一个，以后可以随时服用这个getData（）和deteleObject（），自己随便定义的第一步，先在全局定义var page_num=1；//默认首次加载是第一页样式自己看着定义把{{loadingType === 0 ? contentText.contentdown : (loa...
2020-01-18 19:14:12
2878
原创 uni-app搭建微信小程序自定义导航栏
第一步，现在data里面定义一个初始值data(){return{headerPadding: 0}},第二步，再methods里面getSystemInfoSync获取设备信息，onLoad(){this.headerPadding = uni.getSystemInfoSync()['statusBarHeight'] }第三步,再html开始绑定样式 个...
2020-01-18 18:58:24
2480
原创 用JSON.parse转换的时候遇到的坑
解决办法，加判断之前是直接转的的，就像这样tipInfo() {return this.info.activityDesc//这是爆红的时候return this.info.activityDesc ? JSON.parse( this.info.activityDesc ) : {};//加个if判断就直接解决},...
2019-12-06 16:06:12
1667
1
原创 vue中头像加载不出来，怎样设置默认头像
方法1 export default{data(){return{errorimg:‘this.src="’+require(‘assets/images/load_logo01.png’)+’"’}}}方法二 {{ accountInfo.user_name }}
2019-12-06 15:59:28
1962
原创 js中字符串与数组常用的属性和方法
string常用方法1.substring(start,end); 截取指定的字符位数但不包含结束位置的字符,两个参数（开始位置的索引，结束位置索引）只写一个参数表示从开始位置截取到最后。（输入负值时将负值变为0，哪个较小作为开始位置）let str=‘abcdefg’;str.substring(1); //得到bcdefgstr.substring(1,3); //得到bc2.sli...
2019-11-29 14:23:52
198
原创 什么防抖和节流？有什么区别？如何实现？
防抖：出发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间实现方法：每次触发事件时都取消之前的延时调用方法：function debounce(fn){let timeout=null;//创建一个标记用来存放定时器的返回值return function(){clearTimeout(timeout);//每当用户输入的时候把前一个settimeout 清除...
2019-10-30 20:41:00
109
原创 from表单上传图片
一、基础表单上传图片上传input样式重置，可自定义from表单中必须添加该属性entype=“multipart/from-data”,否则发送不出选择的数据/*=========================*/ //该属性必加 当前头像 你可以上传JPG、GIF或PNG格式的文件，文件大小...
2019-10-28 11:16:01
1568
原创 为什么需要清除浮动，清除浮动有哪些方法
为什么需要清除浮动？浮动的属性虽然方便使用，但是在使用这种属性时，也存在着一种弊端，那就是当子元素设置了float属性之后，且父元素的高度和宽度没有进行设置，而是由子元素支撑起来，则会导致父元素的高度塌陷(原本的height后来被置为0)清除浮动的方法方法一：给父元素添加声明overflow:hidden**;缺点：当子元素有定位设置，定位到父元素外边时，不希望溢出父元素部分隐藏时，此方法...
2019-10-23 11:28:45
122
原创 call()和apply()的区别
概念apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如 B.apply(A, arguments);即A对象应用B对象的方法call:调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。共同之处都“可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由thisObj指...
2019-10-20 17:59:56
95
原创 a标签其他的使用方法
为什么要使用href=javascript:void(0)href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接...
2019-10-20 17:48:39
113
原创 vue中用vant写把px自动转换成rem
1.安装：npm install px2rem-loader lib-flexible --save2.找到main.js文件：引入：import “lib-flexible/flexible.js”3.设置mate标签作用：设置设备的宽度一级缩放比例在index.html中引入4.安装px2rem-loadernpm install px2rem-loader5.在根目录里找...
2019-09-25 08:56:40
2879
原创 同步和异步的区别
同步和异步的概念同步：当程序1调用程序2时，程序1停下不动，直到程序2完成回到程序1来，程序1才继续执行下去。（也可以理解为：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式)异步：当程序1调用程序2时，程序1还继续执行自己接下来的动作，不受程序2的影响（也可以理解为：发送方发出数据后，不等接收方发回响应，接着发下一个数据包的通讯方式)。区别同步：提交请求->等待服务...
2019-09-22 19:40:18
1391
原创 回流和重绘的区别
回流当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。重绘当r...
2019-09-10 21:37:23
227
原创 nodejs入门
什么是NodeJS,它能干什么JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里面的JS，浏览器充当解析器的角色，相对于独立的JS，nodejs就是一个解析器。每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。首先看重的是事件机制和异步IO模型的优越性，而不是JS。但是他需要选择一种编程语言实现...
2019-09-10 21:18:17
157
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人