项目中遇到要做一个报表的仪表盘，每一个卡片内是一个报表，报表有不同类型，每一种类型有其特定的尺寸。允许选择报表并添加到仪表盘。允许通过拖拽调整每个卡片位置和卡片的大小。最终可以保存布局好的仪表盘。

那么这两种方式有何不同呢，他们的使用场景如何，具体的操作步骤又是怎么样的。本文将基于这两种发布方式，对比他们的不同，详解其步骤，并对在封装Vue组件和发布npm依赖过程中所遇到的问题进行归纳和解答。相信对于更加全面的了解前端工程化和npm发布流程会有些许帮助。

各个社区已经有无数篇帖子介绍如何使用webpack搭建前端项目，但无论是出于学习webpack的目的还是为了解决工作实际需要都面临着一个现实问题，那就是版本更新。别人的帖子可能刚写好版本就更新了，又要对着帖子找文档。

本位为Masonry官方文档翻译，原始链接 安装Install 下载 下载压缩或未压缩的masonry masonry.pkgd.min.js （压缩） masonry.pkgd.js （未压缩） CDN 在unpkg直接饮用Masonry文件。 {代码...} 包管理 使用Bower安装 {代码...} 使用npm安装 {代码...} 入门Getting started HTML 在你的项目中引入Masonry.js {代码...} Maso...

制作一个文本框限制最大字数，实时监听当前已经输入的字数，并显示出来。期初我实现这个功能的方法很简单：给textarea控件添加onkeyup事件方法，在方法中将textarea值的长度打印出来，并给textarea添加一个maxlength属性设置长度限制即可。代码如下：

在开发一个含有二维码的微信页面时，我遇到了这样一个问题：使用iPhone第一次进入该页面时，二维码可以长按识别，但第二次进入时长按无法识别到二维码。安卓机都能识别。