在线工具
  1. 首页
  2. 博客
  3. 程序开发

分类：程序开发 - 28 篇文章

提供和程序开发相关的文章，包括前端技术、服务器端技术、运维相关以及各种程序语言使用相关的文章。

一文搞懂什么是 PostCSS

分类：程序开发发布时间：2020-08-19

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

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

分类：程序开发发布时间：2020-07-14

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

10 个有用的 Web API

分类：程序开发发布时间：2020-06-19

本文介绍了 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。

彻底搞懂 JavaScript 函数

分类：程序开发发布时间：2020-04-07

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

Javascript 代码是如何被压缩的？

分类：程序开发发布时间：2020-03-24

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

Javascript Palette 颜色提取算法详解

分类：程序开发发布时间：2020-03-13

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

ES6 Proxy 完全入门指南

分类：程序开发发布时间：2020-03-04

ES6 引入了一种新的对象：Proxy 对象，也称为代理器， 可以理解成在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。

如何提升 JSON.stringify() 的性能？你需要知道的...

分类：程序开发发布时间：2020-03-02

在浏览器端或服务端， JSON.stringify() 都是我们很常用的方法，在一些性能敏感的场合下（例如服务端处理大量并发），或面对大量 stringify 的操作时，我们会希望 JSON.stringify() 的性能更好，速度更快。这也催生了一些优化的 stringify 方案/库。那么，在大幅的性能提升背后的技术原理是什么呢？

更多推荐文章

Javascript 代码是如何被压缩的？

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

一文看懂各主流登录方式：Session、JWT、单点登录以及 OAuth2

对于前端来说，登录就是把用户信息提交上去，后续就不用前端去担心了。但是，当我真正完整地做过一个登陆 sdk 项目，就会发现这里边的逻辑不是那么简单。本文总结了目前各种主流系统登录方式，包括：Session、JWT、单点登录（SSO）以及 OAuth2。

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

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

现代化的 JS 日期对象 Temporal 介绍

Temporal 对象是 JavaScript 中日期对象的升级改造版本，提供了比 Date 对象更丰富的 API 和日期处理能力，本文详细介绍了 JS 中 Temporal 对象的基本构成、类型介绍以及相关用法。

彻底搞懂 JavaScript 函数

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

如何构建高质量前端工程？

在过去，与大多数工程师一样，我认为前端代码的设计水平大多与工程师的能力有直接关系。但随着接手了几个多人协作的大型前端项目，我开始意识到，这种认知对短生命周期的小型项目可能适用，但对真正的大型项目，仅靠提升工程师质量有时并不能直接提升代码的质量。

CSS 文本截断方法总结

本文梳理和总结了各种 CSS 文本截断的方法，包括单行文本截断和多行文本截断，并深入分析了每种方法的实现原理。

GraphQL 入门指南

GraphQL 是 FaceBook 推出的一种用于 API 的查询语言。本文主要围绕 GraphQL 的 Server 端实现，因为相比 Client 端，Server 端包含了更多的内容。如果你的项目正处于技术选型，你正在犹豫选择一种接口风格的时刻，不妨了解一下 GraphQL 这个神奇而强大的技术。

JavaScript 之 Typed Array 入门

随着 Web 应用的成长越来越快，而且复杂度越来越高，增加了一些新特性：audio 或 video 的操作；使用 WebSocket 收发未经过加工的二进制数据等等，因此通过 JavaScript 的 Typed Array 容易且快速的操作未经加工的二进制数据就变得很重要，可以在更深层次对数据做控制。