@jadec0der
加载了很多才卡吧.
dom 多了当然卡了.又没分页,应该考虑虚拟卷轴的.

打开 2,3 分钟了...

看了下,vendor900 多 k,而且还在加载中...你开压缩了吗

@cstome 你要实现特定功能,需要借助第三方库的时候,也是要看文档的.

而且 react 写多了,你自己封装的组件也是这种玩法.学习成本不大.就是看下都有哪些属性,控制什么功能.看一下不用 1 分钟.而对于一些类似原生 html 标签的,UI 库都是做加法.原来有的一般都会保留.

服务器渲染,html 直出,浏览器加载到文档就可以开始渲染.
前后分离,你得等框架,业务代码加载到了才能渲染.当然慢了.

你用 Bootstrap 不是一样要学习成本.

这种工具最好是搭 webpack 的便车.

@MuscleOf2016

你用 rem 的话,根元素字体大小当然要动态计算啊.
要搞清楚用 rem 实际上就是用百分比,只是比百分比好计算,而且 css 的百分比不统一(比如 padding-top 的百分比是按宽度来算的...).
搞清楚这点了,你说 16/375 会等于 16/414 吗?

最佳实践其实随便百度就有了,你用淘宝的方案就可以.

1. 引用 flexible.js(淘宝是把根元素字体大小设置为 device-width 的十分之一的).最好自己手动加个 device-width=1 的 viewport 标签,统一按 dpr 为 1 计算,1px 的问题很多解.
2. 使用 px2rem 转换你的 css 源码中的尺寸.
2. 设计稿按 ip6,375*667 的来.(蓝湖之类的工具设置一下).

初始化的时候劫持 data 里的所有属性的 set/get 操作(defineProperty),同时解析模板的时候会收集模板里用到的属性(依赖收集),对属性进行 set 操作的时候,会通知所有订阅者更新 dom

for()
(function() {})()

要看是 webpage 还是 webapp.

服务器渲染的话,只要你 header 没塞太多东西,页面收到文档就可以展示了,body 后边引多少也没关系.慢慢加载就是了.
webApp 的话,就得等框架之类的第三库(一般打包成一个大包放 cdn),包含了编译后的业务代码加载到,解析,编译才能显示.这段时间就一直白屏.

@BFDZ 不一样.
我之前图清静用 qq 输入法,完全不能打,联想等于没有,模糊匹配也水,我习惯全拼,韵母打错都联想不出

占座 sb