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

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

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

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

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

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

本文介绍了 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 中，你可以将一个函数赋值给一个变量，还可以将函数作为一个参数传递给另外一个函数，甚至可以使得一个函数返回另外一个函数，这在一些主流语言中都很难实现。

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

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

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