JS
文章平均质量分 50
【Ceiauq
书到用时方恨少
展开
-
JS 使用正则
需要注意的是,a不是字符串,而是一个对象。在JS中如何使用正则来校验字符串。使用test方法进行校验。原创 2022-09-29 23:25:58 · 475 阅读 · 1 评论 -
JS 对象和函数
JavaScript规定,每一个函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。构造函数通过原型分配的函数是所有对象所共享的。简单点说prototype的作用就是共享方法。原创 2022-09-18 16:23:58 · 326 阅读 · 0 评论 -
JS 变量提升和函数提升
这里打印是10个10,因为在执行第一个setTimeout时,Js不会等待1秒后再去打印第一个i,而是去执行下一个循环,但是因为每个循环中都是setTimeout,所有整个for循环都执行完了之后i才开始打印出来,而var具有变量提升,就是说var的作用不限于for循环内部。如上图所示就是最后所有的i都共用同一个i,而i在for循环完成后值为10,所以这里输出了10个10。这里介绍一个变量提升提升的经典案例。原创 2022-09-17 00:00:40 · 310 阅读 · 0 评论 -
JS 浏览器对象模型BOM
screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏。screen.availWidth属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。甚至 HTML DOM 的 document 也是 window 对象的属性之一。所有浏览器都支持 window 对象。全局变量是 window 对象的属性。全局函数是 window 对象的方法。原创 2022-08-19 21:08:18 · 408 阅读 · 0 评论 -
JS 数组或对象的遍历(for、for...in、for...of、foreach)
一、for最原始的方法,用来遍历数组优点:最原始,最容易理解,用continue和break等语句可以进行中断。缺点:结构比while循环复杂,容易出编码错误。二、for…in用来遍历数组索引、对象的属性。代码每执行一次,就会对数组的元素或对象的属性进行一次操作。优点:可以遍历数组的索引(键名),遍历对象简洁方便;缺点:某些情况下,会出现随机顺序的遍历,导致开销较大。三、for…of用来遍历数组的数据,例如数组中的元素值。优点:避免了for in的所有缺点;转载 2022-08-19 12:20:23 · 2517 阅读 · 0 评论 -
JS 超简单的无缝滚动案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>无缝滚动</title> </head> <style type="text/css"> .box{ width: 600px; height: 300px; margin: 0 auto; overflow: hidden; position:.原创 2022-03-27 23:36:56 · 1014 阅读 · 0 评论 -
JS 简单实现电子时钟
通过Date类拿到的时分秒直接拼接起来可能是这样的:8:2:3,而我们想看到的效果应该是:08:02:03,所以这里我们会对时分秒小于10的情况进行判断,然后再拼接字符串。时钟的确是非常简单的一个功能:我们只需要通过js编写一个方法来获取时间的时分秒,再用定时器每隔一秒进行刷新即可。...原创 2022-08-18 23:41:47 · 4832 阅读 · 0 评论 -
JS Arguments的使用
注意:Arguments.callee()可以调用函数本身当函数正在执行时才可调用,可以实现方法的递归调用。Arguments.callee是代表当前函数,但是不会调用。通过Arguments.callee()实现递归求和(严格模式下不能使用)arguments与剩余参数、默认参数和解构赋值参数的结合使用。callee获取当前arguments所在的函数。一定要注意,arguments是存储传递的所有。a.求任意个数数字的最大值。,默认参数是不会存储的。③当非严格模式中的函数。当非严格模式中的函数。...原创 2022-08-18 13:22:28 · 312 阅读 · 0 评论 -
JS简单实现tab滚动切换
今天稍微查了一下类似的,要么写得很多,要不代码补全,这个东西哪有那么复杂。滚动切换的逻辑其实特别简单,只要看懂了这个做一些较复杂的功能也可以举一反三了。直接上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <..原创 2022-03-29 00:17:21 · 1688 阅读 · 0 评论 -
JS-ES6类
使用js的class需注意以下几点:(1)通过class关键字创建类,类名我们还是习惯性定义首字母大写(2)类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象(3) constructor 函数只要new生成实例时,就会自动调用这个函数,如果我们不写这个函数,类也会自动生成这个函数(4) 生成实例new不能省略(5) 最后注意语法规范,创建类类名后面不要加小括号,生成实例类名后面加小括号,构造函数不需要加function(6)类里面所有的函数不需要写fun原创 2022-03-28 22:43:59 · 342 阅读 · 0 评论