Omi 已經出了 5.0 版本，由於新手，我們還是使用官方提供的 Cli 去安裝，安裝完畢後你會發現還是Omi 4.0的那個版本 $: cnpm install -g omi-cli //安裝全域性 omi

@羯瑞 三角形 .triangle{width:0;height:0;border-width:50px;border-style:solid;border-color:red blue gr

讓網頁展現的更快，官方說法叫做首屏繪製，First Paint 或者簡稱 FP，直白的說法叫做白屏時間，就是從輸入 URL 到真的看到內容（不必可互動，那個叫 TTI, Time to Interactive）

今天的程式碼以Css3 為基礎來演示。閒話少說，直接畫。 先建立一個 index.html 檔案，引用 style.css 樣式單，主要工作在 style.css 中完成。定義一個 div 給他類為 mus

在開發過程中，會有這麼一個情況，需要將一個盒子的尺寸定義為固定比例，且尺寸需根據檢視的尺寸來進行縮放，也就是響應式，常見的多如有矩形、圓形等。 下面我將使用下面的例子為大家進行講解：

byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8219 本文可全文轉載，個人網站無需授權，只要保留原作者、出處以及文中連結即可，任何

Despite having been called CSS Wizardry for over a decade now, there hasn’t been a great deal of CSS-rela

雖然現在 Css Module 與 Css-in-js 更流行，但使用它們會導致過分依賴濫用 class 做唯一定位 ，違背了 Css 選擇器的初衷。 本期精讀的文章是：attrib

看似平常的事物，往往會蘊含的巨大的智慧。把看似平常的事物簡單做好，可能很正常。如果能把平常的事物做精，做細，這個不平常。 1.前言 每一個開發者在開發專案中，不可避免要和圖片打交道，優化圖片似乎也成了一

前言 爬蟲要爬取的資訊主要來自於網頁載入的內容，有必要了解一些網頁的知識。 當我們在瀏覽器網址欄輸入一個網址——URL，經過TCP/IP協議簇的處理，這個網址請求的資訊就被髮送到URL對應的伺服器，接

通常我們在pc上看到的頁面都是比較大的，在pc上訪問頁面是正常顯示的，預設是不會被縮放的，除非是手動進行了縮放，頁面才會被放大比例或者是縮小比例顯示。但是在移動端是不一樣的，如果將一個pc端的頁面放到手機端進行

大致效果圖如下，原視訊練習在https://www.bilibili.com/video/av17842686?，有附帶原始碼和相關圖片檔案~大家也可以拿來練練手 這次寫的是移動端頁面，需要加上以

點評網的反爬設定在我們爬取點評網頁的時候給我們造成了不小的障礙。在網頁上我們看到的是這樣的 網頁上可以看到這家餐廳有1405條評論，人均387。但在分析頁面原始碼的時候，我們卻看不到網頁

1、圖片圓角顯示 例如（非常簡單）： HTML： <img src="mao.png" /> CSS： img{ border-radius: 10px

UI 庫是很龐大的一個專案，如果個人開發，會很佔用我的業餘時間，所以我想到了組隊，便在掘金髮佈一個這樣的事情，很快便召集了20多個前端加入進來。 scrum 敏捷模式 這麼多人加入，怎麼樣的流程管理能保