摘要：方式一：通过计算时间戳 // 1.获取前一天日期(排除周六、周日) getPrevBusinessDay(date) { const dayOfWeek = date.getDay(); if (dayOfWeek 1) { // 星期一 return new Date(date.getTime()
阅读全文
摘要：1. 使用 npm 安装 decimal.js 库 ```vue npm install decimal.js ``` 2.在 Vue 组件中引入该库 ```vue import Decimal from 'decimal.js'; ``` 3.使用示例 ```vue footerMethod({c
阅读全文
摘要：1、移动端事件 1、移动端事件 移动端常用的事件，主要有三个，分别是： ontouchstart(手指按下) ontouchmove(手指移动) ontouchend(手指抬起) 注意：移动端事件绑定，要用addEventListener var box = document.getElementB
阅读全文
摘要：<div class="box"> <ul class="imgList"> </ul> <div class="btn"> <span class="leftBtn"></span> <span class="rightBtn"></span> </div> <div class="circle"
阅读全文
摘要：闭包 1变量的作用域复习 变量根据作用域的不同分为两种：全局变量和局部变量。 函数内部可以使用全局变量。 函数外部不可以使用局部变量。 当函数执行完毕，本作用域内的局部变量会销毁。 ###2什么是闭包 闭包（closure）指有权访问另一个函数作用域中变量的函数。简单理解就是 ，一个作用域可以访问另
阅读全文
摘要：// get请求 ajax({ type: 'get', url: 'http://edu.xqb.ink/api/courselist', data: 'limits=5', success: function (res) { console.log(res);//res回应数据 } }); //
阅读全文
摘要：一、校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：案例1:自定义右击菜单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：事件对象 概念 事件对象： 当事件发生的时候，浏览器会将相关事件的信息存储在一个对象中，这个对象就是事件对象 事件相关 鼠标相关 ie/chrome/高版本ff: window.event 低版本ff: 事件处理函数的第一个形参 document.onclick = function(e
阅读全文
摘要：html代码 <div id="div1"> <a href="#">从大到小</a> <a href="#">随机排序</a> </div> <div id="div2"> <p><img src="img/1.jpg"><br>美女<span>2</span></p> <p><img src="
阅读全文
摘要：HTML代码: <div class="box"> 请输入姓名: <input type="text" id="uname"> <br> 请输入性别: <input type="radio" name="gender" id="male" checked> 男 <input type="radio"
阅读全文
摘要：懒加载 核心思路: 页面中图片必须要有宽高做占位 在页面一加载进来的时候 就需要对每一个img先做一次判断 判断图片是否显示 当滚轮滚动的时候 判断当前的图片是否在页面中 每一张图片 当窗口大小改变的时候判断当前的图片是否在页面中 每一张图片 图片是否显示的判断: 图片距离页面顶部距离 <= 屏幕高
阅读全文
摘要：元素的三大宽高 client 语法: 元素.clientWidth clientWidth: 元素的可视宽 width+padding clientHeight: 元素的可视高 height+padding document.documentElement.clientWidth: 屏幕的可视宽度
阅读全文
摘要：BOM 概念 BOM: Browser Object Model 浏览器对象模型 核心: window 既是js访问浏览器的一个接口 也是Global中的一个对象 所有的浏览器都支持window 声明全局的变量和函数 全局变量: window的一个属性 全局函数: windo
阅读全文
摘要：表单 快速获取表单元素 \1. 需要先获取表单 form \2. 快速获取表单元素 form.name值 var form = document.getElementsByTagName('form')[0]; console.log(form); // 2. 快速获取表单元素 form.name值
阅读全文
摘要：获取元素的方式 通过id获取元素: document.getElementById(元素id) 通过类名获取元素: document.getElementsByClassName(元素类名) 通过标签名获取元素: document.getElementsByTagName(标签名) document
阅读全文
摘要：DOM 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口(API)。 (DOM就是用来处理HTML机构) 节点 加载HTML页面时，web浏览器生成一个树型结构，用来表示页面内部结构，称之为DOM树，DOM将这种树型结构理解为
阅读全文
摘要：// 封装 function arrNoRepeat(arr) { var obj = {}; for (var i = 0; i < arr.length; i++) { // 获取数组中的当前项 var cur = arr[i]; // 判断已经存储过了(数组当前项已经重复了) if (obj[
阅读全文
