前端基础
文章平均质量分 95
前端基础相关
若梦plus
这个作者很懒,什么都没留下…
展开
-
浏览器中的跨页面通信之Broadcast Channel、SharedWorker
浏览器中的跨页面通信之Broadcast Channel、SharedWorker原创 2024-09-03 19:29:00 · 809 阅读 · 0 评论 -
ES6之WeakMap
在Vue3的源码中,WeakMap被广泛应用于缓存对象。WeakMap提供了类似于Map的功能,但是键是弱引用的,也就是说当键对应的对象不再被其他对象所引用时,这个键值对会自动被GC(垃圾回收)回收原创 2024-09-03 19:25:37 · 1117 阅读 · 0 评论 -
前端缓存知识汇总
前端缓存主要是指缓存和浏览器缓存前端缓存可以加快页面加载速度、减轻服务器负担、减少延迟与网络阻塞、提高用户体验、支持离线使用等,能够有效的提升网站与应用的性能,但同时也面临着缓存过期、用户安全、缓存清除等问题。原创 2024-08-02 00:14:38 · 1006 阅读 · 0 评论 -
未来组件化开发趋势WebComponent
未来组件化开发趋势WebComponent原创 2024-07-18 23:50:38 · 491 阅读 · 0 评论 -
浏览器的本地存储
浏览器的本地存储原创 2024-06-21 10:51:18 · 876 阅读 · 0 评论 -
HTTP简介
HTTP简介原创 2024-06-19 13:55:57 · 887 阅读 · 0 评论 -
浏览器渲染原理
与。原创 2024-06-17 00:11:16 · 1120 阅读 · 0 评论 -
HTTP协议版本历程
在我们现实生活中,网络的切换是很常见的情况,TCP连接基于四元组(源IP, 源端口, 目的IP, 目的端口), 切换网络时至少会有一个因素(一般是IP)发生变化,就会导致原本的连接异常,这时需要重新创建TCP连接,才能正常传输数据。因为UDP并不是个可靠协议,QUIC使用前向纠错来增加协议的容错性,一段数据会被拆成多个数据包,传输途中某个包丢失,接收方收到数据包后,可以"校验"发现有丢包情况并通过其他包和FEC,推算出丢失的那个包的数据来"纠错"可以同时并行发送多个请求,而不需要一个接一个的等待响应了。原创 2024-06-16 17:32:21 · 938 阅读 · 0 评论 -
设计模式浅析
继承子类继承父类继承可以把公共方法抽离出来,提高复用,减少冗余封装把数据封装起来减少耦合,不该外部访问的不要让外部访问利于数据的接口权限管理ES6 目前不支持,一般认为_开头的都会私有的,不要使用实现public:公有修饰符,可以在类内或者类外使用public修饰的属性或者行为,默认修饰符protected:受保护的修饰符,可以本类和子类中使用protected修饰的属性和行为private : 私有修饰符,只可以在类内使用private修饰的属性和行为多态同一原创 2024-06-16 17:26:42 · 862 阅读 · 0 评论 -
抽象语法树AST(Abstract Syntax Tree)
这些工具的原理都是通过把代码转化为一颗抽象语法树(AST),这颗树定义了代码的结构,通过操纵这颗树,我们可以精准的定位到声明语句、赋值语句、运算语句等等,实现对代码的分析、优化、变更等操作。原创 2024-06-14 14:19:35 · 1121 阅读 · 0 评论 -
web端即时通信技术
对于IM/消息推送这类即时通讯系统而言,系统的关键就是“实时通信”能力。所谓实时通信有以下两层含义客户端可以主动向服务端发送信息。当服务端内容发生变化时,服务端可以实时通知客户端。客户端轮询:传统意义上的短轮询(Short Polling)服务器端轮询:长轮询(Long Polling)单向服务器推送:Server-Sent Events(SSE)全双工通信:WebSocket客户端向服务器端发送一个请求,服务器返回数据,然后客户端根据服务器端返回的数据进行处理。客户端继续向服务器端发送请求,继续重复以上的原创 2024-06-14 13:41:15 · 955 阅读 · 0 评论 -
web安全-前端层面
跨站脚本攻击(Cross-Site Scripting, 简称XSS)当用户将恶意代码注入网页时,其他用户在浏览网页时就会受到影响攻击主要方向主要用于盗取cookie凭据,钓鱼攻击,流量指向等CSRF (Cross-site request forgery,跨站请求伪造)也被称为One Click Attack或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用。原创 2024-06-11 19:20:40 · 1736 阅读 · 6 评论 -
前端跨域解决方案
跨域"是指浏览器为了安全性,设置的同源策略限制同源策略是一种约定,它是浏览器的一种安全功能,只允许web页面请求同一个源(协议,域名和端口)的资源换句话说,如果在浏览器中运行的网页试图请求来自不同源的资源,就会发生"跨域",这通常会被浏览器所禁止。以下是几种跨域的情况:URL(Uniform Resource Locator)是互联网上的一种资源的简洁标识。它是一种特定格式的字符串,可以指向互联网上的任何资源。以下是一个URL的完整示例:http://username:password@www.exampl原创 2024-05-26 22:33:39 · 589 阅读 · 0 评论 -
V8的内存垃圾回收
FeedBack Vector slot(反馈向量槽)是一个数组,是用来给优化编译器提供信息的。源代码直接编译成机器码编译时间太长,体积太大,不适合移动端。编译成字节码编译时间短,体积小。字节码是机器码的抽象表示。原创 2024-05-26 22:28:33 · 385 阅读 · 0 评论 -
EventLoop基础知识
/ 导致主栈没有清空,主栈清空才会去执行微任务。'一个子节点被添加或者删除了'宏任务结束之后会先执行微任务。微任务会先于渲染执行。比较二者执行栈的区别。原创 2024-05-25 20:49:38 · 436 阅读 · 0 评论 -
函数式编程
函数式编程是一种编程范式//面向过程let a=1;let b=2;//面向对象class Sum{add(a,b){return a+b;//函数式编程,这里的函数指的是一种映射关系 y=f(x)return a+b;add(1,2);函数的返回结果只依赖于它的参数,相同的输入始终得到相同的输出函数执行过程里面没有副作用(一个函数执行过程对产生了外部可观察的变化那么就可以说这个函数是有副作用)return a+b;let c = 1;let d =2;d++;原创 2024-05-25 20:47:08 · 412 阅读 · 0 评论 -
jwt基础知识
私有声明是提供者和消费者所共同定义的声明,一般不建议存放敏感信息,因为base64是对称解密的,意味着该部分信息可以归类为明文信息。公共的声明可以添加任何的信息,一般添加用户的相关信息或其他业务需要的必要信息.但不建议添加敏感信息,因为该部分在客户端可解密。服务端的保护路由将会检查请求头Authorization中的JWT信息,如果合法,则允许用户的行为。完整的JWT 完整的JWT格式的输出是以. 分隔的三段Base64编码。因为用户的状态在服务端的内存中是不存储的,所以这是一种无状态的认证机制。原创 2024-05-22 23:25:17 · 608 阅读 · 1 评论 -
Typescript
可以指定参数的类型和返回值的类型启用类属性初始化的严格检查name!:string/*** 当我们写一个类的时候,会得到2个类型* 1. 构造函数类型的函数类型* 2. 类的实例类型*/static myName: string = '静态名称属性';myName: string = '实例名称属性';//Component类名本身表示的是实例的类型//ts 一个类型 一个叫值//冒号后面的是类型//放在=后面的是值。原创 2024-05-22 22:13:01 · 894 阅读 · 1 评论 -
ECMAScript6
ECMAScript6部分基础知识原创 2024-05-19 20:05:12 · 857 阅读 · 1 评论 -
JS基础知识回顾
JS基础知识回顾原创 2024-05-17 22:21:41 · 718 阅读 · 0 评论