1、h5页面设计的原理——在代码中实现
设计人员创建了一个很好的层图，包括PSD文件、PNG剪贴图、适当的文件、MP3音频文件、视频文件等等，并将它们与他们的前端工程师同事打包在一起，由他们专门将它们放在服务器上。在代码编辑方面，元素被合并到我们通常看到的H5 web页面中。前端也是H5的最终执行者。它们对恢复设计非常重要。一个好的前端往往决定了一个作品的最终命运。前端工程师可以说是设计师最好的行业导师。我们必须虚心向他们学习网络编码技术。
整个H5页面将被推到互联网后，代码编辑和测试。有时，前端工程师的工作量远远高于设计，这取决于项目的形式和难度。
2、h5页面设计的原理——没有代码实现
没有代码并不意味着你不需要前端工程师，但现在互联网上有很多H5页面生成工具，以网站的形式，命名为第三方平台，由大量的工程师开发，以帮助没有前端资源的设计师。您可以将设计好的数据上传到第三方平台的服务器上，自己编辑发布。这个过程不涉及程序员，可以节省大量的人力成本，而且简单快捷。但缺点是平台功能单一，效果有限。它通常以幻灯片的形式出现。工程师生成的H5页面可以定制。现在市场上有很多这样的平台。
无论是第三方网站设计工具，还是诞生于H5的前端工程师，都需要h5页面设计的原理。与前端工程师的沟通应该从设计开始就开始。尽量避免所有设计都做得好，前端无法实现的尴尬局面。所以设计师和前端工程师之间的沟通是非常重要的。后续将会有更多关于ui设计中各个分类的设计技巧与资讯，可以点击本站的其他文章进行学习。
原理：HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。方法：
1.在index.html里加上<html manifest="test.manifest">
2.manifest清单格式如下：
CACHE MANIFEST
#上面一句必须
#v1.0.0
#需要缓存的文件
CACHE:
a.js
b.css
#不需要缓存的文件
NETWORK:
*
#无法访问页面
FALLBACK:
404.html
3.manifest文件的mime-type必须是 text/cache-manifest类型。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）