要源码请评论后加前端学习群470593776

课题：HTML5加原生js打造一个炫酷动态的太阳系

简介：首先对于太阳系各大星球的运转关系，速度等资料，不然弄出来也是被喷的下场，

还有对于逻辑思维，算法的一些掌握要牢固

特别是对于HTML5+js配合使用的方式，其实现在很多特效都是HTML5+JS的配合使用

纯html5动画固然有优势，但是实用性暂时还不太高，特别是对于兼容性的一些处理

下面我们来看看部分代码

PS：因为代码不方便阅读以及复制，所以只发部分源码思路

完整的免费源码及思路讲解，请评论后加前端学习交流群470593776获取！

代码：

需要源码请评论后加前端学习群470593776

面火爆的HTML5生态峰会

在这个民众对低俗八卦的兴趣远高于信息科技的时代，大家对于各种IT会议经常需要拉人“充场面”的现象想必早已司空见惯。因此如果不是亲眼所见，您可能很难想象一场关于HTML5的峰会现场居然会如此火爆。

在这场由火速科技与DCloud联合举办的HTML5移动应用生态峰会上，嘉宾桌子前的地毯上坐满了人，会场两边的过道上站满了人，甚至就连最外面的大门口也是里三层外三层，被热情的观众围得水泄不通……

那么问题就来了：这场峰会的内容究竟有着什么样的魔力，居然能够对这么多观众产生如此大的诱惑力？

阵容鼎盛的大会演讲嘉宾

对于移动互联网来说，HTML5的快速崛起，将会带来怎样激动人心的变革与重构？光是从这场峰会的火爆程度，我们其实就能窥见一斑（幸好这只是“爆场”，而不是“爆仓”）。

而另一方面，空前强大的嘉宾阵容，也成为了这场HTML5移动应用生态峰会的一大看点：CSDN创始人蒋涛，创新工场合伙人郎春晖，创业家副总裁、黑马会秘书长纪中展，创新工场投资人姜证严，Google品牌营销总监张晶，创新工场投资人姜证严，火速轻应用CEO赵九州，DCloud CEO王安，HTML5梦工场创始人田爱娜，野狗CEO刘之，云适配联合创始人高婧，搜狐快站负责人翁晓奇，TalkingData副总裁闫辉，中软国际集团副总裁王晖，Layabox副总裁汪阔，微明互动CEO张永生，“挑食”创始人窦高峰，东翌互联创始人白杨，oHicn创始人谢恩明，传智播客教学总监马伦……

HTML5在2015年的井喷，不仅改变了移动互联网的原有格局，而且也对原生App生态系统带来了革命性的颠覆。那么未来HTML5所构建的移动应用生态系统，究竟有哪些想象空间？本次峰会的嘉宾们从HTML5行业的底层技术、渠道、应用、Web App开发、用户使用习惯、移动互联网创新趋势等各个角度出发，为与会观众详细分析了HTML5移动应用生态的发展状况和未来趋势。

嘉宾现场分享精选

在长达几个小时的峰会上，众多重量级嘉宾们为观众们奉上了非常精彩的演讲。不过在微信快餐时代，如果我把几个小时的速记原文贴上来，相信许多读者一打开文章链接就已经崩溃了。于是我花了不少时间对嘉宾的演讲内容做了重新整理归纳，结果发现这个过程其实也很让人崩溃……因为我原本计划在三天前发布这篇文章的。

火速科技：HTML5将重新构建移动互联网

火速轻应用CEO赵九州表示，App的HTML5化只是第一步，未来在构建新的移动互联网形态方面，HTML5还将大有可为。HTML5在产品形态方面的几个方向，一是在内容上会出现原生HTML5的应用，二是会出现内容聚合应用的趋势，三是在跨屏和社交游戏领域，HTML5也将充分体现自己的特点。至于商业解决方案，应用级建站、企业移动化解决方案、泛娱乐化的营销解决方案，都会是非常好的发展方向。针对HTML5的行业生态，赵九州也提出了几点建议：一是商业化降温，尽快理清行业状态，鼓励探索应用的场景化；二是要抱团互助，良性竞争，通过互帮互助找到更好的方式，来帮助用户获得更好玩的内容。未来HTML5的成长路径，从游戏、广告、应用、内容、系统一直到生活方式，都将发生改变。未来的移动互联网将会是一个高度智能化、高度自由化、高度离散化的移动实景，而HTML5就是构建它的基石。

Google： HTML5将成为品牌营销利器

Google品牌营销总监张晶认为，HTML5或将成为未来品牌营销的利器。因为对于品牌营销而言，HTML5能够开发很多新奇应用，可以跨设备应用，不需要用户下载，给用户提供了非常方便的体验。2014年的中国广告行业，互联网广告的投入第一次超过了电视，已经达到了上千亿的规模，而且还具备巨大的上升空间。因此在社交网络盛行的今天，Google从2014年开始就非常关注HTML5技术在移动营销方面的作用，甚至还专门为此设置了一个网站，通过剖析开发者创造的一些小应用，让从业者有更多的机会发现什么样的技术可以成为可能。

DCloud：HTML5将颠覆App世界

DCloud CEO王安指出，在过去的几年里，HTML5已经颠覆了PC互联网的格局，优化了移动互联网的体验；而接下来，HTML5还将颠覆原生App世界。过去之所以HTML5没有发展起来，核心问题在于性能、工具、能力方面的缺失，如今提升HTML5性能的手机端引擎，让侧滑菜单、下拉刷新等动态交互卡顿的问题得以解决；HTML5开发IDE产品HBuilder为工程师们提供了超快的编程利器；40万原生API封装成JavaScript对象，Native.js技术也解决了HTML5能力不足的问题；此外最接近原生体验的MUI高性能框架：虽然体积只有几十K，但是加载、运行却远快于一般的框架。这也使得基于该方案开发的HTML5应用，完全可以达到原生App的功能和体验。因此HTML5代表了社会的生产力和生产效率的进步方向，它的前进是不可阻挡的。

创业家：重度垂直与HTML5

创业家副总裁、黑马会秘书长纪中展在会上提出了重度垂直——移动互联网的行动方法论。作为移动互联网时代的重要行动指南，重度垂直方式可帮助使用者重新构建场景、搭建体系、形成规模，从有限的用户挖掘出无形的价值。其特点可以用一个口诀“小、窄、深、重”来概括，即有限用户小而美、规模不大细分行业、对用户理解足够深、一定要注重细节。只要掌握了这些，就能实现从海量用户挖掘有限价值到从有限用户挖掘无形价值。在“大众创业、万众创新”的时代背景之下，HTML5的出现让创业变得更加简单，让“互联网+”变得更加容易，“微信+HTML5”这样的高频应用组合，让那些低频的App变得更加没有存在的必要。如果HTML5今后可以向人们的生活方式扩展，那未来它的影响将不可限量。

云适配：HTML5在企业级应用的价值与实践

云适配联合创始人高婧在现场分享了HTML5在企业级应用中的价值与实践。目前中国手机上网用户已经突破5亿，年增长率将近20%，而90%的用户与媒体接触都是基于各种各样的屏幕，这也标志着多屏互联网时代的来临。在这样的局面下，企业移动营销面临两个挑战：一是跨屏，二是跨平台。但是目前这些屏幕之间的数据和内容都是割裂和分离的，并不符合互联网精神。然而如果通过云适配的技术跨屏适配为HTML5提供一个安全的容器，则可以完美支持交互性和实现移动化，让企业真正实现随时随地移动办公。

TalkingData：真实的HTML5行业现状

TalkingData副总裁闫辉为观众“数”说了真实的HTML5行业现状。从数据平台来看，大数据的平台覆盖独立手机的量是15.5亿，有将近10.8亿的用户接触过Web浏览器，独立设备覆盖量里有4.4亿用户接触过移动浏览器。从进一步的数据细分还可以看出，在浏览器、应用、大型应用、游戏平台入口不断释放潜力巨大，但仍然存在转化有限和活跃度不够等问题。为了满足用户的游戏需求，TalkingData增加了HTML5游戏专区，为了满足用户的生活需要，则增加了HTML5吃喝专区，体验服务更好且主动支付转化也较高。作为HTML5的一个重要流量入口，微信的助燃可以凭借77.5%的全移动终端覆盖率提供9成的来源量，可通过社交网络实现病毒式传播，以及社交经济性来激发更高的活跃度。

搜狐快站：后App时代的移动新玩法

搜狐快站产品负责人翁晓奇就“后App时代的移动新玩法”阐述了自己的观点：2015年中国上网用户达到6亿，与开发门槛高、开发周期长、CPA成本高、应用数量少的早期移动互联网生态相比，HTML5移动应用生态的特点就在于形式灵活多样，朋友圈、直达号、公众号、二维码、O2O均可成为入口。从媒体、旅游、交通、餐饮、零售、教育、医疗一直到上门美甲等生活服务，各行各业都将围绕移动互联网发生翻天覆地的变化。这既是传统产业的危机，但也是善于借力移动互联网工具的企业后来居上的机遇。

发布联盟合作发展倡议书

为了更好地推进HTML5、更好地为HTML5开发者服务，在本次HTML5移动应用生态峰会上，火速科技、DCloud、CSDN等企业还联合发布了《HTML5中国产业联盟合作发展倡议书》。

HTML5中国产业联盟是由产业链厂商共同组成的一个联盟，成员包括提供工具引擎的DCloud，提供应用发行的火速轻应用，提供人才培训的传智播客、东翌互联学院，提供外包众包服务的中软国际、微明互动、0Hicn，提供融资的极客帮投资、线性资本、中关村兴业、景林资产、涌铧资本等等。该联盟致力于整合产业链资源，构建围绕HTML5开发者的生态系统，共同为HTML5开发者提供服务。而《倡议书》的内容，也是倡导业内人士携手共同为HTML5开发者提供一条龙式的服务，积极促成HTML5行业良好生态的构建。