最新文章

系统架构:主流 API 实施方案对比及介绍

本文详细介绍了几种主流 API 架构方案的优缺点,以帮助系统架构师在 API 技术选型时做出正确的决定。目前,主流的 API 架构方案包括 RESTFul API、GraphQL、gRPC。除此以外,还介绍了 CORBA 和基于 XML 的 SOAP 技术方案。

10 个有用的 Web API

本文介绍了 10 个十分有用的 Web API,分别是:

  1. Web Audio API
  2. Fullscreen API
  3. Web Speech API
  4. Bluetooth API
  5. Channel Messaging API
  6. Vibration API
  7. Broadcast Channel API
  8. Payment Request API
  9. Resize Observer API
  10. Pointer Lock API

目前,部分 API 还存在兼容性的问题,但是,作为一名合格的前端开发人员,还是有必要了解一下这些 Web API。

WebSocket 介绍(含示例代码)

WebSocket 协议是一种全双工通信协议,即服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。适用于聊天室、客服系统、消息通知等常见的场景。

详解 HTTP/3 原理以及实施方案

2015 年 HTTP/2 标准发表后,大多数主流浏览器也于当年年底支持该标准。此后,凭借着多路复用、头部压缩、服务器推送等优势,HTTP/2 得到了越来越多开发者的青睐,不知不觉的 HTTP 已经发展到了第三代。本文基于腾讯内部接入 HTTP/3 的实践,聊一聊 HTTP/3 的原理以及业务接入的方式。

二维码的前世今生

和一维码相比,二维码的信息承载量更大,能表达的信息更加多样化。比如,同样是识别商品,一维码只能展示出商品的名称、价格、产地等少量基础信息,二维码则可以展示出更详尽的信息,甚至扫码后还能获得图片、视频、音频等不同类型的信息。

彻底搞懂 JavaScript 函数

JavaScript 中的函数非常灵活,其根本原因在于 JavaScript 中的函数就是一种特殊的对象。在 JavaScript 中,你可以将一个函数赋值给一个变量,还可以将函数作为一个参数传递给另外一个函数,甚至可以使得一个函数返回另外一个函数,这在一些主流语言中都很难实现。

Javascript 代码是如何被压缩的?

随着前端的发展,特别是 React、Vue 等构造单页应用的兴起,前端的能力得以很大提升,随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大,而毫无疑问 javascript 资源已是前端的主体资源,对于压缩它的体积至为重要。

使用 Github Actions 实现前端自动化发布

说起自动化,无论是公司项目还是个人项目,都会用到或者编写一些工具来帮助我们去处理琐碎重复的工作,以节约时间、提升效率。随着前端工程化越来越明显,做前端开发会涉及诸如构建、部署、单元测试等这些开发工作流中重复的事项,本篇文章将介绍如何利用 GitHub 官方提供的 Actions 来完成前端的自动化发布。

Javascript Palette 颜色提取算法详解

本文详细介绍了如何使用 Javascript 来提取颜色盘中的颜色,类似于 Android Palette Library,它是一个从 Bitmap 中提取图像的主题颜色的工具库。本文用 JS 实现了该工具库同样的功能。