Best content in Larvata | Diigo

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。
...

Cancel
项目本身也越滚越大，从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案
...

Cancel
React Native 项目，目标更是宏伟，希望用写 Web App 的方式去写 Native App。
...

Cancel
...9 more annotations...
凡是使用 JSX 的地方，都要加上 type="text/babel"
...

Cancel
Browser.js 的作用是将 JSX 语法转为 JavaScript 语法，这一步很消耗时间，实际上线的时候，应该将它放到服务器完成。
...

Cancel
HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 JSX 的语法，它允许 HTML 与 JavaScript 的混写
...

Cancel
JSX 的基本语法规则：遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析。
...

Cancel
JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组，则会展开这个数组的所有成员
...

Cancel
所有组件类都必须有自己的 render 方法，用于输出组件
...

Cancel
组件类的第一个字母必须大写，否则会报错
...

Cancel
组件类只能包含一个顶层标签
...

Cancel
添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。
...

Cancel

13More

也许，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
...

Cancel
Web app输给Native app的地方，不是界面（UI），而是操作性能
...

Cancel
Web基于DOM，而DOM很慢。浏览器打开网页时，需要解析文档，在内存中生成DOM结构，如果遇到复杂的文档，这个过程是很慢的。可以想象一下，如果网页上有上万个、甚至几十万个形状（不管是图片或CSS），生成DOM需要多久？更不要提与其中某一个形状互动了。
...

Cancel
...10 more annotations...
所有的DOM操作都是同步的，会堵塞浏览器。JavaScript操作DOM时，必须等前一个操作结束，才能执行后一个操作。
...

Cancel
浏览器重绘网页的频率是60FPS（即16毫秒/帧），JavaScript做不到在16毫秒内完成DOM操作，因此产生了跳帧。
...

Cancel
没有使用DOM，而是将整个网站用canvas输出
...

Cancel
canvas可以被硬件加速
...

Cancel
主要是canvas只是一个位图，本身没有语义，如果要在它上面实现UI，等于HTML语言已有的东西都要再发明一遍，比如如何实现超链接、如何实现CSS效果等等。
...

Cancel
canvas不是自适应的（responsive），文字在哪里断行，都要自己计算，而且用户也无法选中文本
...

Cancel
多线程浏览器
...

Cancel
DOM的异步操作。JavaScript对DOM的操作不再是同步的，而是触发后，交给Event Loop机制进行监听。
...

Cancel
用数据库取代DOM
...

Cancel
非DOM方案。浏览器不再将网页处理成DOM结构，而是变为其他结构
...

Cancel