2020年5月3日
JS - 获取两个日期之间相隔的所有日期
摘要： function getDayAll(starDay, endDay) { var arr = []; var dates = []; // 设置两个日期UTC时间 var db = new Date(starDay); var de = new Date(endDay); // 获取两个日期GTM 阅读全文
posted @ 2020-05-03 19:45 sanyekui 阅读(4238) 评论(0) 推荐(1) 编辑
微信小程序 - 使用 weapp.socket.io - 客户端
摘要： 实现微信小程序进行WebSocket实时双向通讯 下载 weapp.socket.io.js 在项目中引入 weapp.socket.io.js 文件 在 utils 文件中建立 socket.js 文件 在 socket.js 文件中写入： const io = require("../lib/w 阅读全文
posted @ 2020-05-03 18:39 sanyekui 阅读(6949) 评论(5) 推荐(0) 编辑
JS - H5使用 socket.io - 客户端
摘要： websocket WebSocket 是HTML5新增的一种通信协议，其特点是服务端可以主动向客户端推送信息，客户端也可以主动向服务端发送信息，是真正的双向平等对话，属于服务器推送技术的一种。 Socket.io 提供了基于事件的实时双向通讯 页面中引入 socket.io <script src 阅读全文
posted @ 2020-05-03 17:05 sanyekui 阅读(4649) 评论(0) 推荐(1) 编辑
2020年4月29日
Vue 监听浏览器刷新或关闭
摘要： 一：使用window对象的onbeforeunload方法 mounted () { window.onbeforeunload = function (e) { var message = 'some word'; e = e || window.event; if (e) { e.returnV 阅读全文
posted @ 2020-04-29 17:01 sanyekui 阅读(10261) 评论(0) 推荐(0) 编辑
2020年4月28日
微信小程序 - 实现页面跳转，跳转到指定锚点位置
摘要： 实现页面跳转，跳转到指定锚点位置 在 index.wxml 页面创建跳转按钮 <!-- index.wxml --> <view class="btn" bindtap="jump" data-detail="detail0" > 跳到 detail0 锚点位置 </view> <view clas 阅读全文
posted @ 2020-04-28 11:56 sanyekui 阅读(7088) 评论(0) 推荐(0) 编辑
2020年4月24日
JS - 设置图片等比缩放
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 300px; height: 400px; margin: 50px 50px; position: relative; 阅读全文
posted @ 2020-04-24 10:35 sanyekui 阅读(549) 评论(0) 推荐(0) 编辑
2020年4月23日
H5 - 本地储存 localStorage 与 sessionStorage
摘要： Storage web存储使用localStorage和sessionStorage localStorage -- 永久存储，需要手动删除，否则一直存在sessionStorage -- 临时储存，关闭浏览器时自动清除以 key/val 的形式储存数据 localStorage 1. 创建 使用 阅读全文
posted @ 2020-04-23 16:43 sanyekui 阅读(119) 评论(0) 推荐(0) 编辑
2020年4月21日
Vue 实时获取屏幕宽高
摘要： Vue 实时获取屏幕宽高 export default { name: 'page-index', data(){ return{ windowWidth: document.documentElement.clientWidth, //实时屏幕宽度 windowHeight: document.d 阅读全文
posted @ 2020-04-21 15:49 sanyekui 阅读(21655) 评论(0) 推荐(3) 编辑
JQ - 实现元素滚动下拉加载
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> ul{ width:200px; height: 600px; border: 1px solid #000; margin: 40px auto 阅读全文
posted @ 2020-04-21 14:36 sanyekui 阅读(422) 评论(0) 推荐(0) 编辑
2020年4月18日
H5 - 获取手机陀螺仪
摘要： 直接上代码： // 获取手机陀螺仪 var updateGravity = function(event) { console.log("alpha:",event.alpha); // X console.log("beta:",event.beta); // Y console.log("gam 阅读全文
posted @ 2020-04-18 13:51 sanyekui 阅读(3563) 评论(0) 推荐(0) 编辑