jQuery封装H5手机端滚动到底部加载更多分页,且在请求时间内结束前只执行一次

要做需要SEO的手机网站,只切图,剩下的交给后端去对接功能。感觉终于扬眉吐气了一回~~ 好像没做网站了,jQuery都写得有点陌生了~ 下面贴上封装的滚动到底部加载更多的方法,请求时间只请求一次也封装好了。 const $scrollBottom = { num: 0, isScroll: true, scroll(callback) { if (!this.isScroll) return window.onload = e => { $(...
阅读全文

微信小程序canvas 2d模式生成截图画图与设置自定义字体

微信小程序canvas 2d模式生成截图画图与设置自定义字体
微信小程序canvas设置type="2d" ,每次画图都不记得写法了,这里记录下下次好直接来复制。因为都用uni-app来写微信小程序,所以下面的方法是用在uni-app工程上的,原生微信小程序写法类似1、在template模板中写入canvas标签,用CSS把Canvas定位出去就看不到了<canvas type="2d" id="canvas" class="canvas&qu...
阅读全文

uView的u-input组件在微信小程序真机报vm.handleInput is not a function错误的解决方案

uView的u-input组件在微信小程序真机报vm.handleInput is not a function错误的解决方案
现在小程序选uni-app的比较多吧,毕竟兼容多端,同时发布字节小程序、微信小程序还是挺爽的,用uni-app就使用了社区最火uView UI框架。事件起因是有个用户提交用户信息总会丢失1个字,而这时候小程序告警报大量_vm.handleInput is not a function的错误,照惯例搜索一番知道了原因,于是自测一下发现果真如此。最终我是这么解决的,在使用u-input组件(u-field组件应该同理)的页面加入下面方法handleInput(e) { this.val !== ...
阅读全文

记录下偶尔用到的代码片断,用得少记不住

一、VUE的事件获取默认值和传参一起@click="funName($event , ...参数)"二、数组对象更新不想用$set的时候,使用下面代码强制刷新下就好this.$forceUpdate()三、页面定时器如果在destroyed()销毁页面的时候清除定时器,会难以维护 data() { return { timer: null, num: 1, } }, mounted() { this.timer = setInt...
阅读全文

VUE用fingerprintjs2.js获取浏览器指纹并生成ID,且WIFI和4G状态下ID保持一致热门

VUE用fingerprintjs2.js获取浏览器指纹并生成ID,且WIFI和4G状态下ID保持一致
首先安装浏览器指纹插件fingerprintjsnpm install --save fingerprintjs2然后引入import Fingerprint2 from 'fingerprintjs2' 官方给的演示代码生成的指纹ID在大部分浏览器都没问题,就是在微信浏览器里因为UA多了网络字段,所以导致生成的ID不一样。把NetType/**网络部分替换成空,就能确保微信浏览器里切换4G或者WIFI网络后,指纹ID也能保持一致了。阅读全文>>
阅读全文

VUE-CLI3.x引入全局LESS文件里的变量热门

引入全局.less文件我也是失败了好多次,最后还是可以了 首先add下面依赖 vue add style-resources-loader 然后会自动在vue.config.js配置好,需要添加LESS路径 //vue.config.js const path = require('path') module.exports = { pluginOptions: { 'style-resources-loader': { ...
阅读全文

VUE-axios用new FormData()上传文件热门

因为axios请求拦截器的存在,直接用axios的POST请求是会被拦截掉,数据会处理掉一些。而我们用new FormData()传输文件是不需要做任何处理的。所以就只能饶过axios的拦截。 在全局main.js里用axios.create创建实例 //main.js import axios from 'axios' import VueAxios from 'vue-axios' var ajax = axios.create({ base...
阅读全文