
前端总结
m0_黎明
这个作者很懒,什么都没留下…
展开
-
HTTP协议中,GET和POST有什么区别?分别适用什么场景?
GET和POST是HTTP协议中最常用的两种请求方法。原创 2024-01-14 01:00:00 · 469 阅读 · 0 评论 -
js代码中“use strict” 是什么意思? 使用它的区别是什么?
它的作用是启用JavaScript的严格模式,从而使代码在执行时遵循更严格的语法规则。变量必须声明:在严格模式下,所有变量都必须使用var、let或const关键字进行声明,否则将引发错误。删除变量报错:在严格模式下,无法使用delete运算符删除变量,删除会引发错误。变量不可重复声明:在严格模式下,不允许重复声明同一个变量,否则将引发错误。禁止使用八进制字面量:在严格模式下,禁止使用八进制字面量,例如0o777。禁止对只读属性赋值:在严格模式下,无法对只读属性赋值,否则将引发错误。原创 2024-01-13 05:00:00 · 517 阅读 · 0 评论 -
同步和异步的区别?
异步任务示例:在异步任务中,程序可以先发出读取文件的请求,然后继续执行其他任务。在这个过程中,程序可以继续执行其他任务,不需要等待文件读取和处理的完成。同步任务是指任务按照顺序依次执行,每个任务必须等待前一个任务完成后才能开始执行。在同步任务中,任务的执行顺序是严格保持一致的。异步任务是指任务在后台独立执行,不需要等待前一个任务完成。在异步任务中,任务的执行顺序可能不一致,可以同时执行多个任务。总结起来,同步任务需要按照顺序执行,而异步任务可以同时执行多个任务,并且不需要等待前一个任务完成。原创 2024-01-12 21:40:50 · 433 阅读 · 0 评论 -
math对象的作用?
Math对象还包括其他一些函数和常量,例如三角函数(如Math.sin(x))、指数和对数函数(如Math.exp(x)和Math.log(x))以及常量π(Math.PI)。这些方法可以用于各种数学计算和问题的解决。Math对象是JavaScript的内置对象之一,用于执行数学运算和提供与数学相关的常用函数和属性。原创 2024-01-12 21:39:22 · 464 阅读 · 0 评论 -
date对象用法?
Date对象是JavaScript中的内置对象,用于处理日期和时间。它可以用来表示和操作日期、时间和时间间隔。总之,Date对象提供了处理日期和时间的方法和属性,方便开发者进行各种与日期和时间相关的操作。原创 2024-01-12 21:37:52 · 406 阅读 · 0 评论 -
原型、原型链的底层是什么?
通过原型链,我们可以实现对象之间的继承关系。当我们创建一个对象时,可以指定其原型对象,在创建对象时会自动将原型对象与新对象建立原型链。当我们访问一个对象的属性或方法时,如果该对象本身没有这个属性或方法,JavaScript引擎会沿着原型链向上查找,直到找到一个拥有该属性或方法的对象为止。原型和原型链是JavaScript中实现对象和继承的基础,对于理解和运用JavaScript的面向对象编程非常重要。原型和原型链是JavaScript中的核心概念,它们是JavaScript语言实现对象和继承的基础。原创 2024-01-12 11:08:26 · 461 阅读 · 1 评论 -
for 和 foreach 谁的执行效率更快
循环的执行效率保持接近或相当。因此,需要根据具体的编程语言和环境来确认循环的执行效率。循环则是直接迭代数组或集合的元素。然而,需要指出的是,在一些特定的情况下,一些编程语言或是运行环境中,循环可能会通过一些优化手段来提高执行效率,使其与。循环是通过索引来迭代数组或集合的元素,而。循环需要使用回调函数来处理每个元素。循环直接通过索引来获取数组元素,而。在大多数编程语言中,通常情况下。原创 2024-01-10 21:48:14 · 1038 阅读 · 0 评论 -
Typescript 的优点
Angular+Typescript:Typescript 是 Angular 框架的官方语言,通过使用 Typescript,可以为 Angular 应用程序提供更好的类型检查和开发工具支持。Vue+Typescript:Typescript 提供了对 Vue 框架的完整支持,可以在 Vue 应用程序中使用 Typescript 来增强代码的可靠性和可维护性。React+Typescript:Typescript 可以与 React 框架无缝集成,提供更好的类型检查和代码提示,增加开发效率和代码可靠性。原创 2024-01-07 08:17:32 · 1123 阅读 · 1 评论 -
类组件(Class component)和 函数式组件(Functional component) 之间有何区别?
类组件具有自己的状态(state)和生命周期方法,可以在组件的生命周期内执行特定的操作。函数式组件是以函数形式定义的组件。函数式组件通常比类组件更简洁和易于理解,适合只需要根据输入 props 渲染内容的场景。类组件(Class component)和函数式组件(Functional component)是 React 中两种不同的组件实现方式。需要注意的是,React Hooks 的引入让函数式组件也可以拥有状态和生命周期方法,使得开发者可以更灵活地选择使用类组件还是函数式组件。原创 2024-01-07 08:15:49 · 747 阅读 · 0 评论 -
vue 3.0 所采用的 Composition Api 和 vue 2.0 使用的 Option Api 区别
Vue 3.0引入了Composition API,与Vue 2.x使用的Options API有一些区别。Composition API的目标是改善代码的可重用性和组合性,使代码更易于维护和理解。在上面的示例中,Options API将所有东西放在一个对象中,而Composition API将逻辑按功能进行组织,使其更易于理解和维护。原创 2024-01-07 08:14:15 · 453 阅读 · 0 评论 -
vue是如何进行监听数据变化的?vue2 和 vue3 分别是什么?
在上述例子中,当点击按钮时,changeMessage 方法会修改 data 中的 message 属性的值,Vue3 会自动检测到数据变化,更新 DOM 中与 message 相关的部分。以上的例子中,当点击按钮时,changeMessage 方法会修改 data 中的 message 属性的值,Vue2 会自动检测到数据变化,更新 DOM 中与 message 相关的部分。更小的体积:Vue3 对代码进行了精简和优化,去掉了一些不常用的 API 和功能,使得 Vue3 的体积更小。原创 2024-01-07 08:12:23 · 573 阅读 · 0 评论 -
js循环的几种方法
JS中有多种循环结构可以使用,比如for循环、while循环、do-while循环等。这些循环结构可以根据具体的需求选择使用,用来实现循环执行某段代码的功能。原创 2024-01-07 08:10:21 · 376 阅读 · 0 评论 -
节流、防抖
例如,当用户连续输入搜索关键词时,我们可以设置一个等待时间,只有在用户停止输入一段时间后才触发搜索操作。例如,当用户连续滚动页面时,我们可以设置一个时间阈值,在这个时间范围内只执行一次滚动事件的处理函数。总结:节流和防抖都是在特定的场景下使用,通过限制函数的触发频率或延迟函数的执行来优化性能。节流适用于需要限制触发频率的场景,而防抖适用于需要等待一段时间后再执行操作的场景。节流和防抖都是一种优化性能的技术,常用于处理频繁触发的事件,比如浏览器的滚动、窗口的改变大小、鼠标移动等。原创 2024-01-07 08:09:05 · 424 阅读 · 0 评论 -
什么是ajax
通过监听 XMLHttpRequest 对象的状态变化,可以实现异步请求和处理响应。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,通过后台与服务器进行数据交互的技术。它可以在后台发送请求并接收响应,并将响应数据动态地更新到当前页面中。需要注意的是,由于安全策略的限制,AJAX 请求只能向同一个域名下的接口发送请求。当请求完成并成功返回数据时,判断状态码是否为 200,然后将返回的 JSON 数据解析并更新到页面中。原创 2024-01-07 08:07:35 · 403 阅读 · 0 评论 -
浅拷贝和深拷贝
浅拷贝是创建一个新对象,将原始对象的属性值复制到新对象中。如果属性是基本类型,则直接复制其值;如果属性是引用类型,则复制的是引用地址,因此新旧对象会共享同一个引用地址。浅拷贝只复制了对象的一层,不会递归复制子对象。深拷贝是创建一个新对象,递归地将原始对象及其子对象的属性值复制到新对象中。整个复制过程是完全独立的,新对象和原对象不共享任何引用地址。在JavaScript中,浅拷贝和深拷贝都是用于复制一个对象的方式,但它们在复制过程中的方式和结果有所不同。原创 2024-01-07 08:06:42 · 342 阅读 · 0 评论 -
什么是扩展运算符?使用场景
原理: 扩展运算符背后的原理是利用可迭代对象的iterator接口(Symbol.iterator属性),通过遍历获取可迭代对象的每个元素。对于数组,扩展运算符会依次取出元素进行展开;对于对象,会先获取其可遍历属性的键,然后依次取出键对应的值进行展开。最终生成一个新的数组或对象。扩展运算符(Spread Operator)是ES6中引入的一个新语法,用三个点(...)表示。它可以在函数调用、数组和对象的字面量等场景中,将一个可迭代对象(如数组、字符串或对象)展开成单个元素序列。原创 2024-01-07 08:05:11 · 421 阅读 · 0 评论 -
js代码中“use strict” 是什么意思? 使用它的区别是什么
"use strict"是一种使用严格模式的指令。它被放置在JavaScript代码的顶部(通常是在函数体或脚本的第一行),用于指定JavaScript代码应该以更严格的方式进行解析和执行。这些只是严格模式下的一些变化,存在更多的限制和改变。使用"use strict"可以帮助开发者避免一些常见的错误,并提高代码的可靠性和性能。原创 2024-01-07 08:04:21 · 444 阅读 · 0 评论