什么时候手机端的 h5 应用能达到原生般流畅啊!

2015-04-09 20:58:15 +08:00
 lvfujun
写h5应用一些比较炫的效果android 稍微低端点的机器就卡的不行.用安卓原生写就完全无压力.
难道某些大牛说的h5写出的效果可以达到和原生相媲美.难道有特殊技巧?
求赐教.
感谢.
5153 次点击
所在节点    问与答
13 条回复
futursolo
2015-04-09 21:45:31 +08:00
使用CSS动画,而不是JS动画。
使用translate2d,translate3d代替top和left动画。
在页面加载时对translate2d,translate3d进行初始化。
经过以上三点,只要你不是满屏动画,或者是下拉刷新这种大幅度的,基本上就可以比较流畅了。

最重要的一点:劝你的用户使用移动版Chrome浏览器。。。
wwqgtxx
2015-04-09 21:52:04 +08:00
@futursolo 你最后一点是不可能的,要做的只能是为国内两大浏览器(uc/qq)优化,用户才不会为了一个网站去换浏览器
loading
2015-04-09 21:53:45 +08:00
HTML 5 简称不是 h5,而且它也不是干这个的。

你指的是 html,css和javascript配合起来的东东。

目前浏览器dom渲染性能还是有道坎,react-canvs
是一条路,可以看看。
omi4399
2015-04-09 22:03:16 +08:00
浏览器效能与优化问题,同样的 web 应用,iPhone 顺滑无比,太子五一卡一卡的。
jokcy
2015-04-09 22:18:20 +08:00
@loading react-canvs。。。继知乎之后又一次看到了,这个直接抛弃html和css了,而且对语义的支持也几乎为零了,不认为这是好的办法,现在移动端chrome上已经有很多试验性功能帮助web开发了,至少还是可以看到未来的。
linpf
2015-04-09 22:23:21 +08:00
参考一下dcloud.io的方案。感觉比较靠谱。我现在正在用。
loading
2015-04-09 22:24:22 +08:00
@jokcy 看到的是canvs,点击复制时可以给你发送文字内容到剪贴板。服务器判断来源seo也不是问题。
1up
2015-04-09 22:43:55 +08:00
非做出app的效果能怎么样呢?
reeco
2015-04-09 23:27:46 +08:00
慢可以缓解,但目前是无法解决的
adspe
2015-04-10 09:33:51 +08:00
@futursolo will-change 属性也行
xfspace
2015-04-10 09:45:59 +08:00
引用下
HTML 5简称H5
Java 8怎么简称?
lvfujun
2015-04-21 13:32:26 +08:00
@xfspace 简称J8.
lvfujun
2015-04-21 13:32:54 +08:00
@loading 就是H5嘛!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/182667

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX