HTML5 App应用开发教程--第01章.ppt

发布2.菜单栏中的“发行”，再单击“网站-PCWeb或手机H5（仅适用于uni-app)谢谢大家的聆听！HTML5App应用开发教程本章要点了解HTML5标准以及它的新特性。了解HTML5APP的发展现状。搭建开发环境的。了解HBuilderX移动项目的开发，并动手实现第一个uni-app项目并实现打包。HTML（HyperTextMarkupLanguage超文本标记语言)是互联网发展的基石，目前几乎所有的网站都是基于HTML来进行开发的。HTML5是HTML的最新标准。2014年10月由W3C（万维网联盟）发布为正式推荐标准。2017年12月14日，W3C的Web平台工作组（WebPlatformWorkingGroup）发布了HTML5.2正式推荐标准，同时还发布了HTML5.3的首个公开工作草案。HTML5介绍当前，移动互联网时代Web开发主要面临两种困境：（1）有些功能必须借助合适的插件才能实现，比如以前流行的页面上音频和视频的播放大多是借于Flash插件。（2）PC端和移动端应用的多次开发，必须为苹果、安卓、还有国内各平台的小程序等系统设计不同的方案等系统设计不同的方案，这意味着一个创业团队或公司必须招纳不同的技术人才，大大提高了运营成本。HTML5介绍HTML5介绍1.终将失败的Flash不开放不安全性能低、耗电高触屏支持差HTML5介绍2.Web移动应用的未来HTML5负责内容，CSS3负责外观，JavaScript负责行为HTML5新特性HTML5新特性1．各种语义化标签2．不需要插件的音视频支持3．Canvas：画板4．GeoLocation：地理信息定位5．WebGL：为Web浏览器提供了一套3D图形APIHTML5新特性/zbHTML5新特性/webgl-water/HTML5新特性6．WebSocket：实现浏览器与服务器之间的双向通信7．本地存储8．离线应用9．WebWorker：一个JavaScript多线程解决方案10.FileAPI:允许浏览器访问本地文件系统HTML5新特性11.DragDrop12．WebMessaging：让HTML5页面之间传递消息，甚至这些页面可以不在同一个域名下13.CSS3新功能WebFont动画/demo/css3-walking/index.html拥抱HTML5/拥抱HTML5无论是PC端还是移动端的浏览器，跑分越来越高，这意味着它们对HTML5的支持程度也越来越高，这项得分将成为未来衡量浏览器优劣的一个重要指标HTML5App的发展现状iPhone面向开发人员开放了Safari浏览器独家的JavaScript加速引擎Nitro，而Google也完成了Android平台上Chromium浏览器内核的切换，大幅提升了对HTML5的支持。华为鸿蒙系统HarmonyOS，它的.hpa应用开发的技术路线可以使用HTML+CSS+JavaScript。微信目前内置的浏览器已全部采用自家开发的X5内核，具有更好的HTML5/CSS3支持，渲染能力也获得增强。HTML5App的发展现状HTML5App的发展现状到2021年，微信小程序数量已超过430万个，日活超过4.1亿，月活超过12.5亿。从2017年开始，中国的IT开发企业在学习和继承HTML5标准的基础上，又不断地学习和发扬光大，经过四年发展，11大平台推出了各自小程序生态，小程序成为真正意义上的中国人定义的“互联网新技术标准”。uni-app介绍DCloud公司在长期的HTML5技术积累下，推出了更具中国特色的开发平台。它基于HTML5中的前端优秀框架Vue.js，可以一次开发，多端发布。uni-app介绍uni-app介绍uni-app开发微信小程序的优势使用uni-app开发微信小程序，却有决定性优势。类似使用Vue.js开发HTML5Web应用，不但不会造成性能比原生js差，反而由于虚拟DOM和差量更新技术的运用，在大多数场景下，比开发者手动写代码操作DOM的性能还好。使用uni-app，底层自动差量数据更新，简单而高性能。开发环境搭建https://www.dcloud.io/hbuilderx.html1.HbuilderX和Chrome开发环境搭建开发环境搭建/miniprogram/dev/devtools/download.html2.微信开发