原创 如何將CSS3 transforms應用於背景圖像

CSS transformations雖然很酷,但還沒有應用於背景圖像。這篇文章提供了一個很好的解決方法,當您確實想要旋轉背景圖像時,或者在容器元素旋轉時保持背景圖像不變。 使用css3轉換屬性可以縮放、傾斜和旋轉任何元素。它在所有沒

原创 6個很棒的PostCSS插件,讓您成爲一個CSS嚮導

PostCSS是一個非常通用的工具,它可以通過javascript插件轉換CSS樣式。它的靈活性在於它的建造方式。 PostCSS的核心部分是一個node.js模塊,您可以使用NPM進行安裝,它有一個由200多個插件組成的生態系統,您

原创 axios的用法詳解

axios: 是一個類庫,基於Promise管理的Ajax庫,支持瀏覽器和nodejs的http庫,常用於Ajax請求。 特點 從瀏覽器中創建 XMLHttpRequests 從 node.js 創建 http 請求 支持 Promi

原创 實現非父子之間通信,兄弟組件之間的數據傳遞--eventBus

vue中,組件傳值的方法常見的也就那幾種, 1.父組件向子組件傳值,用props 屬性, 2.子組件主要通過事件傳遞數據給父組件子向父傳數據可以用$emit觸發傳,但是這種方法無法實現兄弟組件直接傳數據 3.利用provide/inj

原创 詳細瞭解文檔對象模型(DOM)

我們都聽說過與JavaScript相關的DOM或文檔對象模型。DOM是Web開發中一個非常重要的概念。沒有它,我們就無法在瀏覽器中動態修改HTML頁面。 學習和理解DOM可以更好地訪問、修改改和監聽HTML頁面的不同元素。文檔對象模型

原创 淺談vue中provide和inject 用法

provide:Object | () => Object inject:Array | { [key: string]: string | Symbol | Object } provide 和 inject 主要爲高階插件/組件庫

原创 淺談CSS3 響應式佈局--Media Queries

CSS3 Media Queries , CSS3媒體查詢。使用 @media 查詢,你可以針對不同的媒體類型定義不同的樣式;也可以針對不同的屏幕尺寸設置不同的樣式;當重置瀏覽器大小的過程中,頁面也會根據瀏覽器的寬度和高度重新渲染頁面

原创 瞭解css中僞元素 before和after的用法

層疊樣式表(CSS)主要用於將樣式應用於HTML標籤,但是在某些情況下,向文檔添加額外標籤元素是多餘的或不可能的,CSS中實際上有一個特性允許我們在不中斷實際文檔的情況下添加額外標籤,即僞元素。 你聽說過這個術語,尤其是當你一直在學習

原创 css常用單位px、em、 rem 區別與各自的用法解析

我們在佈局頁面中,總要用到一些有關字體,元素寬度,高度等長度單位,一般pc端常用到像素單位,移動端用em,rem 單位,它們都有各自的特點,今天總結一下它們的特點、區別 px是Pixel的縮寫,也就是說像素是指基本原色素及其灰度的基本