
JavaScript
文章平均质量分 85
js学习笔记
码上十七
很多人在捡六便士,也有人在抬头望月亮
展开
-
字符串方法汇总(全面)
lastIndexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从最后一个字符处开始查找(从后往前找)。indexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从下标0开始查找。:如果index不在0-str.length(不包含str.length)之间,返回NaN。注意:如果没有指定length,返回从下标开始处结尾处的所有字符串。原创 2022-10-21 14:43:02 · 693 阅读 · 0 评论 -
JS原型之属性设置和屏蔽,你能想到吗?
如果属性名foo既出现在my0bject中也出现在my0bject的[[Prototype]]链上层,那么就会发生屏蔽。my0bject中包含的foo属性会屏蔽原型链上层的所有foo属性,因为myObject.foo总是会选择原型链中最底层的foo属性原创 2022-10-21 11:49:07 · 405 阅读 · 0 评论 -
JS获取对象属性API汇总(可/不可枚举、symbol)(建议收藏)
对象的每个属性都有一个描述对象(Descriptor),用来控制该属性的行为。方法可以获取该属性的描述对象。描述对象的enumerable属性,称为“可枚举性”,如果该属性为false,就表示某些操作会忽略当前属性。目前,有四个操作会忽略enumerable为false的属性。原创 2022-10-21 10:38:49 · 739 阅读 · 0 评论 -
深入了解JS中for...in和for...of的区别
无论是for...in还是for...of语句都是迭代一些东西。它们之间的主要区别在于它们的迭代方式。for...in语句以原始插入顺序迭代对象的可枚举属性。for...of语句遍历可迭代对象定义要迭代的数据(内建的可迭代对象定义要迭代的数据为键值,这个可迭代对象可以自己更改,不过如非必要最好不要这么做)。原创 2022-10-20 14:29:30 · 7991 阅读 · 0 评论 -
【手写系列】自己手写实现apply、call、bind
看完不会私信我原创 2022-10-18 13:05:21 · 305 阅读 · 0 评论 -
JavaScript事件循环剖析
现在我们对事件循环有了深入了解了,但是它们的执行过程还不是很清晰,我们再把执行过程弄清楚了以后就能游刃有余了。原创 2022-10-17 21:22:48 · 427 阅读 · 1 评论 -
axios使用介绍及封装
axios是基于Promise的,因此可以使用Promise API。原创 2022-10-15 21:02:07 · 3605 阅读 · 0 评论 -
JavaScript之DOM常用属性及方法详解
自定义属性目的∶是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。自定义属性获取是通过getAttribute ('属性〉获取。element.getAttribute('属性')//自己定义的element.setAttribute('属性','值')//主要针对自定义属性移除属性:removeAttribute('属性')但是有些自定义属性很容易引起歧义,不容易判断是元素的内置属性还是自定义属性。H5给我们新增了自定义属性设置H5自定义属性。原创 2022-10-14 14:49:02 · 2068 阅读 · 0 评论 -
浏览器对象模型(BOM)常用属性及方法
概述:提供了而与的对象,其核心对象是window不像DOM那样是W3C的标准规范,兼容性较差,window包含document, location, navigation,screen, history,frames。原创 2022-10-13 16:26:58 · 681 阅读 · 0 评论 -
前端如何判断浏览器类型及版本?
在网站前端开发中,浏览器兼容性问题让我们手忙脚乱,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。原创 2022-10-12 23:08:44 · 4784 阅读 · 0 评论 -
JavaScript核心技术之Ajax详解
Ajax 的核心是 XMLHttpRequest 对象。所有现代浏览器都支持 XMLHttpRequest 对象。XMLHttpRequest 对象用于同幕后服务器交换数据。这意味着可以更新网页的部分,而不需要重新加载整个页面。首先我们在控制台打印一下,看看。原创 2022-10-10 14:18:22 · 1388 阅读 · 0 评论 -
JavaScript核心技术之JSON详解
JSON(JavaScript Object Notation, JS对象简谱)是一种轻量级的数据交换格式。它基于 ECMAScript(European Computer Manufacturers Association, 欧洲计算机协会制定的js规范)的一个子集,采用的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。原创 2022-10-09 17:18:52 · 12438 阅读 · 0 评论 -
前端如何处理跨域问题
postMessage是h5引入的一个新概念,现在也在进一步的推广和发展中,他进行了一系列的封装,我们可以通过window.postMessage的方式进行使用,并可以监听其发送的消息;原创 2022-09-30 14:53:28 · 10400 阅读 · 0 评论 -
如何使用JS拦截并禁止用户复制、剪切、粘贴、鼠标右键(含破解方法)
想必大家经常会遇到这样的需求,禁止用户复制、剪切、另存为、鼠标右键的操作等。今天一篇文章学会拦截并禁止用户特定操作及破解方法。正所谓道高一尺魔高一丈啊能禁止也能破解。原创 2022-09-28 17:35:43 · 9514 阅读 · 0 评论 -
JavaScript语言这独特的继承方式你都了解吗?
在这里我们可以看到 new 了一个空对象,这个空对象指向 Animal 并且 Cat.prototype 指向了这个空对象,这种就是基于原型链的继承。原创 2022-09-28 09:51:55 · 313 阅读 · 0 评论 -
cookie、session、token你都知道吗?(强烈推荐)
cookie、session、token是我们前端用于与后端通信的手段之一,了解他们对我们的帮助极大,强烈建议一定要认真看完。http协议是无状态协议,cookie、、token可以帮助服务器区分到底是谁在访问。原创 2022-09-27 12:34:28 · 488 阅读 · 0 评论 -
JS之location对象详解
location指示了其所连接对象的url位置。和对象中都有location属性,可以通过window.location和document.location访问。如果想要获得当前文档的完整url字符串,有四种方式以上方式均可以获得“”这样的字符串location在控制台输出结果为:(Chrome浏览器)原创 2022-09-26 17:54:11 · 8788 阅读 · 0 评论 -
原生JS之sort排序方法详解
sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字典升序。在不使用参数时,sort使用的是字典排序。字典序,又称 字母序,原意是表示英文单词在字典中的先后顺序,在计算机领域中扩展成两个任意字符串的大小关系。原创 2022-09-25 11:48:42 · 1503 阅读 · 0 评论 -
回顾JS中的提升机制
对一些计算机语言来说,程序被执行时,对命令的翻译通常是自上而下逐行执行的,这通常被称为对另外一些语言来说,这种翻译是预先进行的,被称为,这样在程序执行的时候,运行的就是计算机指令。JavaScript通常被认为是,因为每次执行js源码时都需要进行处理。但这么说也不是完全准确的,,JavaScript引擎实际上是程序,然后立即执行编译后的代码。而JavaScript中的变量声明和函数提升的直接原因就是编译阶段编译器所做的事。原创 2022-09-23 13:22:40 · 243 阅读 · 0 评论 -
原生JS之this绑定规则,再也不用担心this指向问题了
相同点:都是改变this指向的;第一个参数都是this要指向的对象;都可以利用后续参数传参;区别:call和bind的参数是依次传参,一一对应的;但apply只有两个参数,第二个参数为数组;call和apply都是对函数进行直接调用,而bind方法返回的仍是一个函数;原创 2022-09-21 11:19:19 · 600 阅读 · 0 评论 -
ES6之Object.is()方法判断是否相等
当我们想在JavaScript中比较两个值时, 第一时间想到的就是相等运算符(==)或全等运算符(===),由于相等运算符在比较时可能会触发存在强制类型转换,我们更喜欢后者。但是全等运算符也不完全准确,比如,+0和-0在JavaScript引擎中被表示为两个完全不同的实体,但是如果用全等运算符(===)来比较,得到的结果是两者相等了,又如,NaN===NaN的返回结果是false。为此,ES6引入了Object.is()方法来弥补全等运算符的不准确运算,下面我们来介绍一下这个API的用法和功能。...原创 2022-08-06 13:30:47 · 1280 阅读 · 0 评论 -
JavaScript之Object.defineProperty(defineProperties)详解
Object.defineProperty和Object.defineProperties详细解读,一篇文章彻底理解原创 2022-07-24 15:19:16 · 2893 阅读 · 0 评论 -
浏览器的回流和重绘
回流和重绘可以说是每一个web开发者都经常听到的两个词语,可是可能有很多人不是很清楚这两步具体做了什么事情。本文将带你从零开始理解回流与重绘的概念和区别原创 2022-05-16 22:08:10 · 435 阅读 · 0 评论 -
深入理解JS闭包
闭包是函数和声明该函数的词法环境的组合,它的最大用处有两个,一个是函数外部可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。原创 2022-05-13 15:26:40 · 491 阅读 · 2 评论 -
深入理解JS作用域和作用域链
作用域就是代码的执行环境,全局作用域就是全局执行环境,局部作用域就是函数的执行环境,它们都是栈内存。作用域链也被称为变量查找的机制,它最为重要的一点是安全原创 2022-05-12 19:18:07 · 1151 阅读 · 3 评论