2021/1/1-每日三题第8弹：小可爱们新年快乐呀，网页验证码到底有什么用呢？？？-CSDN博客

本文链接：https://blog.csdn.net/weixin_44586544/article/details/112058719

前言：

“新年好呀，新年好呀，祝福大家新年好~~~”，我小叮当在这里祝大家新年快乐呀！

每日三题

大家2021年都有什么期待呀，说来听听，我2021年期待的事情还挺多的，说出来和大家分享一下，大家也可以在评论区留下自己2021年的期待，2021一定都会心想事成的，😎😎😎

每日三题
1.家人朋友身体健康，开开心心！

2.不要熬夜，身体是革命的本钱，早睡早起身体好！

3.多花一点时间在自己热爱的事情上，就比如写博客，敲代码(哈哈，我说是发自真心的，你信吗？🤔)！

4.下定决心要做的事情，及时行动，不要拖延，拖延症害死人(不要问我怎么知道的)

5.赶快找一个女朋友，争取明年的元旦不是我一个人过😎😎😎

6.~~~

好了，话不多说，上题目！！！😍😍😍

题目：

(题目1) 网页验证码是干嘛的，是为了解决什么安全问题？

(题目2) <meta name=“viewport” content=“width=device-width”/>标签content 属性中可以设置哪些属性，分别是什么含义？

(题目3) 渲染优化有哪些方式？

倒计时10min，开始计时，看看自己能做对几道题😎😎😎？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！

每日三题

参考解析：

题目1：

1.区分⽤户是计算机还是⼈的公共全⾃动程序。可以防⽌恶意破解密码、刷票、论坛灌⽔
2.有效防⽌⿊客对某⼀个特定注册⽤户⽤特定程序暴⼒破解⽅式进⾏不断的登陆尝试

题目2：

1.width 设置viewport宽度，为⼀个正整数，或字符串‘device-width’
  device-width：设备宽度
2.height 设置viewport⾼度，⼀般设置了宽度，会⾃动解析出⾼度，可以不⽤设置
3.initial-scale 默认缩放⽐例（初始缩放⽐例），为⼀个数字，可以带⼩数
4.minimum-scale 允许⽤户最⼩缩放⽐例，为⼀个数字，可以带⼩数
5.maximum-scale 允许⽤户最⼤缩放⽐例，为⼀个数字，可以带⼩数
6.user-scalable 是否允许⼿动缩放

题目3：

1.禁⽌使⽤ iframe （阻塞⽗⽂档 onload 事件）
	1）iframe 会阻塞主⻚⾯的 onload 事件
	2）搜索引擎的检索程序⽆法解读这种⻚⾯，不利于SEO
	3）iframe 和主⻚⾯共享连接池，⽽浏览器对相同域的连接有限制，所以会影响⻚⾯的并
       ⾏加载
	4）使⽤ iframe 之前需要考虑这两个缺点。如果需要使⽤ iframe ，最好是通过
	  javascript动态给 iframe 添加 src 属性值，这样可以绕开以上两个问题
2.禁⽌使⽤ gif 图⽚实现 loading 效果（降低 CPU 消耗，提升渲染性能）
3.使⽤ CSS3 代码代替 JS 动画（尽可能避免重绘重排以及回流）
4.对于⼀些⼩图标，可以使⽤base64位编码，以减少⽹络请求。但不建议⼤图使⽤，⽐较耗
  费 CPU
  ⼩图标优势在于：
  1）减少 HTTP 请求
  2）避免⽂件跨域
  3）修改及时⽣效
5.⻚⾯头部的 <style></style> <script></script> 会阻塞⻚⾯；（因为 Renderer
  进程中 JS 线程和渲染线程是互斥的）
6.⻚⾯中空的 href 和 src 会阻塞⻚⾯其他资源的加载 (阻塞下载进程)
7.⽹⻚ gzip，CDN 托管，data 缓存，图⽚服务器    	  	   
8.前端模板 JS+数据，减少由于 HTML 标签导致的带宽浪费，前端⽤变量保存AJAX请求结
  果，每次操作本地变量，不⽤请求，减少请求次数
9.⽤ innerHTML 代替 DOM 操作，减少 DOM 操作次数，优化 javascript 性能
10.当需要设置的样式很多时设置 className ⽽不是直接操作 style
11.少⽤全局变量、缓存 DOM 节点查找的结果。减少 IO 读取操作
12.图⽚预加载，将样式表放在顶部，将脚本放在底部 加上时间戳
13.对普通的⽹站有⼀个统⼀的思路，就是尽量向前端优化、减少数据库操作、减少磁盘 IO