移动开发 | 易学教程

HTML5移动开发学习笔记

阅读更多关于 HTML5移动开发学习笔记

最近做webapp项目过程中，发现坑还是挺多的，以下是网络收集一些开发中的常见问题及知识汇总，以便查阅，慢慢更新：）。 meta 基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识别 <meta name="format-detection" content="email=no" /> viewport模板 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi"> <meta content="yes" name="apple-mobile-web-app

HTML5的移动特色

阅读更多关于 HTML5的移动特色

HTML5移动开发的出现让移动平台的竞争由系统平台转向了浏览器之间，移动端的IE、Chrome、Firefox、Safari、Opera等浏览器，谁能更好地在移动端支持HTML5，谁就能在以后的移动应用领域占据更多的市场。下面深圳市博纳网络信息技术有限公司举例 HTML5适合应用开发的几大特征： 1.离线缓存为HTML5开发移动应用提供了基础。 2.音频视频自由嵌入，多媒体形式更为灵活。 3.地理定位，随时随地分享位置。 4.Canvas绘图，提升移动平台的绘图能力。 5.专为移动平台定制的表单元素。 6.丰富的交互方式支持。 7.使用成本上的优势，更低的开发及维护成本。 8.CSS3视觉设计师的辅助利器。 9.实时通信。 10.档案以及硬件支持。 11.语意化。 12.双平台（iOS/Android）融合的APP开发方式，提高工作效率。以上是转载深圳市博纳网络信息技术有限公司官网（https://www.198bona.com）来源： CSDN 作者： www198bonacom 链接： https://blog.csdn.net/www198bonacom/article/details/103933970

03.移动web-开发准备

阅读更多关于 03.移动web-开发准备

1.技术选型方案：我们采取单独制作移动页面方案技术：布局采取rem适配布局（less+rem+媒体查询）设计图：750px设计尺寸 2.搭建相关文件夹结构 css/images/upload/index.html 3.设置视口标签\引入初始化样式 <meta name="viewport" content="width=device-width, initial-scale=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> 4.设置公共common.less文件 1.新建common.less 设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小，因为除了首页其他页面也需要 2.尺寸320px.360px,375px,384px,400px,414px,424px,480px,540px,720px,750px 3.划分15等分 4.pc端也可以打开，so html设置字体大小为50px //设置常见的屏幕尺寸。修改里面的html文字大小 //划分为15em @number:15; //320 @media screen and (min-width:320px){ html{ font-size: 320px / @number; } } //360 @media screen and (min

移动开发跨平台技术简介：Flutter、React Native、Weex、Hybrid

阅读更多关于移动开发跨平台技术简介：Flutter、React Native、Weex、Hybrid

最近在学习Flutter，看到了一篇关于移动开发跨平台技术的总结，感觉写的不错。在此，记录一下，方便之后查看。文章中介绍了： 1、原生开发与跨平台技术目前的发展现状。 2、Hybrid技术简介(H5+原生混合开发)，这是目前跨平台开发最成熟和应用最广的技术。 3、React Native、Flutter、Weex框架原理介绍和优缺点比较。 4、PC客户端QT原理简介。链接(来自 Flutter中文网 )：移动开发技术简介来源： CSDN 作者：大飞哥666 链接： https://blog.csdn.net/u013602835/article/details/103974700

开发相关的概念

阅读更多关于开发相关的概念

关于手机设备的一些知识 IMEI （International Mobile Equipment Identity，IMEI）即通常所说的手机序列号、手机“串号”，用于在移动电话网络中识别每一部独立的手机等行动通讯装置，相当于移动电话的身份证。序列号共有15位数字，前6位（TAC）是型号核准号码，代表手机类型。接着2位（FAC）是最后装配号，代表产地。后6位（SNR）是串号，代表生产顺序号。最后1位（SP）一般为0，是检验码，备用。国际移动设备识别码一般贴于机身背面与外包装上，同时也存在于手机内存中，通过输入*#06#即可查询。 MEID IMEI码由GSM统一分配，那么CDMA制式的手机采用的识别码是MEID IMSI 简介之百度百科：国际移动用户识别码（IMSI：International Mobile Subscriber Identification Number）是区别移动用户的标志，储存在SIM卡中，可用于区别移动用户的有效信息。其总长度不超过15位，同样使用0~9的数字。其中MCC是移动用户所属国家代号，占3位数字，中国的MCC规定为460；MNC是移动网号码，由两位或者三位数字组成，中国移动的移动网络编码（MNC）为00；用于识别移动用户所归属的移动通信网；MSIN是移动用户识别码，用以识别某一移动通信网中的移动用户 IDFA 苹果和Google针对移动设备推出的

iOS开发——高级篇——图片轮播及其无限循环效果

阅读更多关于 iOS开发——高级篇——图片轮播及其无限循环效果

平时APP中的广告位、或者滚动的新闻图片等用到的就是图片轮播这种效果，实现方式主要有两种，一种是ScrollView+ImageView，另一种则是通过CollectionView，今天总结的是ScrollView这种方式。 1.图片轮播效果实现主要实现思路是：根据图片总数及宽高设置好ScrollView的大小，每切换一张图片相当于在ScrollView上进行一个图片宽度的移动行为，并加入定时器，实现自动轮播。如图所示，设置好ScrollView及PageControl，ScrollView的contentSize根据图片数量确定，注意启用pagingEnabled这个属性，确保整页移动，同样pageControl也是根据图片数量来确定，每一页代表一张图片。图片命名采用数字序号方式，方便使用，需要注意的是，pageControl是由0开始的，也就是0对应image1，1对应image2...依次类推加载图片并将准备好的图片在ScrollView里设置好位置，即将这些图片一张紧挨着一张排列在ScrollView中。通过ScrollView的代理方法，在ScrollView滚动结束的时候根据 contentOffset更新页码。定时器设置，这里设置为每隔2秒滚动更新一次，实际上就是每隔2秒更新一次页码，根据页码的变化，让ScrollView跟着移动，每次移动一张图片的距离

混合移动App干货：一篇就可以彻底搞懂！

阅读更多关于混合移动App干货：一篇就可以彻底搞懂！

引言本文会详细的讲解什么是混合App开发、混合App开发概念、原理、区别、为什么要学习混合App、混合App开发的几种方式以及具体的环境配置和踩坑指南等干货十足。 1-什么是混合移动App开发苹果上的软件是如何开发出来的：使用的是 OC、或者使用Swift这门语言安卓平台上的软件又是如何开发出来的：使用安卓相关的语言开发的，Java，安卓的控件进行开发苹果和安卓平台上共有的软件是如何开发出来的：腾讯招两套开发人员【开发组】，手机京东前端移动 App（Application）开发技术，去开发手机端的应用程序；前端的混合移动App开发技术，并没有使用苹果或安卓官方推荐的开发平台和开发方式，而是抛弃了官方提供的方式，使用前端的独有的技术进行移动App开发体验；什么是移动App开发：通俗的理解，就是把开发Web网站的技（HTML+CSS+JS），通过某种方式，移植到移动App开发上进行使用，这种利用Web开发技术进行移动端开发体验的方式，叫做混合移动App开发！关于移动App开发，需要知道的几个概念：原生开发：它的英文单词是（NativeApp）,指的就是使用 IOS、Android 官方提供的工具、开发平台、配套语言进行手机App开发的方式；混合开发：（HybirdApp）就是使用前端已有的技术，HTML + CSS + JS

移动平台开发实践课程总结20189203

阅读更多关于移动平台开发实践课程总结20189203

一、学习总结往期博客链接第一周博客第二周博客第三周博客第四周博客第五周博客第六周博客说明：实验五中有四个课堂作业当时提交晚了，导致没有经验值，我这部分补充提交到了第六周博客。第七周博客第八周博客第九周博客第十周博客第十一周博客第十二周博客自认为写得最好一篇博客是？为什么？第八周，因为我在项目中有应用位图处理。作业中阅读量最高的一篇博客是？谈谈经验第六周，博客写作要突出重点，聚焦问题。加点代码，改点代码是理解的最好方式，参考编程的智慧，谈谈你的心得改代码可以帮助我们更好地理解问题，理解代码积极主动敲代码做到没？教材实践上有什么经验教训？做到了，结合项目做到了积极主动敲代码。经验是为了更好地理解代码，一定要尽快动手应用。课堂项目实践课堂实践对提高应用能力有帮助吗？有帮助，能及时帮助我找到自身的薄弱环节。课堂实践上自己有什么经验教训？学习过程中不能想当然，有问题了要换一个角度思考。课堂实践上对老师有什么教学建议？希望增加师生互动环节课程收获与不足自己的收获（投入，效率，效果等）每周都会投入十几个小时学习本课程，通过课程的学习，我掌握了Android的基本使用方法。自己需要改进的地方代码量仍不足，后续需要继续加强敲代码的投入。结对学习是不是真正贯彻了？写一下你提供的帮助或接受了什么帮助，并对老师提供参考建议

移动开发的坑

阅读更多关于移动开发的坑

IOS 篇在 IOS 端存在很多问题样式 IOS 端自带样式与安卓有很多不同为了各个终端样式统一可以使用 -webkie-appearence:none 来清除样式并进行统一的编写 -webkit-appearence:none 带来的问题 -webkit-appearance 会将 webkit 浏览器中的元素默认样式去除。 checkbox 在这个属性下就直接隐藏掉了。然后用 JS 获取 checkbox 值时 Webkit 浏览器会报很奇怪的错误。给这个元素重新赋上 -webkit-appearance:checkbox 就不会报错了。事件委托在 IOS 端事件不可委托与 document 委托至 document 则事件不会触发需将事件委托在父元素之上输入框放大 IOS 端输入框点击会放大且无法自动恢复利用 meta 标签来解决这个问题 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 来源： https://www.cnblogs

《移动平台开发实践》课程总结

阅读更多关于《移动平台开发实践》课程总结

（按顺序）每周作业链接汇总第一周作业：Java基础、语言基础、语句第二周作业：对象和类、继承、接口和抽象类、多态第三周作业：核心类、数组、错误处理、操作数字第四周作业：枚举、操作日期和时间、集合框架、泛型第五周作业：输入/输出，线程、并发工具、网络第六周作业：Android简介、初识Android、活动、UI组件第七周作业：布局、监听器、操作栏、菜单第八周作业：ListView、GridView、样式和主题、位图处理第九周作业：图形和定制视图、片段、、多面板布局、动画第十周作业：偏好、操作文件、操作数据库、获取图片第十一周作业：制作视频、声音录制、处理Handler、异步工具第十二周作业：服务、广播接收器、闹钟服务、内容提供者自认为写得最好一篇博客是？为什么？第二周作业之前一直学习的面向过程的C语言，很少接触面向对象的java语言，这一篇博客里总结了我对java语言面向对象的全部理解。作业中阅读量最高的一篇博客是？谈谈经验第九周作业详细讲述了Android屏幕绘制机制和硬件加速作业中与师生交互最多的一篇博客是？谈谈收获无代码托管链接： git链接给出statistic.sh的运行结果，说明本学期的代码量目标达到没有？本学期未使用框架，纯手动编写毕业设计管理系统，实现了: 学生（账号 20189219 密码

订阅移动开发