移动端APP开发中遇到的问题（持续更新中...）

H5

1. 提前调用5+APi：Android平台提前注入5+ API，支持在plusready事件前调用

APP

1. 获得状态栏高度，修改状态栏样式：mui 设置高度
2. 安卓手机键盘抬起改变视口高度：移动端vh布局软键盘弹起改变高度问题
3. 判断机型，适配安全区域：js判断iPhone X，适配底部被小黑条遮挡问题
4. 手机底部适配：小程序 safe-area-inset-bottom
5. 苹果手机APP全屏：<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />

插件

1. 行为验证码：AJ-Captcha

字体

1. 字体：移动端字体问题

富文本

1. 移动端-富文本链接处理（测试中）：移动端-富文本链接处理
2. 让图片自适应：css 使富文本编辑器中的内容 在手机端自适应

ios

1. ios图片圆角失效：ios失效 使用css3 圆角

Echarts

1. tooltip位置：【echarts】tooltip显示位置设置

MUI

1. 清除input的内容：mui的input搜索框里的清除按钮的点击监听事件
2. 轮播图只有一张图片时禁止轮播和滑动：mui slider禁止滑动
3. 区域滚动返回顶部：mui返回到顶部
4. 创建引导页：mui开发app教程-1
5. MUI开发参考：MUI+Vue采坑指南
6. 底部导航兼容{还没测试过}：mui ios底部导航和顶部标题被遮挡问题
7. 沉浸式：MUI——设置沉浸式状态栏
8. 沉浸式导航栏：MUI-设置沉浸式状态栏后MUI导航栏的高度问题
9. 通过getWebviewById获取入口文件：HBuilder mui 通过getWebviewById获取入口文件

贝塞尔

1. 贝塞尔官网：贝塞尔曲线
2. 贝塞尔案例：Vue项目中利用贝塞尔曲线实现添加购物车时的小球抛物线效果

flex

1. 填满剩余空间：flex布局：垂直、水平方向-自动填充满剩余空间
2. 最后一个元素右对齐：Flex布局如何实现最后一个元素右对齐（CSS）
3. 禁止宽度被压缩：flex布局中设置宽度被压缩的问题
4. 一行显示多个，换行显示：flex布局: 一行显示固定个数，换行展示

拖拽布局

1. 原生方法：Vue实现列表拖拽排序
2. 拖拽插件：sortablejs
3. 在vue中使用拖拽插件：vue-draggable
4. sortable的简单使用：拖拽排序插件sortable
5. 部分安卓手机点击事件不兼容：vue.draggable兼容安卓点击事件
6. 兼容安卓手机：vue.draggable拖拽与点击冲突解决方案,兼容安卓与15版本iOS
7. 拖拽无效问题：vue - vuedraggable的使用以及处理兼容问题（拖拽无效问题）

js

1. 去除空格：VUE 项目去除 input 框值 所有空格
2. 过滤数组： 过滤数组的方法filter()
3. 字符串加倍：在js中将字符串中的每个字母加倍
4. 颜色转换：16进制转换成rgba方法
5. 常用正则：正则表达式^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$
6. 共有方法注释：js中函数(方法)注释
7. 防止点击多次：js防止重复点击、防止点击过快的方法
8. 毫秒数转换：js将毫秒数转换为天数、小时数、分钟数和秒数的计算方法

vue

1. 动态绑定class：vue动态绑定class的几种方式
2. 动态绑定style和class：vue中，动态绑定样式——动态绑定style写法 & 动态class写法
3. 判断图片加载完成：js和vue的图片加载完成事件
4. 动态绑定背景图：VUE 动态绑定背景图片（:style）需要用require包裹

css

1. 提高图片上标题的可读性：分享CSS处理图像上文字的几种小技巧
2. 宽度由内容撑开：css设置根据内容自适应宽度
3. 波浪动画：CSS 波浪效果动画 波浪起伏 水波动画 Pure CSS Wave 手把手教你用CSS做出波浪动画

iconfont

1. iconfont的引入：iconfont的几种引用方式
2. 链接引入阿里图标：引入阿里iconfont图标方法以及注意事项

animate

1. animate的使用：Animate.css在vue中的简易使用