Skip to main content

Home/ Larvata/ Group items tagged canvas

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
張 旭

也许，DOM 不是答案 - 阮一峰的网络日志 - 0 views

www.ruanyifeng.com/...future-of-dom.html

web application phone performance DOM

shared by 張 旭 on 23 Jan 17 - No Cached
  • 如果将来有一天，Web app会成为主流，一定有一个前提，那就是它的性能可以赶上Native app
  • Web app输给Native app的地方，不是界面（UI），而是操作性能
  • Web基于DOM，而DOM很慢。浏览器打开网页时，需要解析文档，在内存中生成DOM结构，如果遇到复杂的文档，这个过程是很慢的。可以想象一下，如果网页上有上万个、甚至几十万个形状（不管是图片或CSS），生成DOM需要多久？更不要提与其中某一个形状互动了。
  • ...10 more annotations...
  • 所有的DOM操作都是同步的，会堵塞浏览器。JavaScript操作DOM时，必须等前一个操作结束，才能执行后一个操作。
  • 浏览器重绘网页的频率是60FPS（即16毫秒/帧），JavaScript做不到在16毫秒内完成DOM操作，因此产生了跳帧。
  • 没有使用DOM，而是将整个网站用canvas输出
  • canvas可以被硬件加速
  • 主要是canvas只是一个位图，本身没有语义，如果要在它上面实现UI，等于HTML语言已有的东西都要再发明一遍，比如如何实现超链接、如何实现CSS效果等等。
  • canvas不是自适应的（responsive），文字在哪里断行，都要自己计算，而且用户也无法选中文本
  • 多线程浏览器
  • DOM的异步操作。JavaScript对DOM的操作不再是同步的，而是触发后，交给Event Loop机制进行监听。
  • 用数据库取代DOM
  • 非DOM方案。浏览器不再将网页处理成DOM结构，而是变为其他结构
crazylion lee

Vega - 0 views

vega.github.io

visualization canvas svg

shared by crazylion lee on 10 Sep 15 - No Cached
  • crazylion lee on 10 Sep 15
     
    "Vega is a declarative format for creating, saving, and sharing visualization designs. With Vega, visualizations are described in JSON, and generate interactive views using either HTML5 Canvas or SVG."
crazylion lee

GitHub - novnc/noVNC: VNC client using HTML5 (Web Sockets, Canvas) with encryption (wss... - 0 views

github.com/noVNC

vnc html5

shared by crazylion lee on 12 Nov 18 - No Cached
  • crazylion lee on 12 Nov 18
     
    "VNC client using HTML5 (Web Sockets, Canvas) with encryption (wss://) support. http://novnc.com"
1 - 3 of 3
Showing 20▼ items per page