小鳥不會飛的前端經驗

2021-10-23 15:14:33 字數 1284 閱讀 6142

class=「***"元素的文字超過2行時顯示」…"(要把這個盒子的高度確定為最多顯示2行文字)

.***

萬能的盒子內的居中(不採用flex等布局的情況下)

div

div::after

div img

按照比例撐高度

.pic-box

.pic-box::after

手寫的"×"框
.close

.close::before

.close::after

正確獲取遊覽器窗體高度
// html加了 的文件宣告後,才能獲取到正確的窗體高度

var windowheight =

$(window)

.height()

;

給網頁設定滾動條樣式
::-webkit-scrollbar

::-webkit-scrollbar-thumb

::-webkit-scrollbar-track

多選框樣式
input[type="checkbox"]

input[type="checkbox"]::before

input[type="checkbox"]:checked::before

記錄一些好看的選中樣式
::selection

前端限制上傳格式.
type

="file"

id="file"

multiple

="multiple"

accept

="image/gif, image/jpeg, image/gif, image/png, image/bmp, image/webp"

>

封裝正則匹配
string.prototype.

myreplaceall

=function

(f,e)

// 使用

newsdesc = newsdesc.

myreplaceall

(value,

""+value+"")

;// value 是字串 ""

// *正則全域性/g匹配的是字元, 不是字串, 故作此封裝.

用vscode開發前端的小經驗

前言 就是記錄一下 首先是配置 使vscode中文顯示 chinese simplified language pack for visual studio code 使用vue vue vscode snippets 設定setting vetur 在瀏覽器開啟,在html檔案頁面右鍵。open ...

飛冰 前端開發的一些坑

許可權 飛冰的許可權控制用的是ant desgin pro的authorized元件,但是根據我的呼叫,飛冰應該是做了一些改動,導致不支援許可權陣列。而我們實際開發中,拿到的是當前系統當前賬號所擁有的所有許可權,一般都是以陣列的形式提供,這種情況下直接導致實用性,檢測不到對應的許可權。因為飛冰提供的...

我的web前端工作日記1 web前端經驗

主要是可以讓自己保持學習,堅持總結。也希望能讓懷揣著前端夢想的 準備進入前端的你,了解到web前端的工作是怎麼樣的。首先介紹一下的情況。2017年畢業於廣州的一間2本學校,做了一年js少兒程式設計老師,雖然也會做一下前端專案,但是感覺進步不是很大,所以就想去外面當世界看看。後來找到乙份前端工作,是在...