分类:程序开发 - 13 篇文章

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

SVG 元素 viewbox 属性详解

SVG 元素的 viewBox 属性允许指定一个给定的一组图形伸展以适应特定的容器元素。它包含4个参数的列表 min-x, min-y, widthheight,以空格或者逗号分隔开。

深入理解 Promise

Promise 是 js 里面非常重要的一部分,搞懂了 Promise 才能更好的去理解 async, awaitgenerator。但是往往很多时候就是不理解 Promise 的机制,所以这次通过一步步实现一个 Promise 来加深自己的印象,提高自己的思维。

深入理解 Vue 模板渲染:Vue 模板反编译

vue 单文件模板中一般含有三个部分,template,script 和 style。但是在编译后的 js 文件中,我们却没法在代码中直接找到这三部分,这是因为 vue 并非直接使用 template 进行渲染,而是需要把 template 编译成渲染函数,才能渲染。

如何设计一个 JavaScript 插件系统

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

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

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

一文搞懂什么是 PostCSS

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

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

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

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。

彻底搞懂 JavaScript 函数

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

Javascript 代码是如何被压缩的?

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