css - 如何设置我在 chrome FreeBSD 23 上运行的 reactjs 应用程序的样式？

Question

我正在尝试在 Panasonic Vierra 智能电视浏览器上运行我的 reactjs 应用程序。导入 core-js 和 babel-polyfill 后，我可以加载网页，但是 UI 不合适。样式未按预期工作。同样的用户界面在我的笔记本电脑上的 chrome 上运行良好。

Answer 1

当涉及到嵌入式浏览器时，所有的赌注都被取消了。他们通常使用旧的、低效的渲染引擎，只支持我们所知道的 CSS 的一个子集；在低功耗硬件上运行；在解释模式下执行 JavaScript，并且通常存在其他缺陷，例如最大堆栈深度低以及缺乏现代创新，例如隐藏类或缓存属性查找。

这些浏览器的文档通常也很少。即使作为商业伙伴与制造商合作，您也很难获得很多帮助。这是一个问题，因为电视浏览器通常有很多错误，很少更新，而且它们的低性能似乎加剧了它们的问题。我在过去看到过渲染竞争条件和各种讨厌的事情。他们真的很痛苦。

我给你的建议是:

1. 坚持使用 CSS2 样式功能，除非您可以证明支持特定的 CSS3 模块。这可能意味着使用 float 和表格来布置您的页面。
2. 尽可能少地进行 JavaScript 渲染。对于这个用例，我不会使用 React。
3. 编写 JS 时注意 IE 时代的“经典”优化:在闭包中缓存属性查找；避免绑定(bind)新功能；警惕堆栈深度(避免 React 的另一个原因 - 组件可以调用一些深度嵌套的函数调用)
4. 避免使用转译语言。您需要完全控制正在执行的代码，因为运行时的性能很差。这可能意味着告别 JSX 和 Typescript 等细节。

总的来说，如果您正在为电视编写 JS 应用程序，您将不得不稍微远离 webdev 思维方式，更多地转向嵌入式系统思维方式。

祝你好运!