获得徽章 0
赞了这篇沸点
#每天一个知识点# h1 ~ h6之间不要断层。
搜索引擎对h1 ~ h6标签比较敏感,尤其是h1和h2。一个语义良好的页面,h1~ h6 应该是完整有序而没有出现断层的。也就是说,要按照“h1、h2、h3、h4”这样的顺序依次 排列下来,不要出现“h1、h3、h4”而漏掉h2的情况。
1
赞了这篇沸点
#每天一个知识点# 27后端一次性返回10w条数据,你该如何渲染?
设计不合理
后端返回10w本身技术方案设计就不合理;
可以先主动说明,查明面试官意向,非要这么做,提供解决方案;
1.自定义中间件
自定义nodejs中间层,获取并拆分这10w条数据
前端对接nodejs中间层,而不是服务端
成本较高
2.虚拟列表
只渲染可视区域DOM
其他隐藏区域不显示,只用div撑起高度
随着浏览器滚动,创建和销毁DOM
虚拟列表实现起来非常复杂,可借用第三方lib
Vue-virtual-scroll-list
React-virtualiszed
展开
5
赞了这篇沸点
#每天一个知识点# day34
script 标签中的 defer 和 async
作用: script 标签如果直接使用, html 会按顺序下载和执行脚本,并阻碍后续 DOM 的渲染。如果 script 发生延迟,就会阻碍后续的渲染,使得页面白屏。
1.defer
异步下载文件,不阻碍 dom 的渲染,如果有多个 defer 会按顺序执行
执行顺序:在文档渲染后执行,在 DOMContentLoader 事件调用前执行。
2.async
异步下载文件,不影响 dom,如果有多个 ,谁快先执行谁
展开
评论