原创 前端學習之精靈技術(sprite)
當用戶訪問一個網站時，需要向服務器發送請求。而網頁上的每張圖都需要經過一次請求才能展示給用戶。 然而，一個網頁中往往會應用很多小的背景圖片作爲裝飾。當網頁中的圖像過多時，服務器就會頻繁的接收和發送請求，這將大大降低頁面的加載速度
2020-07-05 06:52:21
2
原创 前端學習之經典案例-雲道商城首頁
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" h
2020-07-05 06:52:21
原创 echarts 柱狀圖數值爲0時 顯示柱體
解決辦法：使用 barMinHeight 設置最小柱體高度 series: [ { name: '成交通證', type: 'bar',
2020-07-05 06:52:21
原创 前端學習之字體圖標(iconfont)
Web字體 字體格式 不同的瀏覽器支持的字體格式是不一樣的。 tureTypeFont(.ttf)格式 . ttf字體是Windows和Mac的最常見的字體，是一種RAW格式，支持這種字體的瀏覽器有IE9+、Firefox3.5
2020-07-05 06:52:21
原创 vue 父組件傳子組件數值，父值變更子獲取的值沒有變的問題
1.父組件給子組件傳值，子組件使用props接收值。 //父組件頁面 <div> <TransChart :start-time="startTime" :end-time="endTime"/> </div> //子組件頁面
2020-07-05 06:52:21
原创 前端學習之溢出部分顯示省略號（white-space、text-overflow）
white-space 文字換行 設置或檢索對象內文本顯示方式。通常我們使用於強制一行顯示 white-space: normal; -默認換行顯示方式 white-space: nowrap; -強制在同一行內顯示所有文本，
2020-07-05 06:52:21
原创 前端學習之滑動門/移動門效果(背景圖需根據內容的長度自動增長)
製作網頁的時候，爲了美觀，往往要爲網頁元素設置特殊形狀的背景，比如微信官網的導航欄。最大的問題是，導航菜單欄裏面的字數不一樣，即背景圖需根據內容的長度自動增長，這樣就需要用到滑動門的效果。 原理：使用一個a標籤，包裹一個span標
2020-07-05 06:52:21
原创 前端學習之版心和佈局流程
什麼是版心？ “版心”（可視區）是指網頁中主體內容所在的區域。一般在瀏覽器窗口水平居中顯示，常見的寬度值爲960px、980px、1000px、1200px等。 佈局流程 爲了提高網頁製作的效率，佈局時通常需要遵守一定的佈局流程。
2020-06-24 10:11:57
原创 element ui --input輸入框不能輸入的問題
<el-input v-model="putNumber" autocomplete="off" @input="changeInput"></el-input> 如圖所示，無論怎麼操作都只顯示默認的數值，不能輸入。 網上
2020-06-24 10:11:57
1
原创 IOS 移動端 輸入框第二次點擊不能拉起虛擬鍵盤的問題
ios虛擬鍵盤第二次拉起保護機制有個300s的延遲，所以需要手動拉起。給input一個Focus事件。 inputFocus(){ //手動調用input的focus事件 document.getElement
2020-06-24 10:11:57
原创 前端學習之基礎細碎筆記(盒子居中、外邊距合併/塌陷等)
外邊距實現居中對齊 讓一個盒子實現水平居中，需要滿足以下兩個條件： 必須是塊級元素 盒子必須指定寬度（width） 然後給左右的外邊距都設置爲auto，就可以使盒子水平居中。 實際工作中經常使用這種方式進行網頁佈局，示例代碼如
2020-06-24 10:11:57