0
点赞
收藏
分享

微信扫一扫

移动端APP开发中遇到的问题的一些参考(MUI+VUE+uni-app)


移动端端APP开发的一些参考(MUI+VUE)

  • ​​H5​​
  • ​​uni-app​​
  • ​​APP​​
  • ​​插件​​
  • ​​字体​​
  • ​​富文本​​
  • ​​ios​​
  • ​​Echarts​​
  • ​​MUI​​
  • ​​贝塞尔​​
  • ​​flex​​
  • ​​拖拽布局​​
  • ​​js​​
  • ​​vue​​
  • ​​css​​
  • ​​iconfont​​
  • ​​animate​​

H5

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

uni-app

  1. 公共方法:​​uni-app公用方法​​
  2. 设置titleNView:​​uni-app设置titleNView​​
  3. titleNView配置导航示例:​​UNI-APP_titleNView配置导航示例​​
  4. uni-app发行成h5以后挂在5+APP的返回:​​UNIAPP WEBVIEW 返回键 返回上一页,解决了(已亲测)​​
  5. 修改原生导航titleNView的值不生效:​​Nvue动态更改titleNView的值onNavigationBarButtonTap监听不生效问题​​
  6. 原生导航设置边距:​​uniapp中的原生导航,怎么设置边距?​​
  7. 获取状态栏高度:​​uniapp获取各平台(含小程序)状态栏和标题栏高度​​
  8. 左滑返回上一页,不是很灵敏:​​app、h5上实现左滑、右滑返回上一页​​

APP

  1. 获得状态栏高度,修改状态栏样式:​​mui 设置高度​​
  2. 安卓手机键盘抬起改变视口高度:​​移动端vh布局软键盘弹起改变高度问题​​
  3. 判断机型,适配安全区域:​​js判断iPhone X,适配底部被小黑条遮挡问题​​
  4. 手机底部适配:​​小程序 safe-area-inset-bottom​​

插件

  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中的简易使用​​


举报

相关推荐

0 条评论