在HBuilderX生成的文档中,还有一个“manifest.json”,只要是创建“移动App”应用,都会在工程下生成这个文件,一看扩展名就知道他是一个json格式文件,文件文件根据w3c的webapp规范制定,是5+移动App的配置文件,用于指定应用的显示名称.图标.应用入口文件地址及需要使用的设备权限等信息,用户可通过HBuilderX的可视化界面视图或者源码视图来配置5+移动App的信息. 在“项目管理器”中点击即可打开可视化界面,如图3-1. 图3-1配置文件可视化管理界面 在这个管理…

四.SDK配置和模块权限配置 SDK 就是 Software Development Kit 的缩写,中文意思就是“软件开发工具包”,也就是辅助开发某一类软件的相关文档.范例和工具的集合都可以叫做“SDK”.HbuilderX的SDK配置可视化界面中SDK有地图.登录鉴权.支付.推送.分享.语音识别.统计7种,如图3-9所示,我们这里不对该页面进行任何设置,如果在后面的开发中有需要,我们随时可以进行设置. 图3-9  SDK设置可视化界面 模块权限配置指的是我们开发的APP访问手机系统各种原生能…

各位朋友好,最近自学开发了一个手机Web APP,“编程之路”,主要功能包括文章的展示,留言,注册登录,音乐播放等.为了记录学习心得,提高自己的编程水平,也许对其他朋友有点启发,特整理开发笔记如下. 第一章基本情况 这个手机APP我已经初步成型,我放到华为应用市场,感兴趣的朋友可以自行下载看看效果,在华为应用市场搜索“编程之路”就可以下载.不想下载的朋友也没有关系我抓了写图片,让大家看看效果. 一.效果展示 启动页 首页 编程页 音乐页 交流页 用户中心 搜索页 详细页 上面只展示了其中部分页面…

首先我们启动HBuilderX2.0 ,界面如图2-1所示 图2-1 软件开发界面 单击“文件—新建—项目”,弹出新建项目管理界面,我们在里面进行了项目类型选择“5+APP”.项目名称填写“编程之路”.设置文件存放路径和模板选择“默认模板”,点击创建,我们的新建项目就OK了,如图2-2所示. 图2-2 新建项目设置 这样我们的开发目录基本建立起来了,主要包括4个文件夹和2个html文档,目录结构如图2-3所示..4个文件夹分别是:CSS文件夹用于存储样式文件.img文件夹用于存储图片信息.js文…

好了,的所有的基础知识已经准备完毕了,现在开始制作引导页.这个引导页需要一个HTML文件,JS文件,一个CSS文件.在HBuilderX中根目录下添加“Guid.html”,在JS文件夹添加“myth.js”,在CSS文件夹下添加“myth.css”. 一.myth.js文件 该文件是个插件,对常用的操作进行了封装,本章节主要把该文件的框架搭建出来,随着开发的深入,会不断的完善这个js文件,最后它会成为一个丰富的插件,一遍以后使用. (一)基本框架 ; //JavaScript 弱语法的特点,如…

移动web和pc端web以及web app 移动web开发跟web前端开发差别很小,使用的技术都是html+css+js.手机网页可以理解成pc网页的缩小版加一些触摸特性.在浏览器中进行的网页开发,最终代码具有跨系统平台的特性. web app开发特指的是用html5技术开发,之所以叫web app是因为它与客户端应用程序很相似,可以和系统深度融合,调用一些只有客户端才能调用的功能(利用html5开发出的网页可以访问电话.相机等功能). 进行移动端web开发要在头部添加这样一段代码 <meta…

背景 移动web app开发,异步代码是时常的事,比如有常见的异步操作: Ajax(XMLHttpRequest) Image Tag,Script Tag,iframe(原理类似) setTimeout/setInterval CSS3 Transition/Animation HTML5 Web Database postMessage Web Workers Web Sockets and more… 后面几个是CSS3 HML5加入的新API.这些接口都是会产生异步的操作 比如本人的一个…

姊妹篇  移动web app开发必备 - 异步队列 Deferred 在分析Deferred之前我觉得还是有必要把老套的设计模式给搬出来,便于理解源码! 观察者模式 观察者模式( 又叫发布者-订阅者模式 )应该是最常用的模式之一. 它定义了一种一对多的关系让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己. 使用观察者模式的好处: 支持简单的广播通信,自动通知所有已经订阅过的对象. 页面载入后目标对象很容易与观察者存在一种动态关…

WebApp与Native App有何区别呢?Native App:1.开发成本非常大.一般使用的开发语言为JAVA.C++.Objective-C.2.更新体验较差.同时也比较麻烦.每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示).3.非常酷.因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果.4.Native app是被Apple认可的.Native ap…

Native App开发 Native App开发即我们所称的传统APP开发模式(原生APP开发模式),该开发针对IOS.Android等不同的手机操作系统要采用不同的语言和框架进行开发,该模式通常是由“云服务器数据+APP应用客户端”两部份构成,APP应用所有的UI元素.数据内容.逻辑框架均安装在手机终端上. Web App开发 Web App开发即是一种框架型APP开发模式(HTML5  APP 框架开发模式),该开发具有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部份…