CSS3@media查詢 使用@media查詢，你可以針對不同的媒體型別定義不同的樣式。 @media可以針對不同的螢幕尺寸設定不同的樣式，特別是如果你需要設計響應式的頁面，@media是非常有用的。

ZUI框架是一款開源的HTML5跨屏框架，是禪道專案管理軟體團隊在完善自己產品過程中形成的一個開源前端實踐方案。一個基於 Bootstrap 深度定製開源前端實踐方案，能幫助你快速構建現代跨屏應用。ZUI官網

監聽less檔案變化原地生成css檔案，這個功能在諸多編輯器上的外掛都能實現，通過配置，也可以改變生成檔案的字尾名，比如wxss,acss等。 但是當我接到公司小程式專案的時候，第一反應還是想自己動手實現一

本文將從瀏覽器輸入url到頁面載入完成中經歷的各個階段來探討web前端效能可以優化的點 1、瀏覽器輸入URL並按下回車 無優化點 2、瀏覽器查詢當前URL是否存在快取 徹底弄懂HTTP快取機制及

本篇文章是專為那些剛剛進入web前端開發領域的人準備的。如果你的經驗是一年或更少，希望在這裡列出的一些技巧將幫助你成為更好、更高效的開發者! 1.保持標籤閉合 以前，經常見到類似下面的程式碼（注：很久以

從前端學習到找到一份合適的工作，大大小小的面試必不可少，春招的實習面試，以及秋招的校招面試，從面試內容到技術的深度，要求都是不一樣的。 先說春招的實習面試，面試內容主要還是考察前端的基本功，如果是科班

說到對圖片進行處理，我們經常會想到PhotoShop這類的影象處理工具。 作為前端開發者，我們經常會需要處理一些特效，例如根據不同的狀態，讓圖示顯示不同的顏色。或者是hover的時候，對圖片的對比度，陰影進

使用 style-loader ， css-loader 打包 css 檔案 首先在src目錄下建立一個 index.css 檔案，內容如下： .this_style { color: re

一、px，em，rem、vw、vh 1.px (pixel，畫素)： 是一個虛擬長度單位，是計算機系統的數字化影象長度單位，如果px要換算成物理長度，需要指定精度DPI(Dots Per Inch，每英

這兩天接觸到一個很有意思的 CSS 屬性 -- box-decoration-break 。下面就一起去一探究竟。 因為MDN 上關於這個屬性，沒有中文文件，所以一直在想一個合理貼切的中文翻譯。直譯一

通過元素型別 tagName 、 * 、 .class 或 #id 匹配一個或多個元素。 （2）、屬性選擇器 通過 屬性 / 屬性值 匹配一個或多個元素。 Presence

1.下載lib-flexible npm i lib-flexible --save 或 yarn add lib-flexible 2.在專案中引入lib-flexible 一般情況在(main.js

前言 一直有個想法要把各種居中的方法總結一下，但還是一直沒有時間去整理。最近剛好在做樣式重構的專案，順便把一下自己有用過的或積累的居中方法給總結一下。 水平居中 行內元素水平居中

前言 大家應該見過不少可以更換主題或主題顏色的網站，如果是更換內建的幾套方案可以直接通過簡單的替換css檔案來實現，我們就不說了；本文就介紹一種使用者自定義替換的主題題色的簡單方案！ 1.

選擇器的權重和優先順序 選擇器的型別： id選擇器(#myid) 類選擇器(.myclassname) 標籤選擇器(di