深入攻防轉(zhuǎn)換，提升專業(yè)能力

攔截非法請求，需要分析異常來源特征。

a.比如使用了代理，帶有Proxy-Connection請求頭；可能使用了云機器，IP池分散攻擊等

b.缺少了正常請求的參數(shù)、進(jìn)而參數(shù)非法？

一場上行機器IP變動，nginx dns緩存的事故教訓(xùn)，導(dǎo)致網(wǎng)站服務(wù)不可用。有些事經(jīng)歷過，才明白如何做得更好，才有更深的見解和專業(yè)能力。

網(wǎng)友類似帖

https://zhidao.baidu.com/question/1519558219368498780/answer/4093022442.html

。。。

1. image-set 背景圖片支持設(shè)置多種分辨率圖片，瀏覽器擇優(yōu)選擇。同時type方法支持根據(jù)MIME類型區(qū)分設(shè)置不同格式圖片（safari暫不支持），實現(xiàn)類似picture選擇的效果。

針對不支持的情形，可以先用background-image設(shè)置一個保底圖片，然后再配置一條image-set的規(guī)則，于是支持的瀏覽器則會覆蓋生效此規(guī)則。

2. img圖片使用原生懶加載loading屬性指定為lazy時，safari上可能遇到先顯示alt文案，再顯示圖片的情況。

暫未找到合適的解釋說明。設(shè)置有alt文案的圖片，要避免首屏圖片設(shè)置loading懶加載。某些場景下，或可不設(shè)置alt文案。??

3. ::-webkit-scrollbar自定義設(shè)置滾動條寬度時，同時設(shè)置scrollbar-color、scroll-width標(biāo)準(zhǔn)屬性來支持火狐瀏覽器。
scrollbar-width: thin;

//thin顯示纖細(xì)滾動條；值為none時則不顯示滾動條，內(nèi)容還可滾動

scrolbar-color: #000, #ccc; 

//前值為可移動的區(qū)域顏色，后值為滾動條固定底塊

4. 學(xué)生郵箱識別參考項目：

https://github.com/JetBrains/swot

。。。

常用的幾個在線圖片壓縮網(wǎng)站：
https://squoosh.app/
https://www.iloveimg.com/zh-tw
https://tinypng.com/

模糊圖片占位，視覺呈現(xiàn)，比單純的灰色占位背景是不是更友好呢
https://blurha.sh/
https://github.com/woltapp/blurhash

跨平臺emoji顯示，表情跨平臺，視覺表現(xiàn)如果要一致，還得用圖片。

https://github.com/twitter/twemoji