javascript
文章平均质量分 81
转角羊儿
这个作者很懒,什么都没留下…
展开
-
js的变量和数据类型①
在JavaScript中,变量是用来存储数据的容器,你可以给变量命名,并且给变量赋值。在JavaScript中,除了原始数据类型(Number、String、Boolean、null、undefined)之外的所有都是对象。JavaScript中所有的数字都是以64位浮点数形式存储的,即使它们表现为整数。在JavaScript中,变量的类型不是固定的,它是动态的,这意味着你可以将一个变量从一种类型改变为另一种类型。(ES6新增):表示唯一的、不可变的原始值,通常用作对象的属性键。:表示一个空的值或“无”。原创 2024-04-03 09:11:52 · 412 阅读 · 0 评论 -
Js之运算符与表达式——②
运算符:也叫操作符,是一种符号。通过运算符可以对一个或多个值进行运算,并获取运算结果。表达式:由数字、运算符、变量的组合(组成的式子)。表达式最终都会有一个运算结果,我们将这个结果称为表达式的返回值。都是运算符,而(3+5)/2则是表达式。比如:typeof 就是运算符,可以来获得一个值的类型。它会将该值的类型以字符串的形式返回,返回值可以是 number string boolean undefined object。原创 2024-03-30 11:09:40 · 645 阅读 · 0 评论 -
js知识点
执行规则:首先执行try中的代码 如果抛出异常会由catch去捕获并执行 如果没有发生异常 catch去捕获会被忽略掉 但是不管有没有异常最后都会执行。finally 使你能够执行代码,在 try 和 catch 之后,无论结果如何。throw 语句允许你创建自定义错误。try 语句使你能够测试代码块中的错误。catch 语句允许你处理错误。try catch 错误处理;原创 2023-02-25 21:34:36 · 119 阅读 · 1 评论 -
函数的柯里化
柯里化,是函数式编程的一个重要概念。它既能减少代码冗余,也能增加可读性。另外,附带着还能用来装逼。先给出柯里化的定义:在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。柯里化的定义,理解起来有点费劲。// 6毫无疑问,sum 是个简单的累加函数,接受 3 个参数,输出累加的结果。假设有这样的需求,sum 的前 2 个参数保持不变,最后一个参数可以随意。原创 2023-02-02 16:18:31 · 222 阅读 · 0 评论 -
js纯函数
简单来说,一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。为什么要煞费苦心地构建纯函数?因为纯函数非常“靠谱”,执行一个纯函数你不用担心它会干什么坏事,它不会产生不可预料的行为,也不会对外部产生影响。不管何时何地,你给它什么它就会乖乖地吐出什么。如果你的应用程序大多数函数都是由纯函数组成,那么你的程序测试、调试起来会非常方便。原创 2023-02-02 16:17:15 · 222 阅读 · 0 评论 -
原型及原型链②
混淆,二来它们之间的各种指向实在有些复杂,其实市面上已经有非常多的文章在尝试说清楚,有一张所谓很经典的图,上面画了各种线条,一会连接这个一会连接那个,说实话我自己看得就非常头晕,更谈不上完全理解了。所以我自己也想尝试一下,看看能不能把原型中的重要知识点拆分出来,用最简单的图表形式说清楚。长那么像,让人怎么区分呢?相信不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,下面用三张简单的图,配合一些示例代码来理解一下。我们知道原型是一个对象,其他对象可以通过它实现属性继承。的原型是一个很让人头疼的事情,一来。转载 2023-01-12 10:06:58 · 44 阅读 · 0 评论 -
原型及原型链 ①
本文转:https://github.com/stone0090/javascript-lessons/tree/master/2.5-Prototype。转载 2023-01-11 19:31:26 · 73 阅读 · 0 评论 -
js正则验证手机号
原文链接:https://blog.csdn.net/wxban/article/details/53944508。后面那截,是验证台湾的手机号(台湾手机10位数,皆以09起头),所以有台湾业务重点注意。注意:以上表达式只验证港澳台及大陆手机号码,不包含座机小灵通及区号等验证。香港手机号码正则 :^([6|9])\d{7}$大陆:开头1 3-8号码段,后面加9位数字。js正则验证页面手机号,是否符合规则。更完整完善的手机正则。澳门:66或68开头后面跟5位数字。香港:9或6开头后面跟7位数字。转载 2022-12-30 16:45:08 · 1480 阅读 · 0 评论 -
juery笔记
jQuery 是一个非常流行的快速、小巧、功能强大的开源 JavaScript 库。“Write less,do more”它还为我们做了跨浏览器的兼容(小数无法兼的 API 官方会作特殊的说明)1.只需要引入 jQuery 库的 js 文件(官方网站)cdn:http://www.jq22.com/cdn/#a22.下载地址:http://www.jq22.com/jquery-info122(放在自己的服务器上)1、一个是源代码:jquery-version.js(version 表示具体版本号)2、原创 2022-12-14 22:39:34 · 860 阅读 · 0 评论 -
javascript中制作滚动代码的常用属性
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: document.原创 2022-12-04 12:14:35 · 358 阅读 · 0 评论 -
解析 JS 运动
步骤:关键点:一.定时器在 javascritp 中,有两个关于定时器的专用函数,它们是:function()是定时器触发时要执行的是事件的函数,可以是一个函数,也可以是几个函数,或者 javascript 的语句也可以,单要用;隔开;delaytime 则是间隔的时间,以毫秒为单位。 倒计时定时器就是在指定时间后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,其区别在于:前者只是作用一次,而后者则不停地作用。 倒计时定时器一般用于页面上只需要触发一次的的情况,比如点击某按钮后页面转载 2022-12-04 11:21:46 · 302 阅读 · 0 评论 -
Element 节点
Element节点对象对应网页的 HTML 元素。每一个 HTML 元素,在 DOM 树上都会转化成一个Element节点对象(以下简称元素节点)。元素节点的nodeType属性都是1。Element对象继承了Node接口,因此Node的属性和方法在Element对象都存在。此外,不同的 HTML 元素对应的元素节点是不一样的,浏览器使用不同的构造函数,生成不同的元素节点,比如元素的构造函数是是。因此,元素节点不是一种对象,而是许多种对象,这些对象除了继承Element。转载 2022-12-01 23:21:14 · 329 阅读 · 0 评论 -
JS HTML DOM--- Attr 对象
注释:在 Internet Explorer 8 以及更早的版本中,当使用 removedNamedItem 方法来删除属性时,此方法会返回该属性,但不会删除该属性。注释:在 Internet Explorer 8 以及更早的版本中,属性的 length 属性将返回元素所有可能属性数量。如果属性是 ID 类型,,isId 属性返回 true,否则返回 false。如果此节点已存在,则将替换该节点,并返回被替换的节点,否则返回值是 null。Node 对象的属性是 NamedNodeMap 对象的实例。转载 2022-12-01 22:18:22 · 683 阅读 · 0 评论 -
DOM——NodeList 接口,HTMLCollection 接口
NodeList实例是一个类似数组的对象,它的成员是节点对象。通过以下方法可以得到NodeList实例。document.querySelectorAll()等节点搜索方法。转载 2022-12-01 21:58:19 · 191 阅读 · 0 评论 -
document对象
DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。浏览器会根据 DOM 模型,将结构化文档(比如 HTML 和 XML)解析成一系列的节点,再由这些节点组成一个树状结构(DOM Tree)。所有的节点和最终的树状结构,都有规范的对外接口。DOM 只是一个接口规范,可以用各种语言实现。转载 2022-11-28 23:45:41 · 825 阅读 · 0 评论 -
cookie、localStorage 和sessionStorage
Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。当用户访问 web 页面时,他的名字可以记录在 cookie 中。在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。存储量4kb。原创 2022-11-28 21:37:46 · 741 阅读 · 0 评论 -
浏览器对象模型BOM
BOM( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。//假设当前URL:'http://www.maxiaofei.com/Web/test.js?} , item;i ++) {转载 2022-11-28 00:21:08 · 572 阅读 · 0 评论 -
RegExp 对象
search()【只会查找第一个】——搜索字符串中是否含有指定内容。如果搜索到指定内容,则会返回第一次出现的索引;原文链接:https://juejin.cn/post/6844903816781889543。如果正则表达式带有g修饰符,则每一次test方法都从上一次结束的位置开始向后匹配。使用·typeof·检查正则对象,会返回·object·正则表达式默认会匹配贪婪模式(尽可能多的匹配)。验证手机号码,如13908653654。str:要匹配正则表达式的字符串。找到一个或多个正则表达式的匹配。原创 2022-11-27 18:37:52 · 601 阅读 · 0 评论 -
Number 对象
方法可以接受一个参数,表示输出的进制。否则,就根据参数指定的进制,将一个数字转化成某个进制的字符串。上面代码中,10一定要放在括号里,这样表明后面的点表示调用对象属性。该方法的参数为有效数字的位数,范围是1到100,超出这个范围会抛出 RangeError 错误。对象是数值对应的包装对象,可以作为构造函数使用,也可以作为工具函数使用。上面代码中,Number对象作为构造函数使用,返回一个值为2的对象。方法先将一个数转为指定位数的小数,然后返回这个小数对应的字符串。对象上的属性,而不是定义在实例上的属性)。原创 2022-11-27 16:29:16 · 507 阅读 · 0 评论 -
Math对象
Math是一个内置对象,具有数学常数和函数的属性和方法。它不是一个函数对象。Math适用于Number类型,但是不适用BigInt。与许多其他全局对象不同,Math它不是构造函数,所以他不要单独创建。所有属性和方法Math都是静态的。您将常数 pi 称为Math.PI并将正弦函数称为Math.sin(x),其中x是方法的参数。常量是在 JavaScript 中以实数的完全精度定义的。math目的:用于执行数学任务2.Math的常用方法。原创 2022-11-27 13:25:34 · 586 阅读 · 0 评论 -
Date对象
表示日期的字符串值。获取今天刚开始的时间戳:new Date(new Date().toLocaleDateString()).getTime()toTimeString() 把 Date 对象的时间部分转换为字符串。toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。原创 2022-11-27 01:52:33 · 684 阅读 · 0 评论 -
this、apply、call、bind
记住这句话,this 你已经了解一半了。下面我们来看一个最简单的例子:转载 2022-11-26 23:57:46 · 111 阅读 · 0 评论 -
JSON.parse和JSON.stringify方法
replacer:如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;JSON.stringify() 方法将一个JavaScript值转换为一个JSON字符串,如果指定了一个replacer函数,则可以替换值,或者如果指定了一个replacer数组,可选的仅包括指定的属性.使用reviver函数(解析值本身以及它所包含的所有属性,会按照一定的顺序:从最最里层的属性开始一级级往外,最终到达顶层,也就是解析值本身分别的去调用reviver函数)转载 2022-11-25 23:56:04 · 251 阅读 · 0 评论 -
前端js与jq常用网站
https://www.runoob.com/jsref/jsref-obj-global.html原创 2022-11-24 21:34:45 · 417 阅读 · 0 评论 -
JavaScript 全局属性和函数
JavaScript 全局属性和方法可用于创建Javascript对象。原创 2022-11-24 00:09:30 · 54 阅读 · 0 评论 -
js 防抖和节流
在进行窗口的 resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用 debounce(防抖)和 throttle(节流)的方式来减少调用频率,同时又不影响实际效果。原创 2022-11-19 23:09:03 · 3 阅读 · 0 评论 -
事件对象在触发 DOM
什么是事件对象?在触发 DOM 上的事件时都会产生一个对象。原创 2022-11-19 23:07:45 · 5 阅读 · 0 评论 -
纯函数、柯里化
简单来说,一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。为什么要煞费苦心地构建纯函数?因为纯函数非常“靠谱”,执行一个纯函数你不用担心它会干什么坏事,它不会产生不可预料的行为,也不会对外部产生影响。不管何时何地,你给它什么它就会乖乖地吐出什么。如果你的应用程序大多数函数都是由纯函数组成,那么你的程序测试、调试起来会非常方便。柯里化,是函数式编程的一个重要概念。原创 2022-11-19 23:03:50 · 15 阅读 · 0 评论 -
Array.prototype.slice.call()方法的理解
上一篇文章 《「前端面试题系列 4」this 的原理以及用法》 中,提到了 call 和 apply。它们最主要的作用,是改变 this 的指向。在平时的工作中,除了在写一些基础类,或者公用库方法的时候会用到它们,其他时候 call 和 apply 的应用场景并不多。不过,突然遇到的时候,需要想一下才能转过弯来。所以今天,就让我们好好地探究一下,这两个方法的区别以及一些妙用。最后,还会介绍与之用法相似的 bind 的方法。call 和 apply 的共同点。原创 2022-11-19 22:56:37 · 25 阅读 · 0 评论 -
如何进行断点调试 (debug)
用任意浏览器打开写好的 html 文件,然后按 F12(右击选择“检查”)就会看到如上图片内容,点击 Sources,然后在想打断点的地方轻轻点击一下这个时候 F5 刷新一下就可以,开始断点调试了!原创 2022-11-19 22:43:32 · 14 阅读 · 0 评论 -
区分 slice,splice 和 split 方法
用法:array.slice(start,end)解释:该方法是对数组进行部分截取,并返回一个数组副本;参数 start 是截取的开始数组索引,end 参数等于你要取的最后一个字符的位置值加上 1(可选)原创 2022-11-19 22:24:42 · 10 阅读 · 0 评论 -
String 字符串
String 字符串原创 2022-06-21 23:44:13 · 246 阅读 · 0 评论 -
Function函数
Function 函数原创 2022-06-21 23:42:02 · 196 阅读 · 0 评论 -
Object 对象
Object 对象原创 2022-06-21 23:30:37 · 242 阅读 · 0 评论 -
js小方法
js小方法原创 2022-06-21 23:28:23 · 47 阅读 · 0 评论 -
Array 数组对象
Array 数组对象原创 2022-06-21 23:18:53 · 635 阅读 · 1 评论