前言：
“新年好呀，新年好呀，祝福大家新年好~~~”，我小叮當在這里祝大家新年快樂呀！
大家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 （阻塞??檔 onl oad 事件）
1）iframe 會阻塞主??的 onl oad 事件
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
怎么樣，是不是很簡單，你做對了幾道題呢？做對的再接再厲，不要驕傲，做錯的也沒有關系啦，好好總結，繼續努力！！！
當然啦，大家如果有補充的或者其它問題，歡迎大家在評論區交流啊，路漫漫其修遠兮，吾將上下而求索，希望大家可以一起堅持下去啊！😎😎😎~~~
如果這篇文章能夠幫助到您，希望您不要吝惜點贊👍👍和收藏💖💖，您的支持是我繼續努力的動力 💪💪！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/243856.html
標籤：其他
上一篇：html表單元素的colspan和rowspan合并單元格
下一篇：做題基礎~~~tips