Question

求用h5怎么写移动元素，然后放到移动的位置

Answer 1

就 h5 渲染的问题说两句，CSS3 用得好，界面基本上是分不出原生还是 h5 的。以一个典型的非游戏应用来说，iPhone 4S 的时候我就可以 60fps 实现 90% 的动态 UI 需求，现在 5S 上我可以让你完全看不出是 h5 做的，甚至让你不相信是 h5 做的。Galaxy S4 或者 Nexus 5 这样的高端安卓上，尤其是 KitKat 改用 Chrome 作为 WebView 内核之后，效果也相当 ok。真正没办法的是那些渣配置、旧版本、连原生应用都要卡的安卓机…
但是，不得不承认现有的 DOM 和 CSS layout model 效率确实差得可以，因为当初就不是以 60fps 为目标来设计的… 以至于现在想要流畅的动态 UI 几乎必须全部用 CSS transform 来实现… 另外还有各种不知道就会被坑的小地方，比如 box-shadow / text-shadow 这种属性在移动设备上渲染代价相当昂贵...
再补充一下。在实际应用中，h5 比较致命的问题不是渲染，而是 DOM 元素过多带来的内存问题。当年 Facebook 抛弃 h5 其实主要就是其无限滚动导致页面内容越来越多最后越来越卡。Sencha 和 LinkedIn 都采用过管理一个可复用 DOM 元素池来规避这个问题，但在实现上就相对复杂。如果应用的设计中没有无限滚动的设定，那就基本不用操心这个问题。