跨平台移动APP开发进阶(二)HTML5+、mui开发移动app教程

前端开发APP,从HBuilder开始~ 序通过 HTML5 开发移动App 时,会发现HTML5 很多能力不具备.为弥补HTML5 能力的不足,在W3C 中国的指导下成立了www.HTML5Plus.org组织,推出HTML5+规范. HTML5+扩展了JavaScript 对象plus,使得js 可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头.陀螺仪.文件系统等,业务能力如上传下载.二维码.地图.支付.语音输入.消息推送等. HBuilder 的手机原生能力调用分2 个层…

Android进阶(二十)AndroidAPP开发问题汇总(四)

· Android进阶(二十)AndroidAPP开发问题汇总(四) android:layout_width和android:width的区别基中的android:layout_width和android:width的区别: · android:layout_width 只有两种选择一个是fill_parent ,二是wrap_content · android:width 这个是用来view的具体宽度的,以像素为单位. android:width 支持 · px (pixels)像素 · …

Android开发 QRCode二维码开发第三方框架

前言 Android开发里二维码开发经常用到,这里简单的介绍下Android开发里的二维码. 最广泛使用的二维码库zxing zxing是最广泛的二维码库各个平台都可以适用它,但是Android平台使用它好像需要进行JNI处理.但是,github上大神已经帮我们做好了,下面我会介绍一个好用的二维码框架.这里提zxing是让你知道很多二维码框架的封装源头都是它. github地址:https://github.com/zxing/zxing barcodescanner 第三方二维码框架 gith…

Flutter开发进阶学习指南Flutter开发进阶学习指南

Flutter 的起源 Flutter 的诞生其实比较有意思,Flutter 诞生于 Chrome 团队的一场内部实验, 谷歌的前端团队在把前端一些"乱七八糟"的规范去掉后,发现在基准测试里性能居然提高了 20 倍,机缘巧合下 Flutter 就这么被立项. 所以 Flutter 是基于前端诞生,同时基于它的诞生缘由,可以看到 Flutter 本身就不会有特别多的语法糖,作为框架它比较"保守",选择的 Dart 语言也是保守型的语言.而它的编程模式,语法都带有浓厚的…

微信小程序开发（二）----- 云开发

1.概念微信小程序的云开发是腾讯云与微信团队深度合作推出的一个全新的小程序的解决方案,它提供了云函数.云数据库与云存储这三大基础能力支持,随着云开发的出现,小程序的开发者可以将服务端的部署和运营的环节进行服务端的托管,让腾讯云去管理,而不需要在运维和管理方面投入太多的精力. 2.传统小程序开发与云开发的区别小程序传统开发模式:(开发效率低.运维成本高) 对于小程序传统的开发模式而言,我们需要一个客户端(也就是前端页面),而前端页面展示的数据大多来自于数据库,因此我们还需要一个服务端,把后端的…

跨平台移动APP开发进阶(三)hbuilder+mui mobile app 开发心酸路

注:请点击此处进行充电! 1.问题描述:在实现图片轮转时,若将 <script type="text/javascript"> mui("#slider").slider({ interval: 5000 }); </script> 置于图片加载之前,图片不会显示, 解决措施:将其置于图片显示之后才会显示. 2.问题描述: 同上面的问题,会遇到报指针为null的异常.若要获取一个组件的id,可能带获取的组件还未加载,导致获取失败. 解决措施:…

Ionic APP-Web SPA开发进阶(二)Ionic进阶之路由去哪了

Ionic进阶之路由去哪了项目需求在查看药品时,从药品列表中可以通过点击药品列表获取某一药品详情.提交订单时,同样可以查看药品详情.两种情形下,从药品详情返回后,应分别返回至原来的页面.如下图所示. 现状是第一次添加的药品从提交订单路由至订单详情,但却不可以从药品详情返回至提交订单页面,而是返回到了药品列表中,但是在第二次点击后,却可以正确返回至订单提交页面. 通过阅读代码发现并没有手动添加返回路由的情况,返回的轨迹应该是Ionic内部实现的.但是两次返回的路由却不一致令…

网站开发进阶(二十八)初探localStorage

初探localStorage 注: localStorage经典项目应用案例 HTML5中提供了localStorage对象可以将数据长期保存在客户端,直到人为清除. localStorage提供了几个方法: 存储:localStorage.setItem(key,value) 如果key存在时,更新value 获取:localStorage.getItem(key) 如果key不存在返回null 删除:localStorage.removeItem(key) 一旦删除,key对应的…

网站开发进阶(二十六)js刷新页面方法大全

js刷新页面方法大全在项目开发过程中,需要实现刷新页面.经过学习,发现下面这条语句就可以轻松实现. location.reload(); // 刷新页面有关刷新页面的其它方法,具体学习内容如下,有需要的朋友可以参考下. 本文介绍下,用js刷新当前页面的几种方法,包括reload方法.replace方法.自动刷新方法等. 如何实现刷新当前页面呢?借助js你将无所不能. 1. reload 方法该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数…

网站开发进阶(二十五)js如何将html表格导出为excel文件

js如何将html表格导出为excel文件赠人玫瑰,手留余香.若您感觉此篇博文对您有用,请花费2秒时间点个赞,您的鼓励是我不断前进的动力,共勉! jsp页面数据导出成excel的方法很多,今天介绍一种简单的js方法: 源码 // 导出 $scope.doExportExcel = function() { var winname = window.open('', '_blank', 'top=10000'); //获得页面上需要导出的数据内容 var strHTML = doc…

网站开发进阶(二十九)HTML特殊转义字符

HTML特殊转义字符参考文献 http://tool.oschina.net/commons?type=2 美文美图…

网站开发进阶(二十四)HTML颜色代码表

HTML颜色代码表设置背景色:style='background-color:red' 设置字体颜色:style='color:red' 生活在于学习,知识在于积累.…

网站开发进阶(二十三)Address already in use: JVM_Bind <null>:8088

Address already in use: JVM_Bind <null>:8088 注:请点击此处进行充电! 阿里云服务器又莫名其妙的宕掉!内存泄漏问题依然存在,又出现了端口占用的情况,以下为错误提示: 严重: Failed to initialize connector [Connector[HTTP/1.1-8088]] LifecycleException: Protocol handler initialization failed: java.net.BindException…

网站开发进阶(二十二)HTML UI知识汇总(更新中...)

HTML知识汇总(更新中...) 1.<iframe> 标签浏览器支持所有浏览器都支持 <iframe> 标签. 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架). 提示: 可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器. 2.实现元素一行显示 <html> <head> <title>DIV的同行测试</titl…

网站开发进阶(二十一)Angular项目信息错位显示问题解决

Angular项目信息错位显示问题解决绪最近在项目开发过程中遇到这样一个棘手的问题:查询出所有订单信息后,点击选择某一个订单,查询出的结果是上一次查询所得的结果.而且会出现点击两次才可以显示订单详情的问题. 通过Chrome进行代码调试,发现事件执行次序与自己的点击事件次序存在不一致的情况. 相关代码: doSearch(); //查询收货人基本信息 var modalInstance = $modal.open({ // 开始执行控制器BillDtlPopCtrl templateUrl:…

网站开发进阶(二十)JS中window.alert()与alert()的区别

JS中window.alert()与alert()的区别前言 alert与window.alert没什么区别,如果有人觉得有区别,那就来解释一下:所有以window.开始的语句,都可以直接把window省略.只是在有些软件中,由于其编译器特性,当你写了window.的时候会自动的出现window的方法,所以如果你记得住完全没必要写window. 比如location.href=window.location.href. 美文美图…

微信小程序开发（二）认识开发工具

腾讯微信团队提供非常优秀的微信小程序开发工具,大大降低了开发者的入门门槛,为他们点赞!上一篇文章已经说明了,如何注册及下载开发工具,现在我们就来一起认识见识一下开发工具的庐山真面目. 首次打开这个开发工具,会让我们进行扫码登录,是否有一种浓浓的微信的味道! 这时,我们需要用以后管理此小程序的微信来进行扫码,成为此小程序的管理员.大家以后在开发小程序的时候,要习惯扫码,其实早就习惯了,扫码付款,扫码乘车,扫码共享单车等.微信开发的真机测试时,也需要扫码的. 扫码成功后,还需要我们在手机微信上确认登…

【Bluetooth|蓝牙开发】二、蓝牙开发入门

个人主页:董哥聊技术我是董哥,嵌入式领域新星创作者创作理念:专注分享高质量嵌入式文章,让大家读有所得! [所有文章汇总] 1.蓝牙基础概念蓝牙,是一种利用低功率无线电,支持设备短距离通信的无线电技术,能在包括移动电话.PDA.无线耳机.笔记本电脑.相关外设等众多设备之间进行无线信息交换,蓝牙工作在全球通用的2.4GHz ISM(即工业.科学.医学)频段,使用IEEE802.11协议. 2.蓝牙发展历程自1994年由爱立信推出至今,蓝牙技术已经走过了20个岁月.从最初的Bluetooth…

ireport5.6+jasperreport6.3开发（二）--web开发的配置

ireport5.6只能编译出*.jasper的报表包,最终报表需要被输出为一个doc html pdf excel等文件,这时就需要jasperreport6.5的库进行配合了. jasperreport6.5的作用是通过导入*.jasper的报表包,然后再设定一些参数,最终导出目标文件. 注意如果没有maven的情况下请自行下载依赖包. 下面是doc html pdf excel这四种文件导出时使用的maven依赖. 注意:jasperreports的4个包是通过mvn install进行安…

【JavaScript游戏开发】使用HTML5 canvas开发的网页版中国象棋项目

//V1.0 : 实现棋子的布局,画布及游戏场景的初始化 //V2.0 : 实现棋子的颜色改变 //V3.0 :实现所有象棋的走棋规则 //V4.0 : 实现所有棋子的吃子功能完整的项目源码已经开源:https://github.com/xiugangzhang/ChineseChess 项目在线预览地址: http://htmlpreview.github.io/?https://github.com/xiugangzhang/ChineseChess/blob/master/Chinese…

mui开发app之webview是什么

WebView(网络视图)能加载显示网页,可以将其视为一个浏览器,webview被封装在html5+,plus对象中,底层由java,OC实现. 先来谈谈我对webview的理解: 使用mui开发的app,其实是在做web前端开发,打开的webview是网页,用js+html+css替代了原来的xml+java activity的传统android开发模式,h5最终性能相对原生一定是降低了很多(主要原因不在webkit的解析速度,而是最终所有的ui和业务逻辑还是会转化为android sdk交由…

mui开发app前言（一）

dcloud mui开发app前言大一那会就听说html5快要发布了,前景无量,厉害到能写操作系统==|||(什么???蛤?) 似乎html5标准还没正式发布那会,使用hybrid模式开发app已经起步,阿里就是国内这一领域的布道者.(你看看淘宝,支付宝,一处开发,处处运行,多卡,呸,多叼啊) 如今w3c联盟发布html5已经三个年头了.我才刚刚开始涉足,真是惭愧,马上要考研了,最近一个外包项目拖缓了我学习高数的脚步,该项目我完全使用了基于dcloud html5+的混合式开发app技术(考完…

Android + HTML5 混合开发

摘要: 对于 Android + HTML5 混合开发以下的观点仅仅是我的个人观点,如果有什么不对的地方请指正简介: 混合开发的 App(Android + HTML5)就是在一个 App 中内嵌一个轻量级的浏览器(WebView),一部分原生的功能改为 HTML5 来开发,这部分功能不仅能够在不升级 App 的情况下动态更新,而且可以在 Android 或 iOS 的 App 上同时运行,让用户的体验更好又可以节省开发的资源. ##成品 APP: 超星慕课(一款包含 Java 和 C# 学习…

MUI开发记录

最近很久没有更新博客了,因为一直在学习前端h5 手机app的开发.曾经一度觉得自己css和js学得不错,进入到前端领域后才发现水很深~ HUuilder使用安卓模拟器安卓模拟器有很多,我这里以夜神模拟器为例.使用安卓夜神模拟器来运行手机app的时候,先要配置HUuilder,配置方式:HBuilder的工具-->选项-->运行-->设置Web服务器-->HBuilder-->第三方Android模拟器端口:将此处的端口改为62001.因为夜神模拟器的端口就是62001. H…

MUI开发大全

最近很久没有更新博客了,因为一直在学习前端h5 手机app的开发.曾经一度觉得自己css和js学得不错,进入到前端领域后才发现水很深~,写代码时HBuilder和VS混用,HBuilder的快捷键和代码提示以及真机调试方便,但是错误提示和代码格式化是硬伤,VS的前端报错提示很智能,代码格式化很顺畅,将二者的优点集合起来.现在在用MUI做app开发, 就把工作中用到的以及遇到的坑都一一记录下来,待项目完工,再回过头来看一下...... 相关学习资料网址 MUI文档:http://dev.dclou…