h5页面，使用了目前比较新颖的css样式，自定义属性、渐变过度，rem 让所有分辨率下的样式保持统一，display: flex+grid布局 是以后的主流布局方式，本页面是对h5端grid+flex布局极限的一个试水，页面中完全放弃了传统的float布局、table元素居中布局，全部由flex+grid来替代，目前兼容性良好

*小程序，视频播放、音频播放、轮播展示旅行照片、瀑布流形式展示相关推送，传统h5的瀑布流是拿到每一个图片的size自行计算宽高比来从新设置瀑布流的卡片定位，小程序中每一个卡片都是自定义组件，在拿到组件中img size是和h5完全不一样的实现方式，小程序的视频播放、音频播放直接采用api提供的各种event事件来控制，解决了组件之间播放定位的问题

*小程序，提供安全三类人考试、建委八大员考试培训小程序。 小程序中最大亮点是提供真实的模拟考试模式和全部试题的练习模式。 做题效果类似翻阅图书的效果，最初设计是使用小程序的swiper实现，由于考题内容量过于巨大（800+题）*原生swiper渲染速度已经远远达不到显示要求，经过反复优化后变为，自行开发实现了类似swiper的滑动效果，我自己的优化方式是，即使有过百的数据，在实际渲染是也只是在小程序中渲染3个答题页（当前题、上一题、下一题），其余上百条数据全部放到json中缓存，在滑动事件结束后从新计算题库中的题目，对页面进行从新渲染，优化后大大提升了页面的流程。 其次是在小程序的场景下，两种模式全部提供了实时保存功能，使用者在不小心退出的情况下下次进入仍然能继续做题。