上传自己的组件到NPM
新建项目用vue-cli新建项目vue init webpack-simple tagCloud，tagCloud请换成自己的项目名称，然后在src下新建lib文件夹，然后在lib文件夹index.js和tagCloud.vue文件。目录结构如下：
编写组件代码编写tagCloud.vue的代码
...
webApp开发一些兼容性的坑
通过做嗨黔东南APP(IOS，Android)这个项目遇到过很多兼容性的坑，写博客记录备份一下，以免再次踩坑。
移动端input处理禁用选择复制带来的问题 大多数在禁用选择复制的问题都是通过user-select: none来处理。代码如下： 1234567891011* {
...
搞清楚CSS单位px、em、rem、vh、vw、vmin、vmax
1、px 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
2、em 相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。看下面例子：HTML::
1234567<body>body<div class="div
...
Vue即时聊天(集成极光IM)
UI界面
带表情输入框HTML中，input、textarea不太好处理表情、图片的插入。一般有两种处理方案，一是用input来控制输入，再用一个div来控制显示；另外一种就是利用HTML5提供的新属性contenteditable，该属性可以让div或者p等标签变成可输入的的标签，缺点是低版
...
前端代码规范-eslint
前端代码规范-eslint
前言
使用安装本地安装（用到当前项目）1npm install eslint --save-dev
全局安装（用到所有项目。我们强制要求使用，推荐全局安装）1npm install -g eslint
使用vscode编辑器是可以安装eslint插件，它在你写代码的时候
...
Vue实现购物车抛物线动画
前言
抛物线动画应用场景较多，在购物车页面比较常见，那么，怎么来实现这样一个动画？
先看一下Demo图。
实现原理及步骤
动态计算每一个加号到购物车的距离；
123456789101112// 加号到顶部的距离let iconTop = this.$refs.banner.$el.c
...
iOS中margin无效
之前在用VUE写微信公众号，用的Mint-UI的Loadmore组件的时候，iOS浏览器中的样式不能正常显示，然后发现不只这一个组件有问题，其他使用margin-bottom全都无效。
然后百度了一下资料：12345关于layoutMarginsiOS8后，UIView 有个属性 var layou
...