标签:Javascript

HTML5 原生拖放功能详解

拖放(drap & drop)在我们平时的工作中,经常遇到。它表示:抓取对象以后拖放到另一个位置。目前,它是 HTML5 标准的一部分。本文将从几个方面学习并实践这个功能。

JavaScript 之 Typed Array 入门

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

深入理解 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 的强大之处在于其不断发展的插件体系。

Vue 代码规范

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

WebSocket 介绍(含示例代码)

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

彻底搞懂 JavaScript 函数

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