最新文章

如何设计一个 JavaScript 插件系统

不管是 jQuery、 Vue 还是 React,它们都支持插件。插件是库和框架中很常见的功能,插件能够使你的项目具有更高的价值,而且也不会增加太多额外的维护负担。本文详细介绍了使用 JavaScript 构建插件系统的方法和流程,以及相关注意事项。

ES6 模块管理方案:export 和 import 详解

ES2015(即:ES6)引入了模块的概念,提供了 exportimport 2 个主要的语句(API)。相对于社区实现的 JS 模块管理方案,ES6 模块管理更加强大和灵活,最重要的是,这是 ECMAScript 官方推出的 JS 模块管理方案,是每位前端开发者需要掌握的模块化方案。

一文搞懂什么是 PostCSS

PostCSS 提供了一种通过 JavaScript 代码的方式来处理 CSS。它负责把 CSS 代码解析成抽象语法树结构 AST,再交由插件来进行处理。PostCSS 的强大之处在于其不断发展的插件体系。

Vue 代码规范

本文从路由、生命周期、代码解耦、数据层级、HTML 代码、样式、图片等几大方面详细介绍了使用 Vue 开发时应注意的代码规范。本代码规范并非强制要求,而是提供了一种参考,让团队统一代码风格、提升代码可阅读性,降低维护成本。

如何使用位运算实现权限管理?

本文通过引入 Linux 系统权限设计思路,详细介绍了在业务系统中,如何利用位运算来实现常见的权限管理需求。本文还提供了相应的 Java 代码来展示实现思路。

系统架构:主流 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 的原理以及业务接入的方式。

二维码的前世今生

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