JavaScript
文章平均质量分 86
JavaScript学习笔记,相互学习,互相探讨,共同进步
儒雅的烤地瓜
四海八荒,始于足下呦
展开
-
JS | 详解浏览器存储机制cookies、sessionStorage和localStorage的区别
使用HTML5可以在本地存储用户的浏览数据。使用的主要目的是为了克服Cookie带来的一些限制,当数据需要被严格控制在客户端上时,无需持续的将数据发回服务器。主要目标:1.提供一种在Cookie之外存储会话数据的途径;2.提供一种存储大量可以跨会话存在的数据的机制。原创 2024-09-19 08:45:00 · 606 阅读 · 0 评论 -
HTML | 外部引入 CSS 的2种方式:link和@import有什么区别?
外部引入 CSS 有2种方式,link 和 @import。就结论而言,强烈建议使用 link ,慎用 @import 方式。原创 2024-09-18 11:42:34 · 262 阅读 · 0 评论 -
何为前端工程化?一文给你说透前端工程化
什么是前端工程化?简单来说,前端工程化可以提升开发体验、提高开发效率和质量、提升应用的访问性能,一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。前端工程化不等同于Webpack,它主要包含从编码、发布到运维的整个前端研发生命周期,把软件工程相关的方法和思想应用到前端开发。原创 2024-09-12 08:58:57 · 1029 阅读 · 0 评论 -
JS | setTimeout 延时器详解
settimeout的特点是,它只执行一次,如果想要再次执行,需要重新调用settimeout。另外,settimeout的延迟时间并不是准确的,它只是表示最早可能执行的时间,实际执行的时间可能会受到其他代码的影响,比如浏览器的事件循环,或者其他的定时器。settimeout和setinterval的区别如下:settimeout只执行一次,而setinterval会不断重复执行,直到被清除。settimeout和setinterval的延迟时间和执行间隔都不是准确的,它们会受到其他代码和浏览器的影响原创 2024-08-30 08:45:00 · 925 阅读 · 0 评论 -
JS | Javascript Math.pow( )用法及代码示例
JavaScript的Math.pow()方法用于计算一个数的幂。这个方法接受两个参数:第一个参数(base)是底数,第二个参数(exponent)是指数。Math.pow()方法返回base的exponent次方的结果。这个方法在所有主要浏览器中都得到支持,并且自JavaScript 1.0版本以来就一直存在。翻译 2024-08-25 08:45:00 · 186 阅读 · 0 评论 -
Vue | 简单说一下JQuery与Vue之间的区别
JQuery 与Vue.js的主要区别在于它们的设计理念、工作原理、侧重点、DOM操作方式、数据驱动、组件化、生态系统、学习曲线以及虚拟DOM的使用。原创 2024-08-22 10:17:11 · 437 阅读 · 0 评论 -
Vue | 如何理解Vue是一个渐进式的Javascript框架
Vue.js是一个渐进式的JavaScript框架,这意味着开发者可以根据项目的需求逐步引入和使用框架的各种功能,同时保持项目的可维护性和可扩展性。原创 2024-08-16 09:00:00 · 1166 阅读 · 0 评论 -
Vue | Vue中 ref 的用法及演示
这篇文章主要介绍了Vue中ref的用法及演示,ref被用来给元素或子组件注册引用信息。引用信息会被注册在父组件上的$refs对象上,下面来看看文章的详细内容,需要的朋友可以参考一下。原创 2024-08-14 08:45:00 · 862 阅读 · 0 评论 -
Vue | vue中$refs的用法及作用详解
这篇文章主要介绍了Vue中$refs的用法,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下。原创 2024-08-15 09:00:00 · 375 阅读 · 0 评论 -
JS | JavaScript中的基本包装类型有哪些?
在JavaScript中,基本包装类型(String, Number, Boolean)是原始类型的对象表示,它们具有属性和方法。当你尝试对一个原始类型的值进行属性或方法的操作时,JavaScript会在后台自动创建一个临时的对象,这就是基本包装类型的由来。原创 2024-08-13 08:30:00 · 823 阅读 · 0 评论 -
JS中常说的“可枚举”是什么意思?
所谓的可枚举就是可遍历的意思,也就是说对象的属性是否能够通过遍历得到。即通过for...in循环遍历到。原创 2024-08-12 08:45:00 · 746 阅读 · 0 评论 -
JS | defer和async的区别
defer与async的区别是:前者要等到整个页面正常渲染结束,才会执行;后者一旦下载完,渲染引擎就会中断渲染,执行这个脚本以后,再继续渲染。一句话,defer是“渲染完再执行”,async是“下载完就执行”。另外,如果有多个defer脚本,会按照它们在页面出现的顺序加载,而多个async脚本是不能保证加载顺序的。原创 2024-08-09 08:45:00 · 915 阅读 · 0 评论 -
10个高级实用的shell脚本,每个脚本都解决不同的问题
10个高级的Shell脚本示例,每个脚本都解决不同的问题或执行不同的任务原创 2024-07-28 09:00:00 · 289 阅读 · 0 评论 -
Token、Cookie、Session的作用及具体区别
Token、Cookie和Session在Web开发中各有其独特的作用和适用场景。Token适用于需要无状态认证和授权的场景,Cookie适用于需要用户身份识别和会话管理的场景,而Session则更适合于服务端需要存储和管理用户会话信息的场景。在实际应用中,可以根据具体需求选择合适的机制来实现用户认证和会话管理。原创 2024-07-26 08:30:00 · 675 阅读 · 0 评论 -
【JS高级】js面向对象三大特性之继承_06
构造函数虽然可以重用代码,但是无法节约内存!凡是放在构造函数中定义的方法,每new一个对象时,都会重复创建这个方法的副本!——浪费内存!我们需要用继承的方式将所有子对象共用的方法和属性值,添加到构造函数的原型对象中,子对象可直接调用!就像访问子对象自己的成员一模一样!这样既代码重用,又节约内存。今后如果同一类型的所有子对象都需要一个公共的方法或属性值时,都应该使用继承方式,以达到重用代码、节约内存的目的............原创 2022-08-02 08:57:15 · 324 阅读 · 1 评论 -
【JS高级】js面向对象三大特性之封装—如何创建对象_05
JavaScript面向对象的三大特征为封装、继承、多态。何为封装:将一个事物的属性和功能集中保存在一个对象中。何时使用封装:今后只要使用面向对象方式编程,都要先创建各种各样的对象,集中保存每个事物的属性和功能。.....................原创 2022-07-30 10:40:01 · 507 阅读 · 2 评论 -
防止API滥用:接口安全机制的全面解析
将这些方法结合使用,可以显著提高接口的安全性和防刷能力。确保在实现每种防护机制时,充分考虑用户体验,避免对正常用户造成困扰。原创 2024-07-20 09:15:00 · 856 阅读 · 0 评论 -
快醒醒,Cookie + Session 的时代已经过去了
快醒醒,Cookie + Session 的时代已经过去了转载 2024-07-18 12:30:59 · 132 阅读 · 0 评论 -
浏览器控制台console常用命令小结
chrome调试工具的Console对象相信很多人使用过,熟练的Web开发人员会经常使用 console.log() 在其代码中打印消息和调试问题,实际上还有很多很有用的功能和技巧,善用之可以极大提高Web开发,网站调优的效率!这里我们总结一下常用的console常用命令,供大家参考。原创 2024-05-09 10:04:06 · 2421 阅读 · 0 评论 -
JS | ES6新增对象 - Promise使用方法详解
Promise是异步编程的一种解决方案,可以替代传统的解决方案--回调函数和事件。ES6统一了用法,并原生提供了Promise对象。作为对象,Promise有一下两个特点: * (1)对象的状态不受外界影响。 * (2)一旦状态改变了就不会在变,也就是说任何时候Promise都只有一种状态。原创 2024-04-18 09:12:02 · 1205 阅读 · 0 评论 -
JavaScript中的for...of循环的用法详解
for...of 循环是 JavaScript 中的一种循环结构,它可以用于遍历各种数据结构,例如数组、字符串、Map、Set 等。for...of 循环通常用于替代传统的 for 循环或 forEach 循环,因为它具有更加简洁和易读的语法,能够提高代码的可读性和可维护性。原创 2024-04-10 09:30:00 · 3039 阅读 · 0 评论 -
一文彻底搞清 Iterator(遍历器)概念及用法
默认情况下以下数据类型都实现Iterator接口:Array/Map/Set/String/TypedArray/函数的 arguments 对象/NodeList 对象。Iterator的作用有三个:一是为各种数据结构,提供一个统一的、简便的访问接口;二是使得数据结构的成员能够按某种次序排列;三是ES6创造了一种新的遍历命令for...of循环,Iterator接口主要供for...of消费。原创 2024-04-04 10:20:38 · 1560 阅读 · 0 评论 -
JS对象类型 - Error错误对象的用法详解
error对象是JavaScript的原生对象,当程序解析和运行过程中发生了错误,JS引擎就会自动产生并抛出一个error对象的实例,并且程序会终止在错误发生的地方。ECMA-262 规定error对象包含message和name两个属性,message属性保存错误信息,name属性保存错误类型。原创 2024-04-01 09:38:37 · 1820 阅读 · 0 评论 -
JS中throw new Error(error) 和 throw error的用法与区别
throw可以抛出任何类型的值,不仅仅是new Error(),即throw new Error(),也就是说,它的参数可以是任何值。throw语句会中断程序的执行,导致throw语句后的语句无法正常执行原创 2024-03-30 09:30:00 · 1575 阅读 · 0 评论 -
JS | ES6 新增函数类型——Generator 函数使用方法详解
尽管Promise方法能够解决JS异步方法带来的嵌套地狱问题,但其本质上只是回调函数的改进,使用then方法以后,异步任务的两端执行更清楚了,除此以外,并无新意。而Promise最大的问题是代码冗余,原来的任务被Promise包装后,无论什么操作,一眼看上去都是很多then的堆积,原来的语义也变得很不清楚,因此Generator函数就产生了。Generator 函数具有同步和异步编程的双重特性,避免回调地狱和代码混乱。在某些场景下,Generator 函数还可以用于控制 Iterator 流程、实现状态机原创 2024-03-27 09:15:00 · 1103 阅读 · 0 评论 -
整合总结ES6中常用的新特性,供大家参考
ES6新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、模板字符串;5、默认参数值;6、类和继承;7、模块化。ES6引入了let和const关键字,允许变量在块级作用域内声明,而不是只能在函数作用域内声明。这提供了更好的变量封装和控制,有助于避免变量污染。原创 2024-03-06 09:15:00 · 1228 阅读 · 0 评论 -
JS中常用占位符使用方法详解_ |%s|%d|%f|%o|%O|%c|
JS占位符就好比我们上学时候,叫同学占一个好的位置,用一本书把位置占据,表示我没到,但是这是位置是我的!在JS中也存在占位符,使用的场景也比较少。但是细节决定成败的我们,需要知道这个写东西。原创 2024-02-08 08:45:00 · 3943 阅读 · 0 评论 -
ES6扩展运算符——三个点(...)用法详解
展开语法 (Spread syntax), 可以在函数调用/数组构造时,将数组表达式或者 string 在语法层面展开;还可以在构造字面量对象时,将对象表达式按 key-value 的方式展开。(译者注: 字面量一般指 [1, 2, 3] 或者 {name: "mdn"} 这种简洁的构造方式)原创 2024-02-06 11:25:22 · 2464 阅读 · 0 评论 -
ES6中新增Array.of()函数的用法详解
array.of()函数是JavaScript中的内置函数,它使用变量作为函数的参数创建一个新的数组实例。用法:Array.of(element0, element1, ....);参数:存在的参数为element0,element1,...。这本质上是完成数组创建的元素。返回值:它只是返回一个新的Array实例。原创 2024-02-04 10:57:02 · 949 阅读 · 0 评论 -
ES6中新增Array.from()函数的用法详解
Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。原创 2024-02-01 10:26:54 · 1431 阅读 · 0 评论 -
JQuery为什么会被淘汰?你还在用吗?
jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。其独特而又优雅的代码风格改变了JavaScript 程序员的设计思路和编写程序的方式。总之,无论是网页设计师、后台开发者、业余爱好者还是项目管理者,也无论是JavaScript初学者还是JavaScript高手,都有足够多的理由去学习jQuery。原创 2024-01-25 09:15:00 · 3271 阅读 · 1 评论 -
浅谈Vue中监听属性—watch监听器的使用方法
相信大家在开发项目中,有时候会遇到一些需求,是当一个数据改变之后进行一些操作,这个时候有些人会设置一个定时器,周期性的去循环访问,当发现数据发生了改变后执行操作。但是这种操作方式会导致系统资源的浪费,以及更新的不及时等。因此vue通过watch(侦听器)提供了一个更通用的方法来响应数据的变化,当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。原创 2024-01-17 08:38:58 · 3167 阅读 · 0 评论 -
JS数组函数 reduce() 的用法—包含基础、进阶、高阶用法
reduce 方法在数组的每个元素上执行用户提供的回调函数,即“reducer”。它传入对前一个元素进行计算的返回值。结果是单个值。它是在数组的所有元素上运行 reducer 的结果。它是如何工作的?reducer 函数逐个遍历数组元素。在每一步中,reducer 函数将当前数组值添加到上一步的结果中,直到没有更多元素要添加。原创 2024-01-14 09:34:52 · 6949 阅读 · 0 评论 -
函数式编程 - 组合compose的使用方法
函数式编程中有一个比较重要的概念就是函数组合(compose),组合多个函数,同时返回一个新的函数。调用时,组合函数按顺序从右向左执行。右边函数调用后,返回的结果,作为左边函数的参数传入,严格保证了执行顺序,这也是compose 主要特色。原创 2024-01-12 09:58:28 · 1468 阅读 · 0 评论 -
JavaScript 工具库 | PrefixFree给CSS自动添加浏览器前缀
简单而言,这东西就是自动加前缀的,在link中,或是style中,或是dom元素的style中书写CSS3 code,或是jQuery .css()方法此脚本会自动补上需要的前缀,让响应的浏览器支持该CSS3属性,避免了一些老长的浏览器前缀兼容性。原创 2023-12-27 12:58:44 · 780 阅读 · 0 评论 -
关于正则表达式中 “^” ,“$”,“g”的用法与作用
关于正则表达式中的 “^” ,“$”,“g”的作用与用法原创 2023-12-14 09:42:53 · 1099 阅读 · 0 评论 -
我们常说的流应用到底是什么?
流应用,结合了原生App和Web App的优势,又消除了各自的缺点。是移动互联网的终极应用形态!流应用建立在HTML5+这一突破性技术之上,通过强化HTML5使其达到原生App的功能和体验,并辅以类似流媒体的边用边下发行技术,这2项技术是流应用诞生的关键。流应用其实就是个App,能在桌面建快捷方式,不是网址,也不是网页。原创 2023-12-10 10:22:00 · 1101 阅读 · 0 评论 -
IntersectionObserver API的简单介绍及应用
IntersectionObserver 之前就有所了解,但是一直没有用,当时觉得浏览器兼容性不好,直接用onscroll监听也能实现相关功能,但是随着浏览器支持性越来越好,这个属性到迄今为止,可以用在大部分的正式项目中了,对于提升性能和用户体验,起到一定作用。原创 2023-12-17 09:59:26 · 1810 阅读 · 0 评论 -
你需要人手一份Web前端开发规范手册
制作一份Web前端开发规范手册——为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档。本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请您及时提出,以便进一步优化文档原创 2023-08-30 09:43:58 · 245 阅读 · 0 评论 -
DOM 简介 | 深入了解DOM
W3C DOM由以下三部分组成:核心DOM - 针对任何结构化文档的标准模型。XML DOM - 针对XML文档的标准模型。HTML DOM - 针对HTML文档的标准模型。DOM是一种提供对文档访问或修改方法的模型,它的范围很广,但对于 web 开发者来说,往往都认为它是指JavaScript在浏览器访问和修改html 文档的一种技术,但实际上范围远不局限在这里。原创 2023-09-05 09:26:32 · 4782 阅读 · 0 评论