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