<有時候點選的時候 會不小心選中文字， 增加這個設定可以避免此問題：img
src="image.gif"
onerror
="alert('不能被載入。')"
>
-webkit-user-select:none;預設的滾動條樣式太醜了，前端可以進行修改，在用到滾動條的地方可以都用此**，示例**如下-moz-user-select:none;
-ms-user-select:none;
user-select:none;
doctype htmltextarea 右下角會有個拖動的標誌，如果不想讓使用者進行縮放，可以增加 style="resize:none;" 或者使用 contenteditable="true" 將div變成編輯器進行輸入。>
<
html
>
<
head
>
<
title
>修改滾動條樣式
title
>
head
>
<
body
>
<
style
type
="text/css"
media
="screen"
>
.inner
.innerbox
/*滾動條樣式
*/.innerbox::-webkit-scrollbar
.innerbox::-webkit-scrollbar-thumb
//.innerbox::-webkit-scrollbar-track
style
>
<
div
class
="inner"
>
<
div
class
="innerbox"
>
<
p style
="height:300px;"
>這是內容111
p>
<
p style
="height:300px;"
>這裡是內容222
p>
<
p>這裡是內容333
p>
div>
div>
body
>
html
>
比如使用者點選一次就是一次提交，那麼多次點選的時候就是多次提交，有可能造成頁面卡主或者長時間沒反應，此時就需要禁止使用者的多次提交
給所點選的區域設定 pointer-events:
none; 該屬性會讓該區域的所有點選事件失效，請求結束之後 去掉該屬性即可；不過該屬性有相容性限制（大部分瀏覽器都支援了，幾乎可以忽略相容性），如下：
點選完之後，給點選區域增加乙個透明的遮罩層，再次點選的時候就是在遮罩層上，點選就無效，請求結束之後把遮罩層移除。
記住密碼，可以方便使用者再次登入的時候不用重新輸入：
cookie說明：
如果不設定過期時間，則表示這個cookie生命週期為瀏覽器會話期間，只要關閉瀏覽器視窗，cookie就消失了。這種生命期為瀏覽會話期的cookie被稱為會話cookie。會話cookie一般不儲存在硬碟上而是儲存在記憶體裡。
如果設定了過期時間，瀏覽器就會把cookie儲存到硬碟上，關閉後再次開啟瀏覽器，這些cookie依然有效直到超過設定的過期時間。
儲存在硬碟上的cookie可以在不同的瀏覽器程序間共享，比如兩個ie視窗。而對於儲存在記憶體的cookie，不同的瀏覽器有不同的處理方式。
<input
type
="text"
autocomplete
="off"
/>
autocomplete 預設是 on， 開啟狀態， 設定成 off 就關閉了。這是個大工程，而且網上的資料也很多，需要的就自行查詢吧。
VR體驗優化
vr體驗優化，防止眩暈 鏡頭的控制權盡量交給玩家 最重要的是鏡頭不能有加速度。只能馬上停下或者馬上移動 鏡頭向前移動的方式有兩種。第一種是blink的方式，鏡頭黑一下然後直接跳到之前鏡頭指向的目標，類似於人類眨眼 第二種是快速移動，移動速度控制在1.5m s最好，這樣符合人類大腦的思維方式 鏡頭不能...
前端學習 CSS體驗
由於本人也是初學html，以下都為本人學習過程中分點整理的知識點，希望共同進步，不足之處望指出批正。1.css體驗 分析 有提供標題 h1 還有乙個段落 p 標題是居中的，段落也是居中的。所以我們可以設定h標籤和p標籤的align屬性等於center來實現，標題和段落都有顏色，都是字型，都是大小，所...
錘子科技的前端原始碼 體驗靜態資源優化
早上進入辦公室，第一眼看到從我座位底下拉出了一根網線，這根網線經過過道，通到了另外乙個剛搬進來的乙個同事的電腦上。估計為了防止路過的人絆到，橫七豎八地貼上了膠帶，你能想象出那個畫面嗎？反正就是醜 亂 雜。我就吼 為什麼這麼搞，怎麼這麼醜？最後的最後，反正我給它恢復了優雅，graceful。我這是強迫...