随笔分类 - JavaScript
摘要:获取今天以后一月内的日期数组 效果图 // 获取今天 const today = this.$moment(new Date()); // 获取一个月后的日期 const nextMonth = today.clone().add(1, "months"); // 初始化日期变量 const cur
阅读全文
摘要:日期数组时间轴显示 效果图 <template> <div> <div class="time-line"> <span>小时的时间轴显示</span> <div class="time-box"> <div v-for="(item,index) in dateList" class="time-
阅读全文
摘要:设置 // 自定义事件 const myEvent = new CustomEvent("onCustomEvent", { detail: { name: "张三", age: 18, }, }); window.dispatchEvent(myEvent); 获取 window.addEvent
阅读全文
摘要:alert window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; iframe.setAttribute("src", 'data:text
阅读全文
摘要:js 计算乘算时数字溢出 场景项目上为了计算税率相乘,金额有小数点乘以税率后会导致部分数字溢出,为了解决数字溢出。 使用 bignumber.js 库: 安装 npm run install bignumber.js 使用: 效果图 // 引入BigNumber const BigNumber =
阅读全文
摘要:1、面向对象编程介绍 1、面向过程编程 POP(Process-oriented programming) 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的一次调用就可以了 面向过程,就是按照我们分析好了的步骤,按照步骤解决问题 2、面向对象编程 OO
阅读全文
摘要:mousemove 移动选中单元格 mousemove 移动选中单元格 click 选中/取消单元格 <template> <div class="table-page"> <div class="table-box"> <table cellpadding="0" cellspacing="0">
阅读全文
摘要:1、从对象数组中找出 id 相同的对象,放到新数组(二维数组)中 原链接:http://www.gkh0305.com/archives/findinfobyid const list = [ { id: 1, name: "张三", }, { id: 1, name: "李四", }, { id:
阅读全文
摘要:一维数组和多维数组的转换 原链接:https://blog.csdn.net/qq_42451776/article/details/118944631 一维数组转多维数组 // idsysarea 表示父级元素 const arr = [ { id: 110000, // 省市县id, idsys
阅读全文
摘要:DOM事件类 基本概念:DOM事件的级别 DOM事件模型 DOM事件流 描述DOM事件捕获的具体流程 Event对象的常见应用 自定义事件 1、DOM事件的级别 DOM0 element.onclick=function(){} DOM2 element.addEventListener('clic
阅读全文
摘要:HTTP协议类 HTTP协议的主要特点 HTTP报文的组成部分 HTTP方法 POST和GET的区别 HTTP状态码 什么是持久连接 什么是管线化 1、HTTP协议的主要特点 简单快速、灵活、无连接、无状态 2、HTTP报文的组成部分 请求报文和响应报文 请求报文 请求行 请求头 空行 请求体 请求
阅读全文
摘要:方法一 <!DOCTYPE html Document { margin:0; padding: 0; } .box{ width: 400px; height: 250px; } .box0{ position: absolute; width: 100px; height: 100px; bac
阅读全文
摘要:一.节点 1.节点分类 元素类型 节点类型 element(元素) 1 //获取元素 var ele=document.getElementById("myImg"); console.log("Element: "+ele); console.log("nodeName: "+ele.nodeNa
阅读全文
摘要:JavaScript事件 事件基础 1.绑定事件 1.把事件当做HTML元素的属性 `` 我是按钮 2.把事件当做dom对象的方法 你是按钮 //获取button元素 var btn = document.getElementById("btn"); //给btn元素绑定事件 btn.onclick
阅读全文
摘要:效果: 打开窗口,设定窗口大小 200x200, 窗口在屏幕中来回动 (只看IE效果) <!DOCTYPE html Document 新窗口 开启吧 启动 var newWindow=null; function openFn(){ newWindow=window.open('','','wid
阅读全文
摘要:BOM(浏览器对象模型) 一. window 1.定义 window是js在浏览器环境中 全局变量 函数就是window的方法 全局变量就是window的属性 2.属性 document location history screen navigator innerWidth 文档区域宽度 inne
阅读全文
摘要:JavaScript制作计算器 <!DOCTYPE html 计算器 table{ width: 450px; height: 450px; margin:100px auto; border:2px solid 333; box sizing:border box; background: ECF
阅读全文
摘要:一.弹性布局 基本概念 1.容器:需要添加弹性布局的父元素; 2.项目: 弹性布局容器中的每一个子元素,称为项目; 基本方向 1.主轴:在弹性布局中,我们会通过属性规定水平/垂直方向为主轴; 2.交叉轴:与主轴垂直的另一个方向,称为交叉轴。 二.弹性布局的使用 1.给父容器添加display:fle
阅读全文
摘要:原型 1.定义 每一个对象都有原型 原型仍然是一个对象 模拟实现面向对象的继承性 2.原型链 对象的原型还有原型 对象除了可以使用自有属性还可以继承原型上的属性 3.获取原型 4.操作原型的属性 原型本身就是对象,同操作对象 5.判断属性是自有的还是原型继承的 6.ECMA5中创建对象并指定对象的原
阅读全文

浙公网安备 33010602011771号