前端知识汇编(持续更新中)

这篇具有很好参考价值的文章主要介绍了前端知识汇编(持续更新中)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 浅析cookie sessionStorage localStorage

详请-> cookie、Web Storage

同:

  • 保存在浏览器端
  • 都有同源限制(cookie:与特定域绑定,不被其他域访问;sessionStorage:与会话绑定;localStorage:来自相同域,子域不行)

异:

  • 所有cookie都会作为请求头部由浏览器发送给服务器(在浏览器与服务器之间来回传递);webStorage只存在浏览器本地;
  • 存储空间大小不同,cookie一般只有4kb;webStorage的大小由浏览器限制,一般有5MB;
  • 生命周期不同。cookie可设置过期时间;localStorage没有手动清除就会一直在;sessionStorage在会话结束时被清掉
  • 应用场景不。Cookie一般用于存储登录验证信息SessionID或者token,LocalStorage常用于存储不易变动的数据,减轻服务器的压力,SessionStorage可以用来检测用户是否是刷新进入页面,如音乐播放器恢复播放进度条的功能。

2. *浅析js数据类型

详请-> JS数据类型(undefined、null、boolean、number、bigInt、string、symbol、object,8种)

js数据类型分两类:

  • 简单数据类型(7种):undefined、null、boolean、number、bigInt、string、symbol
  • 复杂数据类型(1种):object
    (二者最大区别就是他们在内存中的存储方式不同,简单数据类型直接存储在栈中的简单数据,占据空间小;复杂数据类型存储在堆内存中,占用空间大,存取涉及指针)

注意:
BigInt和Symbol都是后面新加的数据类型,实际运用上比较少。

js中Numberr类型只能安全的表示-253+1 和 253-1 任何超出此范围的整数值都可能失去精度。BigInt 是一种内置对象,它提供了一种方法来表示超出 [-253+1, 253-1] 范围的整数。BigInt 可以用任意精度表示整数。

  • BigInt 和 Number 不是严格相等的,但是宽松相等的;
  • BigInt和Number之间不能进行混合操作
  • 最好Number和BigInt不要互相转换

Symbol是原始值,且Symbol实例是唯一、不可变的 。Symbol的用途是确保对象属性使用唯一标识符,不会发生属性冲突的危险。Symbol就是用来创建唯一记号,进而作用非字符串形式的对象属性。可以作为object的key。

3. 浅析js中的闭包

详请-> 闭包
闭包指那些引用了另一个函数作用域中变量的函数,通常是在嵌套函数中实现的。

  • 闭包形成的原理:作用域链。只要是代码都一个作用域中,写在函数内部的局部作用域,未写在任何函数内部即在全局作用域中;如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域;根据在 [内部函数可以访问外部函数变量] 的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作 作用域链就近原则
  • 闭包带来的问题:由于垃圾回收器不会将闭包中变量销毁,于是就造成了内存泄露,内存泄露积累多了就容易导致内存溢出。

4. *浅析Promise

详请-> Promise
Promise的作用:Promise是异步微任务,解决了异步多层嵌套回调的问题,让代码的可读性更高,更容易维护。

Promise有三种状态·待定pending(初始)兑现resolved拒绝rejected,状态落定后不可逆。resolve 方法的参数是then中回调函数的参数,reject 方法中的参数是catch中的参数。文章来源地址https://www.toymoban.com/news/detail-794341.html

到了这里,关于前端知识汇编(持续更新中)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 2023年最新前端面试题汇总大全(含答案超详细,HTML,JS,CSS汇总篇)-- 持续更新

    专项练习–持续更新 HTML篇 CSS篇 JS篇 Vue篇 TypeScript篇 React篇 微信小程序篇 前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 1.xhtml和html有什么区别 功能上 主要是 XHTML 可兼容各大浏览器、手机以及 PDA ,并且浏览器也能快速

    2024年02月12日
    浏览(58)
  • pyqt5控件自适应窗口知识点汇总(超详细讲解,持续更新中…)

    本文涉及:Windows操作系统,Python,PyQt5,Qt Designer,PyCharm 目录 一、自适应原理  二、基础布局示例 三、高级布局示例:布局嵌套布局 四、其它特殊控件自适应补充 1. tableWidget  2. 未完待续… 五、结语         自适应其实很简单,只要搞懂原理,你就能随心所欲地去布置你

    2024年02月02日
    浏览(46)
  • 前端知识点、技巧、webpack、性能优化(持续更新~)

    可以把  图片转换成  base64  放在src里面   减少服务器请求  但是图片会稍微大一点点 以上的方法不需要一个一个自己转化 可以在webpack  进行 性能优化   (官网有详细描述)

    2024年03月10日
    浏览(46)
  • 2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新

    HTML篇 CSS篇 JS篇 Vue篇 TpeScript篇 React篇 微信小程序篇 前端面试题汇总大全(含答案超详细,HTML,JS,CSS汇总篇)-- 持续更新 1. 谈谈你对MVVM开发模式的理解? MVVM是一种简化用户界面的 实践驱动编程方式 。在当前主流的前后端分离的开发模式中,MVVM模式的优越性日益体现,相较

    2024年02月10日
    浏览(58)
  • 汇编常用指令(持续更新)

    逻辑与指令: and dest,src将目标与源做与操作 or dest,src将目标与源做或操作 add 加得数的值超出范围即会溢出 inc 汇编语言中的自增指令,相当于++ div指令 不会给出被除数 切记提前在默认的寄存器中设置好被除数,且默认寄存器不做别的用处 dup设置内存空间,与db、dw、dd等数

    2024年02月05日
    浏览(43)
  • ARM 架构下的汇编指令(持续更新中)

    pldw 是 “Prefetch Load Data for Write” 的缩写,pldw 指令用于预取写操作,它告诉处理器需要预先加载指定地址的数据,以便进行写操作(例如修改变量的值)。 t:这是转义字符,表示一个水平制表符(Tab),用于在输出或显示文本时插入一个制表符。 %a0:这是内联汇编语法中

    2024年02月14日
    浏览(44)
  • 持续不断更新中... 自己整理的一些前端知识点以及前端面试题,包括vue2,vue3,js,ts,css,微信小程序等

    答: 在普通的前端项目工程中,在script标签中增加setup即可使用api 使用setup()钩子函数 答: 不要在计算属性中进行异步请求或者更改DOM 不要直接修改computed的值 区别: 计算属性值基于其响应式依赖被缓存,意思就是只要他之前的依赖不发生变化,那么调用他只会返回之前缓

    2024年02月11日
    浏览(63)
  • 线性DP题目汇总(持续更新)

    此篇章主要整理一些关于线性dp的题目,很多题目其实都可以被挂上线性dp的标志,比如最熟悉的最长上升子序列啊,最长公共子序列啊等等,并且线性dp在自己写力扣周赛的题目的时候,真的会时不时出几道,然后刚好利用这些题目加上dp分析的方法,把题目好好写一写。 ①

    2023年04月08日
    浏览(36)
  • 安全行业招聘信息汇总——持续更新!

    (1)安全攻防工程师 职位描述 1、负责上线安全测试(黑盒、白盒)、例行安全检查、渗透测试、APP安全测试等工作; 2、制订研发流程中的安全规范,监督和保障安全规范的实施; 3、负责SDLC流程落地,深入业务技术及架构,左移解决安全风险; 4、对标国际信息安全最佳

    2024年02月05日
    浏览(46)
  • JAVA 基础算法汇总(持续更新)

    目录 前言 一、查找算法 1.顺序查找(线性查找) 2.二分查找 二、排序算法 1.冒泡排序 2.直接选择排序 3.插入排序 4.直接插入排序 · · · 三、链表的基础操作 1.链表的创建 2.移除链表元素 3.设计链表 4.ListNode temp = head 与  ListNode dumpyNode = new ListNode(0) 的区别 四、树的基础操作

    2024年02月04日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包