前端開發技巧

2022-08-04 00:06:17 字數 529 閱讀 5961

sublime text 3是乙個非常強大的**編輯工具。 

這裡小雲深深的被它的快速編輯多行內容功能所吸引。 

先說下,使用下面的功能要安裝乙個叫emmet的外掛程式。

沒有的話,自行度娘吧。 

下面就來看下具體的五種方式吧:

1,滑鼠選中多行,按下 ctrl shift l (command shift l) 即可同時編輯這些行; 

2,滑鼠選中文字,反覆按 ctrl d (command d) 即可繼續向下同時選中下乙個相同的文字進行同時編輯; 

3,滑鼠選中文字,按下 alt f3 (win) 或 ctrl command g(mac) 即可一次性選擇全部的相同文字進行同時編輯; 

4,shift 滑鼠右鍵 (win) 或 option 滑鼠左鍵 (mac) 或使用滑鼠中鍵可以用滑鼠進行豎向多行選擇; 

5,ctrl 滑鼠左鍵(win) 或 command 滑鼠左鍵(mac) 可以手動選擇同時要編輯。

s del 刪除線

i em 傾斜

u  ins  下滑線

WEB前端開發優化技巧

從seo優化和網頁載入速度兩方面講解下web前端開發需要注意的事項。1 網頁載入速度相關的優化技巧 a 減少 http請求。將多個合併到一張,然後使用css的background position來顯示,將多個css檔案和js檔案合併成乙個。這樣就大大減少了頁面中http請求。b 減少請求時內容的傳...

移動前端開發小技巧

1.有時候,厚厚的border也許有用,例如區域滾動,卻要在頂部或底部留出一塊死邊。2.切記,告別px吧,em是不錯的選擇,pc端也適用。3.empty選擇器選擇裡面沒有內容的標籤。4.如果你在文件中使用了 overflow hidden auto 的話,新增下面的 css 可以使滾動更加流暢。we...

前端開發中的奇淫技巧

隱藏滾動條 1.webkit的私有屬性 只能在谷歌瀏覽器和蘋果瀏覽器上有效 webkit核心 webkit scrollbar 2.奇淫技巧 父元素的樣式 height 固定死 box sizing border box overflow hidden 有滾動條的子元素的樣式 width 100 w...