![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试题
文章平均质量分 51
励志的码农
这个作者很懒,什么都没留下…
展开
-
canvas 常用的绘图命令和属性有哪些?
8. destination-out:新图像在原图像外。只有原图像非交叉区域可见。6. destination-atop:新图像在原图像底部。7. destination-in:新图像在原图像中。只有原图像交叉区域可见。4. source-out:新图像在原图像外。2. source-atop:新图像在原图像顶部。3. source-in:新图像在原图像中。5. destination-over:新图像在原图像下方。新图像在原图像上方。11. xor:只显示新图像和原图像不重叠的部分。原创 2023-07-05 23:10:12 · 506 阅读 · 0 评论 -
小程序(uniapp)页面的跳转方式有哪些,他们之间的区别是什么?
uni.navigateTo 会将新页面压入页面栈,而 uni.redirectTo 则不会打开新的页面,而 switchTab 和 reLaunch 、uni.navigateBack 则会从页面栈中弹出当前页面,返回到上一页面或多级页面。保留当前页面,跳转到应用的某个页面,使用 uni.navigateBack 可以返回原页面。1、页面栈最大深度为10,当超过10时,需要使用 uni.redirectTo 或 uni.reLaunch。关闭当前页面,跳转大应用内的某个页面。这种方式类似于网页的重定向。原创 2023-07-01 15:42:16 · 4046 阅读 · 0 评论 -
WebSocket 和 Socket.IO
当服务器接收到 'chat message' 事件时,它会将这个消息广播给所有的客户端。2. 如果服务器支持 WebSocket 协议,它会返回一个包含 "101 Switching Protocols" 状态码的 HTTP 响应,表示服务器同意升级到 WebSocket 协议。在这个示例中,当用户提交表单时,浏览器会发送一个 'chat message' 事件到服务器,并清空输入框。在客户端,你可以使用 Socket.IO 的客户端库来连接到服务器,并发送和接收事件。你可以创建一个实时聊天应用。原创 2023-06-29 23:32:06 · 1659 阅读 · 0 评论 -
简单描述下对 Restful 风格的理解?
Restful 风格是一种软件架构的风格,主要用于客户端和服务器之间的交互。客户端只知道与它直接交互的服务器,不知道后边是否还有其他服务器,这样可以简化客户端的设计,提高系统的可扩展性。客户端负责用户界面和用户交互,服务器负责处理业务逻辑和数据存储。每次请求都是独立的,服务器不报错客户端的任何状态信息。这样可以简化服务器的设计,提高服务器的可扩展性。Restful 风格定义了一组同一的接口,包括资源的标志、资源的表示、信息的描述等。服务器可以将响应标记为可缓存或不可缓存,以提高客户端的性能。原创 2023-06-29 23:23:09 · 207 阅读 · 0 评论 -
echarts 常见的组件有哪些?
提供了一些工具,包括数据视图切换、数据区域缩放、图片导出等。:在鼠标悬停在某个数据项上时,可以显示该数据项的更多信息。:系列列表是图表的主要部分,每个系列代表一组相关的数据。: 在直角坐标系中,网格组件用来确定图表的位置和大小。:永不表示各种图标类型的标记和文本。:用于在图表中进行缩放或者平移。:用于标记图表中的特定值或范围。:用来显示图标的标题和副标题。:用于将数据映射到视觉元素。原创 2023-06-29 23:17:07 · 1593 阅读 · 0 评论 -
http 1.0 和 http 2.0 区别?
在 HTTP/1.x 中,浏览器需要解析 HTML 文件,发现 CSS 文件和 JavaScript 文件的引用后,再向服务器发送请求获取这两个文件。这样,当浏览器解析 HTML 文件,发现需要 CSS 文件和 JavaScript 文件时,就可以直接从缓存中获取,而不需要再向服务器发送请求。而在 HTTP/2 中,服务器在发送 HTML 文件的同时,可以预测到浏览器接下来会请求 CSS 文件和 JavaScript 文件,等到客户端真正需要的时候,直接从缓存中获取,提高了性能。原创 2023-06-29 23:20:37 · 1827 阅读 · 0 评论 -
token 过期的处理方案有哪些?
在用户登录时,除了发放一个访问令牌(Access Token)以外,再发放一个刷新令牌(Refrsh Token)。当访问令牌过期时,使用刷新令牌向服务器请求新的访问令牌。当访问令牌过期时,跳转回登录界面,让用户重新登录。这种方式的优点是可以避免用户频繁登录,但需要妥善保管刷新令牌,因为它的安全性比访问令牌更高。这种方式的优点是用户只要频繁访问,就不需要登录,但可能会增加服务器负担。用户每次使用使用访问令牌时,服务器都会更新访问令牌的过期时间。访问令牌的有效期比较短,刷新令牌的有效期比较长。原创 2023-06-29 00:21:58 · 19351 阅读 · 0 评论 -
JWT 的认证流程
4、用户将 JWT 存储在本地,通常是 cookie 或者 localStorage。6、服务器会验证 JWT ,如果验证通过,则会处理请求,返回数据。3、一旦凭据验证成功,服务器会创建一个 JWT 并返回给用户。5、用户每次向服务器发送请求时,都会在请求头中包含 JWT。7、如果用户注销或者 JWT 过期,服务器会拒绝请求。1、用户使用用户名和密码登录。2、服务器验证用户凭据。原创 2023-06-28 23:56:30 · 1418 阅读 · 0 评论 -
web 从输入url到渲染到页面上都经历了哪些过程?
浏览器与服务器简历TCO连接,进行三次握手。(DNS解析完成之后,TCP连接服务器就绪,页面绘制完成后,TCP连接断开)服务器处理浏览器的请求,并返回请求数据,其中包括HTML文档。浏览器将各个节点的涂层合并成一个完整的页面,然后展示到屏幕上。浏览器会进行DNS解析,将域名转换成服务器的IP地址。浏览器向服务器发送HTTP请求,请求页面资源。浏览器进行布局,计算出每个节点在页面上的位置。浏览器解析CSS样式,构建CSSOM树。浏览器进行绘制,将每个节点绘制到屏幕上。浏览器解析HTML文档,构建DOM树。原创 2023-06-28 23:29:48 · 491 阅读 · 0 评论 -
token 应该存在 Cookie、SessionStorage 还是 LocalStorage 中?
3. LocalStorage:将token存储在localStorage中的优点是,即使在浏览器关闭后,localStorage中的数据仍然存在,因此用户可以保持登录状态。2. SessionStorage:将token存储在sessionStorage中的优点是,它只在当前会话中存在,当用户关闭浏览器后,sessionStorage中的数据将被清除。这种方式的缺点是,如果用户在浏览器中打开新的标签页或窗口,那么新的页面将无法访问sessionStorage中的数据。在Web开发中,安全性是非常重要的。原创 2023-06-28 23:00:41 · 4987 阅读 · 0 评论 -
Promise 的基本原理
Promise 对象被创建时,其状态为 pending,当我们调用 resolve 函数或 reject 函数时,状态会改变为 fulfilled 或 rejected,并且状态一旦改变,就不能再次改变。2. resolve 函数和 reject 函数是由 JavaScript 引擎提供的,当异步操作成功时,我们调用 resolve 函数来改变 Promise 对象的状态,当异步操作失败时,我们调用 reject 函数来改变 Promise 对象的状态。原创 2023-06-28 22:42:18 · 429 阅读 · 0 评论