随笔分类 -  JavaScript

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