![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 86
一起学习,了解JavaScript,并解决相关问题
星辰迷上大海
饮水思源,行胜于言。这盛世如你所愿!运动使我健康,旅行使我记忆,学习让我懂得思考。
展开
-
前端JavaScript篇之isObject和isPlanObject千万不要再用错了这个 Lodash 方法了!
“isObject” 用于检查一个值是否为对象类型,而 “isPlainObject” 则用于检查一个值是否为纯粹的对象,即通过对象字面量或 “new Object()” 创建的对象。原创 2024-06-28 07:45:00 · 426 阅读 · 0 评论 -
前端性能优化篇之webpack如何提⾼的打包速度、如何减少打包体积、如何⽤来优化前端性能、如何提⾼构建速度?
当你想要提高Webpack的打包速度时,可以通过使用最新版本的Webpack、精心选择Loader和Plugin、利用HappyPack实现多线程加速编译、缩小文件搜索范围等方法来有效提升构建速度。减少Webpack打包体积可通过Tree Shaking、使用externals配置来提取常用库、利用DllPlugin和DllReferencePlugin预编译资源模块等方式实现。要优化前端性能,可以利用Webpack进行资源压缩、代码拆分、懒加载、图片压缩和使用合适的Loader和Plugin。以上这些方法原创 2024-06-19 07:45:00 · 1162 阅读 · 0 评论 -
前端JavaScript篇之禁止F12、禁止右键、屏蔽复制、屏蔽剪切、禁止选中、检测开发者工具、拒绝另存、禁止缓存
这些措施可以帮助保护网站内容和提升用户体验,但应该谨慎使用,避免影响正常用户操作和网站性能。原创 2024-05-18 07:45:00 · 3885 阅读 · 0 评论 -
前端之seturlParams、randomString、Math.random()、Crypto.getRandomValues()相关知识点
当你需要在 JavaScript 中操作 URL 参数时,你可以使用 seturlParams 函数来轻松添加、修改或删除 URL 参数。结合 randomString 函数,你可以生成随机字符串,这在创建临时标识符或验证令牌时非常有用。原创 2024-05-17 08:15:00 · 1004 阅读 · 1 评论 -
前端JavaScript篇之indexOf方法:用于查找数组中元素索引的方法之一
JavaScript的indexOf()方法用于查找数组中指定元素的位置。它接受一个参数,即要查找的元素,并返回该元素在数组中第一次出现的索引。如果数组中不包含该元素,则返回-1。原创 2024-05-17 07:45:00 · 390 阅读 · 0 评论 -
前端性能优化篇之如何对项目中的图片进行优化?常见的图片格式及使用场景
在项目中对图片进行优化是提高网站性能和用户体验的重要步骤。原创 2024-04-30 07:45:00 · 662 阅读 · 0 评论 -
前端性能优化篇之对节流与防抖的理解、如何实现节流函数和防抖函数
节流和防抖是优化前端性能和提升用户体验的两种技术。节流控制函数在一定时间间隔内最多执行一次特定操作,常用于处理频繁触发的事件;而防抖延迟执行函数,在一段时间内只执行一次特定操作,常用于处理连续触发的事件。原创 2024-04-29 07:45:00 · 705 阅读 · 0 评论 -
前端性能优化篇之回流与重绘的概念及触发条件、如何避免回流与重绘?如何优化动画?documentFragment 是什么?用它跟直接操作 DOM 的区别是什么?
回流和重绘是与网页性能优化密切相关的概念。回流是指浏览器重新计算元素的位置和大小,然后重新绘制页面的过程,而重绘是指在元素样式改变但不影响其布局的情况下,浏览器重新绘制元素的过程。原创 2024-04-28 07:45:00 · 861 阅读 · 0 评论 -
前端性能优化篇之懒加载的概念、特点、实现原理、懒加载与预加载的区别
懒加载是一种网页优化技术,其概念是延迟加载页面中的资源,特点是在用户需要访问时才加载,可以减轻初始加载压力和节省带宽。原创 2024-04-27 07:45:00 · 2561 阅读 · 0 评论 -
前端性能优化篇之CDN的概念、作用、原理、使用场景
CDN(内容分发网络)是一种通过部署位于全球各地的服务器,将网站的静态资源缓存在这些服务器上,并根据用户位置和服务器负载将用户请求路由到最近的服务器上,从而加速网站内容的传输,提高网站性能和用户体验。它的作用是加速网站的加载速度,降低网络延迟,减轻原始服务器压力,提供流媒体分发、软件分发、API请求加速等功能。原创 2024-04-26 07:45:00 · 1150 阅读 · 0 评论 -
参数(Parameters)在前端开发中的使用及相关知识:函数参数、回调函数和函数中的问题、常见的参数传递类型、传参方式有哪些?axios传参、传参出现参数异常、接口管理工具、请求方法
参数(Parameters)是在计算机编程和前端开发中用来传递数值、引用或者设置的特殊变量,它们允许我们向函数或者程序传递信息,以便进行相应的处理。原创 2024-04-21 07:45:00 · 1299 阅读 · 1 评论 -
前端JavaScript篇之JavaScript 深浅拷贝?
浅拷贝只复制对象或数组的第一层内容,当原始数据改变时,浅拷贝的数据也会受影响;而深拷贝会递归复制所有层级的内容,确保复制的对象或数组与原始数据完全独立,不会相互影响。原创 2024-03-21 07:45:00 · 380 阅读 · 0 评论 -
前端JavaScript篇之常见事件
JavaScript中的事件是指用户与网页元素交互时所触发的动作或者状态变化。这些事件可以包括点击、悬停、键盘输入、页面加载等。原创 2024-03-13 08:15:00 · 1369 阅读 · 0 评论 -
数据存储Cookie、SessionStorage、LocalStorage的了解和区别、二次封装一个 loaclStorage 的 hooks 时,需要考虑哪些问题呢?
cookie、sessionStorage 和 localStorage 是在客户端存储数据的三种主要方式,它们之间的区别主要在于存储位置、存储大小、数据共享、数据类型、生命周期和应用场景。当我们二次封装一个 localStorage 的 hooks 时,需要考虑以下问题: 数据类型、数据同步、数据共享数据安全、、数据清理等问原创 2024-03-13 07:45:00 · 1959 阅读 · 0 评论 -
前端JavaScript篇之浏览器的垃圾回收机制、哪些情况会导致内存泄漏
垃圾回收是指在 JavaScript 运行时自动回收不再使用的内存空间的一种机制。JavaScript 具有自动垃圾回收机制,会定期对那些不再使用的变量、对象所占用的内存进行释放,原理就是找到不再使用的变量,然后释放掉其占用的内存。原创 2024-02-15 07:45:00 · 2540 阅读 · 0 评论 -
前端JavaScript篇之await 在等待什么呢?async/await 如何捕获异常
在async/await中,await关键字用于等待一个Promise对象的解析结果。它会暂停当前函数的执行,直到Promise对象被解析(即状态变为resolved)并返回结果。原创 2024-02-14 08:15:00 · 1979 阅读 · 0 评论 -
前端JavaScript篇之对async/await 的理解、async/await的优势、async/await对比Promise的优势
async/await是JavaScript中处理异步操作的一种语法糖。它让我们可以用同步的方式写异步代码,使得代码更易读懂。原创 2024-02-14 07:45:00 · 1788 阅读 · 0 评论 -
前端JavaScript篇之Promise解决了什么问题、Promise.all和Promise.race的区别的使用场景
Promise解决了JavaScript中的异步编程问题。在传统的回调函数中,处理异步操作会导致代码嵌套过深,难以维护和理解。而Promise提供了一种更优雅的方式来处理异步操作。原创 2024-02-13 08:15:00 · 1225 阅读 · 0 评论 -
前端JavaScript篇之对Promise的理解、Promise的基本用法、Promise的五个常用的方法:then()、catch()、all()、race()、finally()
Promise是用于处理异步操作的一种机制。它类似于一个承诺,表示一个操作最终会成功或失败,并返回结果。Promise有三种状态:进行中、成功和失败,并且状态一旦改变就无法再变化。通过调用resolve()将Promise状态改为成功,调用reject()将Promise状态改为失败。可以使用then()注册回调函数来处理操作的结果。Promise的回调函数会在当前任务完成后执行,可以形成一个链式调用来处理多个异步操作。原创 2024-02-13 07:45:00 · 2280 阅读 · 0 评论 -
前端JavaScript篇之setTimeout、Promise、Async/Await 的区别
setTimeout是JavaScript中的一个函数,用于在一定的时间间隔后执行指定的代码。原创 2024-02-12 08:15:00 · 2342 阅读 · 0 评论 -
前端JavaScript篇之异步编程的实现方式?
回调函数是传统的异步处理方式,可能导致代码难以维护。Promise提供了更清晰、结构化的异步处理方式,并支持链式调用。Async/Await是基于Promise的语法糖,使得异步代码更像同步代码,更易于理解。Generator是一种特殊的函数,可用于实现暂停和生成值,需要手动管理执行过程。原创 2024-02-12 07:45:00 · 2565 阅读 · 0 评论 -
前端JavaScript篇之对象继承的方式有哪些?
原型链继承:当使用原型链继承时,子类型的原型对象被设置为父类型的一个实例。这意味着子类型通过其原型可以访问父类型的属性和方法。原创 2024-02-11 08:15:00 · 1875 阅读 · 0 评论 -
前端JavaScript篇之对象创建的方式有哪些?
对象创建的方式有很多种。比较常见的包括工厂模式(像工厂一样创建对象)、构造函数模式(使用函数初始化对象)、原型模式(通过原型克隆对象)、混合模式(结合多种方式创建对象)、动态原型模式(在运行时扩展对象功能)、寄生构造函数模式(在构造函数内部创建对象并返回)、字面量方式(直接使用{}创建对象)。这些方式各有特点,可以根据具体需求选择最适合的方式来创建对象。原创 2024-02-11 07:45:00 · 1820 阅读 · 0 评论 -
前端JavaScript篇之实现call、apply 及 bind 函数
call、apply和bind函数都是用于改变函数中this指向的方法。它们的作用都是使函数能够在不同的对象上下文中运行。call方法和apply方法的作用类似,都是立即执行一个函数,并改变函数中this指向。bind方法和call、apply方法的作用也类似,都是改变函数中this指向。不同之处在于bind方法不会立即执行函数,而是返回一个新的函数,需要再次调用才能执行。原创 2024-02-10 08:15:00 · 2034 阅读 · 0 评论 -
前端JavaScript篇之call() 和 apply() 的区别?
call()方法和apply()方法都是用来改变函数中this指向的方法,它们的作用是一样的,只是传参的方式不同。使用call()方法时,需要将要传递给函数的参数逐个列举出来;使用apply()方法时,需要将要传递给函数的参数放在一个数组中。如果传递的参数是一个数组,可以使用apply()方法将数组展开成一个一个的参数。原创 2024-02-10 07:45:00 · 712 阅读 · 0 评论 -
前端JavaScript篇之对this对象的理解
在JavaScript中,this关键字是一个非常重要的概念,它用于指向当前执行上下文中的对象。this的指向可以通过四种调用模式来判断。需要注意,在函数嵌套和使用箭头函数时,this的指向可能会发生变化。原创 2024-02-09 21:00:00 · 764 阅读 · 0 评论 -
前端JavaScript篇之如何获得对象非原型链上的属性?
要获取对象自身的属性,而非原型链上的属性,可以使用对象本身的方法或属性。如果对象自身包含该属性,则直接通过对象访问;如果对象自身没有该属性,就不会去原型链上查找。另外,可以使用 hasOwnProperty 方法来检查属性是否存在于对象自身而非原型链上。原创 2024-02-09 20:15:00 · 734 阅读 · 0 评论 -
前端JavaScript篇之原型链的终点是什么?如何打印出原型链的终点?
在使用 Object.getPrototypeOf() 方法时,需要确保传入的参数是一个对象,否则会抛出 TypeError 异常。在打印原型链时,要注意避免出现原型链中的循环引用,可以使用集合来记录已访问过的对象,避免陷入死循环。原创 2024-02-09 08:15:00 · 521 阅读 · 0 评论 -
前端JavaScript篇之对原型、原型链的理解、原型修改、重写、原型链指向
原型(Prototype)是JavaScript中每个对象都具有的属性,它包含对象的共享属性和方法。当我们创建一个新对象时,这个对象会从原型继承属性和方法。原创 2024-02-09 07:45:00 · 1888 阅读 · 0 评论 -
前端JavaScript篇之对执行上下文的理解
当我们在执行JavaScript代码时,JavaScript引擎会创建并维护一个执行上下文栈来管理执行上下文。执行上下文有三种类型:全局执行上下文、函数执行上下文和eval函数执行上下文。原创 2024-02-08 21:00:00 · 846 阅读 · 0 评论 -
前端JavaScript篇之对作用域、作用域链的理解
全局作用域是在整个代码中都可以访问的作用域。在全局作用域中声明的变量和函数可以在代码的任何位置被访问。原创 2024-02-08 20:15:00 · 1797 阅读 · 0 评论 -
前端JavaScript篇之对闭包的理解
闭包是指一个函数能够访问并操作其词法作用域(定义时所在的作用域)之外的变量的能力。它可以通过在一个函数内部创建另一个函数来实现。内部函数可以访问外部函数的局部变量、参数和其他内部函数,即使外部函数已经执行结束,这些变量仍然可以被内部函数引用。原创 2024-02-08 08:15:00 · 2048 阅读 · 0 评论 -
前端JavaScript篇之addEventListener()方法的参数和使用
addEventListener() 是 JavaScript 中用于向指定元素添加事件监听器的方法。这个方法通常用于处理用户交互,比如点击、鼠标悬停等操作。原创 2024-02-08 07:45:00 · 3708 阅读 · 0 评论 -
前端JavaScript篇之数组的遍历方法有哪些?forEach和map方法有什么区别?
在JavaScript中,遍历数组是一项基本操作,它允许访问数组中的每个元素并执行一些操作。原创 2024-02-07 21:00:00 · 1700 阅读 · 0 评论 -
前端JavaScript篇之ajax、axios、fetch的区别
在Web开发中,ajax、axios和fetch都是用于与服务器进行异步通信的技术,但它们在实现方式和功能上有所不同。原创 2024-02-07 20:15:00 · 1492 阅读 · 0 评论 -
前端JavaScript篇之如何使用for...of遍历对象
在JavaScript中,for...of循环是设计来遍历具有迭代器的数据结构的,比如数组、Map、Set等。对象(Object)本身并不是可迭代的,所以不能直接用for...of来遍历。但是,我们可以通过一些方法将对象的某些属性转换成可迭代的格式,然后使用for...of进行遍历。原创 2024-02-07 08:15:00 · 1482 阅读 · 0 评论 -
前端JavaScript篇之for...in和for...of的区别
在JavaScript中,for...in和for...of是两种常用的循环语法,它们有着明显的区别和适用场景。原创 2024-02-07 07:45:00 · 761 阅读 · 0 评论 -
前端JavaScript篇之解释性语言和编译型语言的区别
解释性语言是一种在运行时逐行解释并执行代码的语言。它不需要预先将源代码转换为机器码,而是通过一个解释器逐行读取和执行代码。原创 2024-02-06 22:00:00 · 1078 阅读 · 0 评论 -
前端JavaScript篇之强类型语言和弱类型语言的区别和对比
强类型语言和弱类型语言是编程语言的两种不同类型系统,它们处理变量类型的方式有所不同。原创 2024-02-06 21:30:00 · 994 阅读 · 0 评论 -
前端JavaScript篇之如何判断一个对象是否属于某个类?
要判断一个对象是否属于某个类,我们可以使用以下几种方法:原创 2024-02-06 08:15:00 · 603 阅读 · 0 评论