![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
文章平均质量分 73
good法乐
太阳强烈、水波温柔
展开
-
moment的使用
moment插件日期时间方法总结原创 2022-08-02 09:20:17 · 1758 阅读 · 1 评论 -
JS获取当前时间的前一天/后一天(昨天/明天)
Date curDate = new Date();var preDate = new Date(curDate.getTime() - 24*60*60*1000); //前一天var nextDate = new Date(curDate.getTime() + 24*60*60*1000); //后一天原创 2020-12-08 11:17:48 · 5045 阅读 · 0 评论 -
向JavaScript对象添加键/值对?
var obj = {key1: value1,key2: value2};1、使用点表示法:obj.key2 = “value2”;2、使用方括号符号:obj[“key2”] = “value2”; let ExpendObject = {} //扩展属性对象 for (let i in this.ExpendObjectData) { //方括号方法把数组中的值插入到对象 ExpendObject[ this.Exp原创 2020-11-16 11:20:40 · 313 阅读 · 0 评论 -
JS高级-类与对象
面向对象的核心思路把一些对象的公共方法抽取出来、抽成一个类、然后通过new来创建原创 2019-11-06 13:04:39 · 144 阅读 · 0 评论 -
Javascript-API-BOM、触屏事件、移动端轮播图解析、classList属性、click 延时解决方案、本地存储
触屏事件触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件如下:触摸...原创 2019-10-28 22:21:40 · 2263 阅读 · 0 评论 -
Javascript-API-BOM、动画函数、网页轮播图、节流阀、筋斗云、固定侧边栏返回顶部案例
动画实现原理核心原理:通过定时器 setInterval() 不断移动盒子位置。实现步骤:获得盒子当前位置让盒子在当前位置加上1个移动距离利用定时器不断重复这个操作加一个结束定时器的条件注意此元素需要添加定位,才能使用element.style.left核心原理:利用 JS 是一门动态语言,可以很方便的给当前对象添加属性。 function animate(obj, ta...原创 2019-10-27 20:46:15 · 327 阅读 · 1 评论 -
Javascript-API-BOM、元素偏移量offset、可视区client、滚动scroll系列、模态框、放大镜案例、
元素偏移量 offset 系列offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位offset 与 style 区别**offsetoffset 可以得到任意样式表中的样式值offset 系列...原创 2019-10-25 01:15:34 · 297 阅读 · 0 评论 -
Javascript-API-BOM、定时器、Window对象、This指向、JS执行机制、location对象、
键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress 按键按下...原创 2019-10-24 01:16:11 · 378 阅读 · 0 评论 -
Javascript-API-DOM、节点增删改查、事件、事件驱动、鼠标及键盘事件
DOM使用对象的方式操作HTML和CSS步骤: 1、获取元素对象 使用id、类名、标签名或css选择器获得元素对象 getElementById() getElementsByTagName getElementsByClassName querySelector() querySelectorAll() 使用元素间的关系获得元素对...原创 2019-10-23 11:56:24 · 302 阅读 · 0 评论 -
Javascript-API-DOM-全选反选、Tab栏切换案例、节点的操作、自定义属性的操作、
排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己 <button>按钮1</button> <button>按钮2</button> <button>...原创 2019-10-22 19:02:52 · 1754 阅读 · 2 评论 -
Javascript-API-DOM-操作元素对象的属性、文本内容、子元素、样式、事件
API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。简单理解:API是给程序员提供的一种工具、以便能更轻松的实现想要完成的功能例如C语言中有一个函数 fopen()可以打开...原创 2019-10-21 23:03:08 · 892 阅读 · 0 评论 -
详细的JavaScript基础语法-内置对象(Math数学、Date日期、Array、String对象)、简单数据类型和复杂数据类型
什么是内置对象原创 2019-10-20 23:06:01 · 397 阅读 · 0 评论 -
详细的JavaScript基础语法-对象、
对象的相关概念什么是对象? 在 JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)...原创 2019-10-16 15:09:11 · 218 阅读 · 0 评论 -
JavaScript-循环、排序、翻转案例解析
打印五行五列的星星 var ss = ''; //外面循环一次、里面循环全部 for (j = 0; j < 5; j++) { for (i = 1; i <= 5; i++) { ss += '♥'; } //内循环每一次循环完打印一次...原创 2019-10-14 23:22:02 · 235 阅读 · 0 评论 -
详细的JavaScript基础语法-函数、作用域、预解析
函数函数就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用 // 声明函数 function 函数名() { //函数体代码 } // 调用函数 函数名(); // 通过调用函数名来执行函数体代码function 是声明函数的关键字,必须小写由于函数一般是为了实现某个功能才定义的, 所以通常我们将函数名命名为...原创 2019-10-14 09:16:33 · 174 阅读 · 0 评论 -
详细的JavaScript基础语法-上-简单数据类型、运算符、流程控制、循环、数组、
JS简介JS与标记语言的区别js是有逻辑性的、是有指令的、是主动的。标记语言(html)不需要向计算机发出指令、标记语言的存在是用来被读取的, 是被动的。浏览器的执行渲染引擎:用于解析html与cssja引擎:又称js解释器、用于读取网页中的JS代码注:浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐...原创 2019-10-09 19:42:18 · 416 阅读 · 1 评论