2020-08-11 html的布局 + css的css加载 + JS的js阻塞 + 软技能的用户行为信息收集

2020-08-11 题目来源:http://www.h-camel.com/index.html

[html] 你认为一个好的布局应该是什么样的?有哪些需要注意的地方?

静态布局: static 窗体大小变化,元素的大小和位置均不会变化;

自适应布局: 窗体大小变化,元素大小不变,位置变化;

流式布局: flex 窗体大小变化,元素的大小变化,位置不变;

响应式布局: 窗体大小变化,元素的大小和位置均发生变化;

[css] css加载会阻塞DOM树解析吗?

css被视为阻塞渲染的资源。

css的加载不会阻塞DOM树的解析,但会阻塞DOM树的渲染; 不会阻塞js的下载,但会阻塞js的执行。

提升用户体验: CND托管;css压缩;合理使用缓存;

[js] 什么情况下会出现js阻塞?

1.CSS阻塞:当css后面跟着嵌入的js的时候,该css不会阻塞后面资源的下载,但会阻塞执行。需要把嵌入js放到css前面就不会阻塞了。

根本原因:浏览器会维持html中css和js的顺序,样式表必须再嵌入的js执行前先加载、解析完,而嵌入的js会阻塞后面的资源加载,表现出来就是css阻塞。

2.JS阻塞:嵌入js会阻塞所有内容的呈现,而外部的js阻塞后面内容的显示。

所以,将脚本放在底部。<link>还是放在head中,用以保证在js加载前,能加载出正常显示的页面。<script>标签放在</body>前

参考文章:https://www.cnblogs.com/bibiafa/p/9364986.html

[软技能] 前端是如何收集用户行为信息的?都有哪些方法呢?

前端怎么做用户行为统计分析 https://www.jianshu.com/p/7f7185786cc1

前端数据采集 埋点 追踪用户系列行为 https://www.cnblogs.com/dhsz/p/9303753.html

猜你喜欢

转载自blog.csdn.net/vampire10086/article/details/108450056