本文可能无法从细节层面教会你如何做好一个开源组件库，作者也在不断探索和学习，但是也许会对你有所启发。

如果你已经写过很多 npm 模块，你就可以跳过这部分。如果没有的话，我们先看下简介。 一个 npm 模块 只 需要包含一个带有 name 和 version 属性的 package.json 文件。 看看你。 就像一只懵懂无知的小象。 你不是制作 npm 包的专家，但你很想学习…

录音功能是H5表单中的一个功能，该H5会通过webview嵌入到小程序外壳中使用。按照通用性要求，不能使用类似wx-jssdk等JSBridge库，需要使用H5原生开发

1.项目中新建一个recorder.js文件，内容如下，也可在百度上直接搜一个2.页面中使用，具体如下3.除了上述代码中的注释外，还有一些地方需要注意上传语音时，一般会有两个参数，一个是语音的路径，一

本文范例代码使用vue2.0开发 首先当然是在项目中安装包 然后在页面中引入 该插件可以控制录得的语音的质量，以下是插件内配置对象的定义

以前准备做一个网页版聊天界面，表情啊、图片啊、上传文件啊都应该要有，视频就算了，语音还是要的。 如是，就有了这个轮子。 在线测试，支持大部分已实现getUserMedia的移动端、PC端浏览器，包括腾讯Android X5内核(QQ、微信)。点此查看浏览器支持情况。 录音默认输…

本文介绍如果使用web技术实现思维导图，内容包括代码的架构与关键技术的实现。文中有思维导图的源码和demo，有兴趣的同学可以看一看。

一个组件的复杂度，主要来源就是自身的状态；即组件自身需要维护多少个不依赖于外部输入的状态。 组件开发中，如何将数据和UI解耦，是最重要的工作。 组件开发过程中，时刻谨记、思考是否符合以下的原则，可以帮助你开发一个更完善的通用组件。 如fetch请求和渲染逻辑，应该分离。因为fe…

没有业务场景的功能都是耍流氓，那么我们先来模拟一个需要实现的业务场景。假设我们要做一个后台系统添加商品的页面，有一些商品名称、信息等字段，还有需要上传商品轮播图的需求。 我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思路都差…