MUI 框架
关注
分享
扫一扫
文章平均质量分 61
肖朋伟
订阅号：JavaJobs
展开
-
MUI框架-01-介绍-创建项目-简单页面
MUI框架-01-介绍-准备-创建项目从0开始快速高效学习 MUI 框架（1）MUI 介绍MUI 是什么，解决了什么问题？MUI 官方号称最接近原生APP体验的高性能前端框架简单的说就是webapp的以个开发框架webapp和原生app性能及体验的差距，一直是移动app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问...原创 2018-09-23 14:09:07 · 23511 阅读 · 2 评论 -
MUI框架-14-使用自定义icon图标、引入阿里巴巴矢量图标
MUI框架-14-使用自定义icon图标、引入阿里巴巴矢量图标首先介绍介绍一下，前端必备的非常强大的 阿里巴巴矢量图标库：地址是：http://www.iconfont.cn/这里有丰富，精美，且免费使用的矢量图标怎么应用到自己的项目中呢？方法一：直接下载，png 格式的图标提示：可以自选颜色，截图：方法二：下载代码1.先将想要使用的图标加入购物车2.打开购物车，点击下载代码...原创 2018-11-12 17:30:24 · 1803 阅读 · 0 评论 -
MUI框架-13-使用百度地图 API（图文教程）
MUI框架-13-使用百度地图 API（图文教程）一、申请百度地图权限1.打开百度地图开放平台：http://lbsyun.baidu.com/apiconsole/key2.【创建应用】>【填写必要信息】【提示】：1.应用名称：随便填写。2.应用类型：选择Android SDK3. 启用服务：建议全选4.发布版SHA1：BA:AD:09:3A:82:82:9F:B4:...原创 2018-11-07 20:08:30 · 7762 阅读 · 2 评论 -
MUI框架-12-使用原生底部选项卡（凸出图标案例）
MUI框架-12-使用原生底部选项卡（凸出图标案例）今天，用 mui 做 app 时，遇到了可能各位都遇到过的头疼问题：底部中间图标凸起，如下图：最后有源代码【提示】：有人问我在 HBuilder 中看不到底部栏，请不要慌，代码没有问题，在模拟器或者真机运行才会有，原生，原生。1、mainifest.json代码修改如下，主要就是将官方 mui tab 底部凸起案例的字体图标换成了图片：...原创 2018-11-06 18:13:21 · 3933 阅读 · 4 评论 -
移动 App 接入 QQ 登录/分享流程
移动 App 接入 QQ 登录/支付流程这里先要提两个平台，腾讯开放平台和 QQ 互联平台：（一）腾讯开放平台官网地址：https://open.tencent.com/介绍：腾讯开放平台是腾讯对开发者公开的一个服务平台，腾讯号称是一个覆盖10亿账户的热门服务平台，这里是接入应用宝，微信，QQ，腾讯 AI 等的一个入口（二）QQ 互联平台官网地址：https://connect.q...原创 2018-09-28 16:52:16 · 23860 阅读 · 2 评论 -
MUI框架-11-MUI前端+后台接入百度文字识别API
MUI框架-11-MUI前端 +php后台接入百度文字识别API这里后台不止一种，Python，Java，PHP，Node，C++，C# 都可以这里使用的是 php 来介绍，已经解决所有问题，因为处理很多错误，可能会比较复杂，请大家坚持按步骤来，大概流程就是：前端发送 Ajax 请求，php 后台实现文字识别，并将识别后的文字返回到前端页面先放上效果图：（一）准备阶段1.到百度...原创 2018-09-29 19:35:51 · 5571 阅读 · 0 评论 -
MUI框架-10-MUI 数据交互-跳转详情页面
MUI框架-10-MUI 跳转详情页面上一篇介绍了如何实现数据交互，给别人的 API 发送 ajax 请求，我们得到数据，再使用 art-template 模板引擎拼接 HTML，最终实现实现数据交互，如果还没有接触，请先学习：MUI框架-09-MUI 与后台数据交互本篇介绍 MUI 事件管理，实现点击新闻列表跳转详情页的效果官方文档：MUI 事件管理MUI 事件管理事件绑定：MU...原创 2018-09-27 21:59:09 · 8912 阅读 · 1 评论 -
MUI框架-09-MUI 与后台数据交互
MUI框架-09-MUI 与后台数据交互本篇介绍使用 art-template 和原生 MUI 的数据交互 mui.ajax 来实现我们大家都知道，想要数据交互就要有数据，每次当我们发送请求，我们要清楚，怎么发，发给谁，返回的数据是什么内容，格式然后今天呢，介绍的是调用 API，API 是什么呢，就是一个接口，比如知乎日报的API ，我们可以通过这个 API 获取到知乎上最新的消息，并且是...原创 2018-09-26 18:28:55 · 21738 阅读 · 2 评论 -
MUI框架-08-窗口管理-创建子页面
MUI框架-08-MUI窗口管理-创建子页面官方文档：http://dev.dcloud.net.cn/mui/window/今天主角是通过子页面的方式，实现在切换时头部或者底部标签，固定不闪的效果，虽然和原生 app 有一些差别，但是我能通过这种方式，已经很接近原生了页面初始化跟着文档过一下这个在 app 开发中，若要使用 HTML5+扩展api，必须等 plusready 事件...原创 2018-09-25 22:45:59 · 10881 阅读 · 0 评论 -
MUI框架-07-HBuilder+夜神安卓模拟器 配置
MUI框架-06-HBuilder+夜神安卓模拟器有时候我们在 HBuilder 里面 web 浏览器预览我们的 MUI 项目界面时，总感觉这个 web 浏览器随便拖拉比例，大小可调，但它毕竟是浏览器，有很多安卓组件是没有办法预览的今天教给大家用夜神安卓模拟器，预览 HBuilder 中 MUI 项目并且，夜神模拟器有安卓4.4.2，还有7.1.2，我比较常用这两个搭配下载夜神模拟器...原创 2018-09-25 18:08:16 · 9669 阅读 · 0 评论 -
MUI框架-06-静态页制作（图片轮播）
MUI框架-06-静态页制作（轮播）上一篇介绍了如何设计一个简单的界面，还没有接触过，请先查看： MUI框架-01-介绍-创建项目-简单页面轮播组件之前也介绍过如何查阅官方文档：http://dev.dcloud.net.cn/mui/ui/#slide这里需要一个轮播组件，拷贝这段代码就可以了【注意】：除了固定栏之外，其它内容都要包裹在.mui-content 中然后我们放...原创 2018-09-25 17:31:13 · 6206 阅读 · 0 评论 -
MUI框架-05-用MUI做简单App界面
MUI框架-00-基础入门本篇写给从未使用过 MUI 开发的人快速入门 - 注意事项有些可能看不懂，这样排是为了可以做 MUI 开发的时候，养成良好的习惯，避免不必要的错误DOM 结构：关于 mui 页面的 dom，你需要知道如下规则固定栏靠前：所谓的固定栏，也就是带有.mui-bar 属性的节点，都是基于 fixed 定位的元素；常见组件包括：顶部导航栏（.mui-...原创 2018-09-24 21:37:04 · 29709 阅读 · 3 评论 -
MUI框架-04-切换页面头部文字重叠（已解决）
MUI框架-04-切换页面头部文字重叠从现在开始就只分享 MUI 框架开发时遇到的问题了开发不懂请查看：官方文档问题情况切换页面title文字重叠，覆盖截图：解决办法给标签加背景色方法很土效果很好截图：效果预览完美解决截图：更多文章链接：MUI 框架 - 本笔记不允许任何个人和组织转载...原创 2018-09-23 21:12:23 · 7411 阅读 · 0 评论 -
MUI框架-03-自定义MUI控件样式
MUI框架-03-自定义MUI控件样式开发请查阅：官方文档：http://dev.dcloud.net.cn/mui/ui/如何自定义MUI控件样式mui 以 iOS 7的 UI 为基础，补充了部分 Android 平台特有的 UI 组件，整体色系比较素雅；但在实际项目，往往需要根据 UED 的设计，调整色系及排版布局，此时就涉及 mui 控件样式的重定义问题，本文以 hello mu...原创 2018-09-23 15:02:04 · 10712 阅读 · 0 评论 -
MUI框架-02-注意事项-适用场景-实现页面间传值
MUI框架-02-适用场景-实现页面间传值mui适用场景说明：为解决HTML5在低端Android机上的性能缺陷，mui引入了原生加速，其中最关键的就是webview控件，因此mui若要发挥其全部能力，需和5+ App配合适用，若脱离5+ App，mui功能会受限，主要涉及三个部分：webview窗口相关涉及 webview 的，除了5+App，其它所有手机浏览器及PC浏览器均无法使...原创 2018-09-23 14:46:15 · 7785 阅读 · 0 评论 -
CSS3 实现 div 上下滑入滑出效果
CSS3 实现 div 上下滑入滑出效果本篇内容：1，首先需要用的是 CSS3 的 target 选择器，配合a标签指定id选择器切换目标元素，用于选取当前活动的目标元素。 （当然也可以不用 a 便签，页面加载的时候自动滑动）2，CSS3 的 transition 动画，这里不做详细介绍动图展示：滑动效果源代码<!DOCTYPE html><html lang="...原创 2019-03-05 23:17:01 · 18814 阅读 · 0 评论