随笔分类 - JavaScript
摘要：// 监听屏幕 window.addEventListener('orientationchange', function() { let orientation = window.orientation; console.log("orientation", orientation); switc
阅读全文
摘要：/** 判断手机是ios/安卓 */ var userAgent = navigator.userAgent; var isiOS = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); var isAndroid = userAgent.inde
阅读全文
摘要：var r1 = /^[0-9]*$/; var r2 = "/^[0-9]*$/"; console.log(r1 instanceof RegExp); // true console.log(r2 instanceof RegExp); // false // 使用 eval() 可以判断字符
阅读全文
摘要：函数节流 限制一个函数在一定时间内只能执行一次（无论触发多少次，也都是每n秒后才执行一次） 主要用来防止频繁触发，优化程序性能，提高体验等等 方法一：时间戳 这个方法通过判断两次获取时间间隔长短来判断是否执行函数 每次触发时，只要到达指定时间点就会立即执行 触发函数后立即执行，等待n秒后才执行第二次
阅读全文
摘要：// 数组 使用索引 var arr = [ "red", "blue", "yellow" ]; console.log(0 in arr); // true console.log(1 in arr); // true console.log("2" in arr); // true conso
阅读全文
摘要：* filter 不会改变原数组，不会对空数组进行检查 筛选符合条件项 var arr = ['10','12','23','44','42'] var newArr = arr.filter( (val) => val>30 ) console.log(newArr); // ["44", "42
阅读全文
摘要：图片在元素内拖拽/缩放 先获取到起始坐标（在容器里鼠标按下时鼠标在浏览器页面中的位置） 鼠标移动时再计算出当前鼠标当前坐标和起始坐标的距离，再使用 position 把图片定位跟随鼠标移动 拖动图片时设置图片拖动边界限制 滚轮上下滚动时放大缩小图片 css *{ margin:0; padding:
阅读全文
摘要：every()和some() 判断一个数组对象中的所有数据或某个值都满足条件 every() 只要有一个不符合条件就为 false (一假即假) some() 只要有一个符合条件就位 true (一真即真) var arr = [66, 34, 643, 774, 64, 834 ]; consol
阅读全文
摘要：日期格式转换 2020-06-27T14:20:27.000000Z 时间格式转换成 2020-06-27 14:20:27 function rTime(date) { var json_date = new Date(date).toJSON(); return new Date(new Dat
阅读全文
摘要：function getNumberArr( a, b ) { return Array.from(Array( b - a + 1 )).map(( e, i ) => a + i); } console.log(getNumberArr(1,20));
阅读全文
摘要：function getDayAll(starDay, endDay) { var arr = []; var dates = []; // 设置两个日期UTC时间 var db = new Date(starDay); var de = new Date(endDay); // 获取两个日期GTM
阅读全文
摘要：websocket WebSocket 是HTML5新增的一种通信协议，其特点是服务端可以主动向客户端推送信息，客户端也可以主动向服务端发送信息，是真正的双向平等对话，属于服务器推送技术的一种。 Socket.io 提供了基于事件的实时双向通讯 页面中引入 socket.io <script src
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 300px; height: 400px; margin: 50px 50px; position: relative;
阅读全文
摘要：Storage web存储使用localStorage和sessionStorage localStorage -- 永久存储，需要手动删除，否则一直存在sessionStorage -- 临时储存，关闭浏览器时自动清除以 key/val 的形式储存数据 localStorage 1. 创建 使用
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> ul{ width:200px; height: 600px; border: 1px solid #000; margin: 40px auto
阅读全文
摘要：直接上代码： // 获取手机陀螺仪 var updateGravity = function(event) { console.log("alpha:",event.alpha); // X console.log("beta:",event.beta); // Y console.log("gam
阅读全文
摘要：ajax(Asynchronous Jacascript and XML) ajax可以在不重新加载整个网页的情况下，对网页的某个部分数据进行更新ajax不需要任何浏览器插件,只需要用户允许Javascript在浏览器上执行,因为ajax需要借助javascript来实现浏览器和服务器之间的异步交互
阅读全文
摘要：REMrem 是 css 的长度单位，它是相对于 <html> 元素的 font-size 的相对值。html { font-size: 100px; }，那么 1rem 就等于 100px。 默认情况下，html 的 1rem = 16px，所以我们需要更好的计算rem，需要去设置 html 的
阅读全文
浙公网安备 33010602011771号