移动开发

jQueryMobile快速入门

吃可爱长大的小学妹 提交于 2019-12-04 16:24:15
what   jQuery Mobile是jQuery 在手机上和平板设备上的版本。它不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。 使用   要使用 jQuery Mobile,首先需要在开发的界面中包含如下3个内容: CSS文件jquery.mobile-1.4.5.min.css jQuery类库文件 jquery.min.js jQuery Mobile文件 jquery.mobile-1.4.5.min.js <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 结构   一个jQuery Mobile页面时你需要创建三块基本内容(头,正文,尾),要在html文档中的 head 标签内填写: <meta

移动前端开发经验小结

折月煮酒 提交于 2019-12-04 15:58:35
一、概要 本文档针对移动前端开发,包括 Hybrid 里面的web页面,非 Native 应用。 二、适用 所有经验适用于:iOS6.0+, Android4.0+ 三、小结 <1>css伪类:active 如果你想使用元素的伪类来实现 按下激活 状态,那么你需要知道以下问题: iOS上的几乎任何浏览器,定义元素的伪类 :active 都是无效; Android上,Android Browser 和 Chrome 都支持伪类 :active ,其它第三方浏览器有部分不支持; 定义了 :active 并且当前浏览器环境支持,当手指在滚动或者无意间的划过时,:active 状态都会被激活; 为了规避上述所有的问题,如果需要 按下激活 状态,推荐使用 js 新增一个 className <2>清除输入框内阴影 iOS上的几乎任何浏览器输入框(input, textarea)默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭: input, textarea { /* 方法1: 去掉边框 */ border: 0; /* 方法2: 边框色透明 */ border-color: transparent; /* 方法3: 重置输入框默认外观 */ -webkit-appearance: none; appearance: none; } <3>圆角Bug

Lungo 使用说明及心得 中文api —— 模型部分

时光怂恿深爱的人放手 提交于 2019-12-04 13:23:25
最近在尝试着做webapp应用,考虑应用要实现的功能,通过比对现在流行的几套框架,最终确定尝试使用lungojs这个框架,经过几周的体验,感觉还不错 轻量 小巧,迎合技术发展的脚步,完美的架构与html5+CSS3+JS,而且实现了扁平化,通过 quojs 框架实现了各种设备的手势和动作。在oschina上有一段简单但贴切的 描述 ,您可以通过访问他的官方 网站 ,查看详细信息并且可以实际操作一下这个框架,还可以下载源码(也可以通过github获取最新 源码 )。 其他不多说,以下是我根据 官方文档 ,整理我自己对该框架的理解和心得,有兴趣的童鞋可以尝试一下 p.s 该框架只适用于支持html5的浏览器,Ie基本都不支持,你懂的~~~ 框架结构 类似于DIV+CSS布局,这个框架根据html5新特性采用清晰的区块加条目(section+article)的布局方式 <link rel="stylesheet" href="components/lungo.brownie/lungo.css"> <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css"> <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">

VS2017移动开发(C#、VB.NET)Smobiler开发平台——ImageTabBar控件

佐手、 提交于 2019-12-04 13:07:09
一、 样式一 我们要实现上图中的效果,需要如下的操作: 从工具栏上的“Smobiler Components”拖动一个ImageTabBar控件到窗体界面上 修改ImageTabBar的属性 BackColor属性 设置控件的背景色为“249, 249, 249”,如图1; 图 1设置界面 ForeColor属性 设置控件字体的颜色,将该属性设置为“Black”,如图 2; 图 2设置界面 Items属性 获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写ImageResourceID(菜单项图片名称),SelectImageResourceID(菜单项选择状态图片名称),Text(菜单项文本),Value(内部值,不在界面上显示),如图 3、图 4; 图 3设置界面1 图 4设置界面2 Location属性 让控件显示在合适的位置(5, 16),如图 9; 图 5设置界面 SelectBackColor属性 获取和设置标签栏单元选择状态背景色,将该属性设置为“249, 249, 249”,如图 6; 图 6设置界面 SelectForeColor属性 获取和设置标签栏单元选择状态前景色,将该属性设置为“122, 69, 229”,如图 7; 图 7设置界面 SelectItemIndex属性 获取和设置标签栏默认选择索引,默认设置为“0”,如图 8; 图

阿里无线的雄心壮志

丶灬走出姿态 提交于 2019-12-04 07:04:02
在4月21日的Qcon全球开发大会上,阿里巴巴资深总监、淘宝移动平台、阿里百川负责人庄卓然宣布了两条重磅消息。一是移动开发技术方案Weex开始内测,并将于6月份全面开源;二是阿里百川和极客邦达成战略合作,以期共同打造移动开发者生态。 毫无疑问,对于移动开发者来说,这两则消息都是巨大的福利。Weex是什么?为什么要开源?阿里百川又是要做什么?在随后的演讲中,庄卓然给出了非常清晰的答案。 Weex即时内测,6月开源 众所周知,移动端的开发所面临的复杂程度远超以往。例如,分别在iOS和安卓上开发一个H5的APP,需要兼容不同厂商的标准,以达到相对完美的适配,毕竟很多手机厂商都有自己定制UI的ROM。 庄卓然给出了一个公式,移动开发的复杂度=应用数量×平台数量×要适配的各种各样的机型。在过去的时间里,手机淘宝还在多个方面进行了尝试,如动态发布以及增量更新等等。 事实上,手淘具备相当丰富的场景,而APP并不是所有的内容都由庄卓然的团队进行开发,比如店铺的装修页,店铺的页面的风格及样式都是由经营者决定,手淘技术团队只需开发并提供相应的工具。 在去年的双11大促中,手淘需要为iOS、安卓、H5甚至是Windows系统用户提供不同的体验。因此,庄卓然和他的团队一直在思考,为什么通过一种标准的方式去书写代码,以获得如丝般顺滑的Native体验? Weex应运而生。 对于Weex,庄卓然是这样形容的,

程序员入行须知

丶灬走出姿态 提交于 2019-12-04 04:51:57
写在前面 为期四个月的培训即将结束,即将参加面试找工作,作为一个Android开发新人,最近看了一些入行须知,写在这里分享给大家。 入行的必备素质: 兴趣: 热爱开发,喜欢研究 静气: 静下心,制定学习计划,提高自己的能力 平台: 借助平台,求助大牛,研习好书,获得精华 浅谈Android移动开发程序员的职业发展之路 技术难点方面: 多看Android官方文档 多看源码 深入研究底层 掌握框架 混合移动开发框架(例如:AppCan)。 浅谈Android移动开发程序员的职业发展之路 致力于做一个好的程序员: 不断学习新知识 要有独立解决问题的能力 优秀的沟通能力 认真负责的态度,对代码极致的追求 不想创业的程序员不是一个好程序员 移动互联网时代,好程序员的标准是什么? 来源: oschina 链接: https://my.oschina.net/u/2486998/blog/519239

X5跨端移动开发框架开源项目简介[oschina首发托管]

非 Y 不嫁゛ 提交于 2019-12-04 03:19:12
一、 X5 是什么 X5是跨端移动快速开发框架;只需一次开发,即可发布、运行于各种前端平台上;支持iOS ipa、android apk、微信服务号/企业号应用、web app和其他轻应用的快速开发。 二、 X5 采用的开源协议 采用Apache v2.0许可证开源模式,商业友好,完全免费。 三、 X5 开源项目采用的技术标准和整体架构 X5采用混合应用(hybrid app)开发模式, UI体系完全基于w3c的html5+css3+js;引入jquery和bootstrap并对移动做了极致优化,效率极高。X5本机API Framework采用phonegap(cordova)框架。 X5开源项目的核心理念是:组装和改进现有成熟优秀的轮子,打造一辆好车。 X5整体技术架构简单示意如下: 四、 X5 开源框架能力简介 1. 跨平台多前端应用开发,支持app、web和微信应用快速开发 在企业应用市场,多平台、跨前端已成必须,而非可选, 微信应用,也已势不可挡。 X5对跨平台多前端应用开发的支持极好,一次开发,多平台运行。 目前,X5能开发的跨平台多前端应用有: 移动app(苹果ios app、安卓Androidapp) 微信应用(包括公众号、服务号和企业号应用) 企业web app(PC、平板和手机) 其他轻应用(百度直达号等) 2. 高效精致的UI组件体系,完全基于主流标准和技术

2015年最全的移动WEB前端UI框架

☆樱花仙子☆ 提交于 2019-12-04 01:25:49
目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了。下面在移动 WEB开发 的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率。下面就把2015年最全的移动WEB前端UI框架分享给大家。 目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了。下面在移动WEB开发的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率。下面就把2015年最全的移动WEB前端UI框架分享给大家。 Amaze UI Amaze UI是一个轻量级(所有CSS和JS gzip后100kB左右)、Mobile first的前端框架, 基于开源社区流行前端框架编写。 Amaze UI Github地址: https://github.com/amazeui/amazeui Amaze UI官网: http://amazeui.org/ Frozen UI Frozen UI 是一个简单易用,轻量快捷,为移动端服务的前端框架,专注于移动web的UI框架,基于腾讯手机QQ规范。 Frozen UI Github地址: http://frozenui.github.io/ SUI SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。通过SUI

KeyMob移动广告平台,值得开发者首选的移动广告平台

放肆的年华 提交于 2019-12-03 20:48:46
在移动互联网迅速崛起的背景下,KeyMob移动广告平台正式上市运营。KeyMob移动广告平台是Android、IOS、windows Phone等应用广告投放的官方渠道。 KeyMob移动广告平台在互联网广告方面已积累长期的运营经验,整合了众多优势:优秀的品牌开发者资源,有效的交叉应用推广;综合的平台与技术优势,提供Android、IOS、Windows Phone平台最稳定的SDK支持;专业化的广告开发团队,保证了专业、高效率、稳定的广告服务;KeyMob移动广告平台拥有互联网行业的经验与很好的口碑,开阔了移动应用广告投放的领域。结合了优秀的开发者资源、稳定的SDK与精准的移动广告运营经验,KeyMob移动广告平台将成为中小应用开发者提供最专一的技术支持与稳定的广告收入,帮助中心开发者获取更丰厚的回报,也同时促进Android、IOS、windows Phone平台的发展。 KeyMob移动广告平台会进一步的更新优劣势,整合广告优势的资源。KeyMob移动广告平台基于Android、IOS、windows Phone的应用运营,通过Android、IOS、windows Phone上第三方应用程序的开发者,让广告集成到Android、IOS、windows Phone移动应用中去,以多种广告形式(横幅广告、插屏广告、视频等等)实现移动应用广告在Android、IOS

移动GIS开发之加载Esri地图

不想你离开。 提交于 2019-12-03 11:06:35
选择AndroidStudio进行简单的移动GIS开发,添加一个Esri的公共地图。 目录 1、新建项目 2、选择Android系统版本 3、添加空白例子 4、输入Activity Name 5、配置Esri的在线SDK 6、添加网络权限 7、将MapView添加到布局中 8、在MapView里设置地图 9、点击运行开始 1、新建项目 输入项目名称和公司名称。 2、选择Android系统版本 选择较低版本的可以获得更高的兼容性。 3、添加空白例子 4、输入Activity Name 5、配置Esri的在线SDK Gradle Scripts中在项目级的build.gradle文件里,在repositories块中,将Esri的maven存储库URL添加到项目中。 Esri的存储库不是开源的,因此在脚本的默认存储库中不可用,因此您必须指定此URL。 allprojects { repositories { google() jcenter() // Add the Esri public Bintray Maven repository maven { url 'https://esri.bintray.com/arcgis' } } } 在模块级build.gradle文件的依赖项块中,将ArcGIS Runtime SDK for Android依赖项添加到您的应用程序。