移动端端APP开发的一些参考(MUI+VUE)
- H5
- uni-app
- APP
- 插件
- 字体
- 富文本
- ios
- Echarts
- MUI
- 贝塞尔
- flex
- 拖拽布局
- js
- vue
- css
- iconfont
- animate
H5
- 提前调用5+APi:Android平台提前注入5+ API,支持在plusready事件前调用
uni-app
- 公共方法:uni-app公用方法
- 设置titleNView:uni-app设置titleNView
- titleNView配置导航示例:UNI-APP_titleNView配置导航示例
- uni-app发行成h5以后挂在5+APP的返回:UNIAPP WEBVIEW 返回键 返回上一页,解决了(已亲测)
- 修改原生导航titleNView的值不生效:Nvue动态更改titleNView的值onNavigationBarButtonTap监听不生效问题
- 原生导航设置边距:uniapp中的原生导航,怎么设置边距?
- 获取状态栏高度:uniapp获取各平台(含小程序)状态栏和标题栏高度
- 左滑返回上一页,不是很灵敏:app、h5上实现左滑、右滑返回上一页
APP
- 获得状态栏高度,修改状态栏样式:mui 设置高度
- 安卓手机键盘抬起改变视口高度:移动端vh布局软键盘弹起改变高度问题
- 判断机型,适配安全区域:js判断iPhone X,适配底部被小黑条遮挡问题
- 手机底部适配:小程序 safe-area-inset-bottom
插件
- 行为验证码:AJ-Captcha
字体
- 字体:移动端字体问题
富文本
- 移动端-富文本链接处理(测试中):移动端-富文本链接处理
- 让图片自适应:css 使富文本编辑器中的内容 在手机端自适应
ios
- ios图片圆角失效:ios失效 使用css3 圆角
Echarts
- tooltip位置:【echarts】tooltip显示位置设置
MUI
- 清除input的内容:mui的input搜索框里的清除按钮的点击监听事件
- 轮播图只有一张图片时禁止轮播和滑动:mui slider禁止滑动
- 区域滚动返回顶部:mui返回到顶部
- 创建引导页:mui开发app教程-1
- MUI开发参考:MUI+Vue采坑指南
- 底部导航兼容{还没测试过}:mui ios底部导航和顶部标题被遮挡问题
- 沉浸式:MUI——设置沉浸式状态栏
- 沉浸式导航栏:MUI-设置沉浸式状态栏后MUI导航栏的高度问题
- 通过getWebviewById获取入口文件:HBuilder mui 通过getWebviewById获取入口文件
贝塞尔
- 贝塞尔官网:贝塞尔曲线
- 贝塞尔案例:Vue项目中利用贝塞尔曲线实现添加购物车时的小球抛物线效果
flex
- 填满剩余空间:flex布局:垂直、水平方向-自动填充满剩余空间
- 最后一个元素右对齐:Flex布局如何实现最后一个元素右对齐(CSS)
- 禁止宽度被压缩:flex布局中设置宽度被压缩的问题
- 一行显示多个,换行显示:flex布局: 一行显示固定个数,换行展示
拖拽布局
- 原生方法:Vue实现列表拖拽排序
- 拖拽插件:sortablejs
- 在vue中使用拖拽插件:vue-draggable
- sortable的简单使用:拖拽排序插件sortable
- 部分安卓手机点击事件不兼容:vue.draggable兼容安卓点击事件
- 兼容安卓手机:vue.draggable拖拽与点击冲突解决方案,兼容安卓与15版本iOS
- 拖拽无效问题:vue - vuedraggable的使用以及处理兼容问题(拖拽无效问题)
js
- 去除空格:VUE 项目去除 input 框值 所有空格
- 过滤数组: 过滤数组的方法filter()
- 字符串加倍:在js中将字符串中的每个字母加倍
- 颜色转换:16进制转换成rgba方法
- 常用正则:正则表达式^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$
- 共有方法注释:js中函数(方法)注释
- 防止点击多次:js防止重复点击、防止点击过快的方法
- 毫秒数转换:js将毫秒数转换为天数、小时数、分钟数和秒数的计算方法
vue
- 动态绑定class:vue动态绑定class的几种方式
- 动态绑定style和class:vue中,动态绑定样式——动态绑定style写法 & 动态class写法
- 判断图片加载完成:js和vue的图片加载完成事件
- 动态绑定背景图:VUE 动态绑定背景图片(:style)需要用require包裹
css
- 提高图片上标题的可读性:分享CSS处理图像上文字的几种小技巧
- 宽度由内容撑开:css设置根据内容自适应宽度
- 波浪动画:CSS 波浪效果动画 波浪起伏 水波动画 Pure CSS Wave 手把手教你用CSS做出波浪动画
iconfont
- iconfont的引入:iconfont的几种引用方式
- 链接引入阿里图标:引入阿里iconfont图标方法以及注意事项
animate
- animate的使用:Animate.css在vue中的简易使用