JS倒计时： // 倒计时 let end_time = "结束时间戳" countDown(end_time) function countDown(end_time) { let now_time = new Date().getTime() let times = (end_time - now_time) / 1000 …
之前有写过小程序上传图片的，大多数都是前端处理，这篇是关于上传到服务器接收返回数据操作的，这里使用迭代器防止数据返回异步。 小程序上传图片及预览图片 小程序选择、预览、删除、上传图片 js: /** * 上传图片 */ upImg: function (e) { let that = this wx.chooseIma…
用于后端测试，前端ajax上传图片。 JavaScript通过 new FileReader() 获取图片base64 无组件上传图片 Vue input上传图片 小程序选择、预览、删除、上传图片 Demo: <!DOCTYPE html> <html lang="en"> <head> <me…
小程序很多获取的权限都从 button 组件中获取，这就经常需要弹窗提示操作了。而小程序自带的模态框又没法设置button获取信息，只能自定义一个模态框了 下面以获取微信地址为例： 在app.wxss中添加样式（很多地方需要用模态框，直接写在全局样式表中更方便） /* 提示框 */ .box{ position: fixed; to…
小程序所有组件初始化样式 box-sizing: border-box view,scroll-view,swiper,swiper-item,movable-area,movable-view,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox-group,che…
在部署服务器后，使用 svg-captcha 插件获取svg验证码会多次请求不刷新，这里只要在请求的参数data中添加一个不重复的字符串就可以，比如：时间戳。 getCode () { this.$api.get(this.$root.urlPath.MJK + '/code', {code:Date.now()},res => …
首先判断是iOS或者安卓： let u = navigator.userAgent; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Ma…
一个挺好用的图像裁剪插件 vue-cropper 使用挺简单的，而且还提供demo对照查看 插件地址：https://github.com/xyxiao001/vue-cropper 首先安装插件： npm install vue-cropper --save 然后在使用的页面引入 import VueCropper from "vue-cropp…
在Vue中可以使用socket.io插件，不过这里使用的是js原生的WebSocket 首先再 data 中定义一个ws： data() { return { ws: "", }; }, 然后在method中设置相关函数 methods: { // ws S onopen() { console.log(…
Vue实现滚动到底部： watch: { // 监听数据的变化 message_list() { this.$nextTick(() => { let div = document.getElementById('scroll') // 获取滚动DOM的元素 div.scrollTop = div.s…
之前写过一篇Vue动态修改title的，但是返回后再进来title就不会变。今天看看另一种 简单粗暴的动态修改title方法，meta也一样 document.title= res.data.title // res.data.title 为动态修改内容