博客纲领：
怎样通过HTML5让移动APP页面有动效?(一)
1、如果时间允许的话，基本做法是先把一个元素切成不同的块状，例如小人的手脚都切成不同图片，然后让它们重新组合，再通过赋予不同的CSS动画来让它生动起来。
2、代码实现动效 许多H5制作工具支持插入代码以辅助实现特定功能。例如，木疙瘩提供脚本工具，可添加代码如mugeda.addEventListener(renderReady，function(){})。对于精通前端的设计师，可将制作的H5页面导出为html文件，通过htmlcss0与javascript实现复杂效果，如3D效果、svg与canvas绘图动画等。
3、选择性能优秀的Web View组件，如使用WKWebView替代UIWebView等，优化Web View设置，如减少Web View的页面缓存和内存使用。采用成熟的前端框架，如React Native、Ionic等，可以提供一套性能优化方案，同时减少开发过程中的问题。
4、先总的说一下个人感受 基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。
5、H5营销是指利用H5技术（主要是HTML5技术）在页面上融入文字动效、音讯、视讯、图片、图表、音乐、互动调查等各种媒体表现方式，将品牌核心观点重点突出，使页面形式更加适合阅读、展示、互动。
怎样通过HTML5让移动APP页面有动效?(二)
1、如果时间允许的话，基本做法是先把一个元素切成不同的块状，例如小人的手脚都切成不同图片，然后让它们重新组合，再通过赋予不同的CSS动画来让它生动起来。
2、代码实现动效 许多H5制作工具支持插入代码以辅助实现特定功能。例如，木疙瘩提供脚本工具，可添加代码如mugeda.addEventListener(renderReady，function(){})。对于精通前端的设计师，可将制作的H5页面导出为html文件，通过htmlcss0与javascript实现复杂效果，如3D效果、svg与canvas绘图动画等。
3、基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。
4、选择性能优秀的Web View组件，如使用WKWebView替代UIWebView等，优化Web View设置，如减少Web View的页面缓存和内存使用。采用成熟的前端框架，如React Native、Ionic等，可以提供一套性能优化方案，同时减少开发过程中的问题。
5、H5营销是指利用H5技术（主要是HTML5技术）在页面上融入文字动效、音讯、视讯、图片、图表、音乐、互动调查等各种媒体表现方式，将品牌核心观点重点突出，使页面形式更加适合阅读、展示、互动。
6、html5的app比较轻巧，原生态app如比较正规，html5实现的功能有限，只能实现一些轻型的交互场景，而app则可以完美解决。html5虽然可以跨平台，可是浏览器有个加载速度，对于用户体验上说，有个加载的等待，就比如你用qq浏览器打开百度，和直接使用百度app是两种体验。
html5页面如何用微信打开并分享?
1、微信公众号后台编辑平台上有一个原文链接，在原文链接里输入H5的链接，即可在文章发布后的“阅读原文”里点击进入H5页面。将H5的链接生成一个图片二维码，将该图片二维码插入微信公众号里，扫描二维码即可进入H5页面。你好微信用户通过添加到公众号的图文信息，下方有个原文链接。
2、用第三方合作平台，将html5和页面素材先上传到第三方服务端，也可以在微信平台通过文字或链接跳转的形式，实现html5页面的转换。自从微信升级 X5 Blink内核之后，兼容性大大好转。IOS虽说没有升级统一为同一版本的内核，但IOS版本的微信一直是WKWebView内核，WKWebView的版本依赖于IOS的版本。
3、第一种，把网站的url用生成二维码，然后通过二维码的形式发送。百度二维码生成工具（个人推荐草料二维码），将你的h5的url生成二维码。在编辑发布文章时，将二维码附带进去，让读者长按二维码访问你的H5页面。第二种，微信后台设置自动回复。在微信后台开启自动回复功能，设置好触发词跟回复的url。
4、通常微信都有第三方合作平台，直接调用第三方接口，然后将html5和页面素材统一打包上传到第三方服务端。倘若有服务器空间，则直接将html5打包放在网站根目录文件下，在微信端直接调用服务器端的地址即可；可以在微信平台通过文字或链接跳转的形式，实现html5页面的转换。
几种关于HTML5的动态效果制作方法
使用HTML5 Canvas动态的绘制拓扑图：HTML5中引入新的元素canvas，其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。
Meta http-equiv=Page-Enter Content=blendTrans(Duration=0.5) Meta http-equiv=Page-Exit Content=blendTrans(Duration=0.5) blendTrans是css动态滤镜的一种，产生渐隐效果。
H5是一种基于HTML5技术的网页开发方式，可以用于制作富媒体、交互性强的网页。以下是制作H5的一般步骤：确定需求：首先，要明确制作H5的目的和需求，确定要传达的信息、所要展示的内容和交互效果等。规划结构：根据需求，设计网页的整体结构和布局。