原创 骨架屏那些事兒
什麼是骨架屏 骨架屏就是在頁面尚未加載之前先給用戶展示出頁面的大致結構，直到頁面請求數據後渲染頁面。骨架屏和loading相比較還是骨架屏用戶體驗感更好。 實現骨架屏 1.安裝插件 npm install vue-skeleton-webp
2019-08-20 10:45:10
原创 高級程序設計:第7章-函數表達式
函數表達式 函數表達式是JavaScript中的一個既強大又容易令人困惑的特性。 定義函數表達式的方法 1.函數聲明 function functionName(arg0,arg1,arg2){ //函數體 } 先有function
2019-07-01 12:04:59
原创 實現小程序tab欄下劃線動畫效果
最終效果 實現 wxml <view class='abox'> <view wx:for="{{title}}" class='{{currentIndex==index?"tabTrue":""}}' bindtap='ch
2019-05-18 10:35:02
原创 簡單理解vue中的nextTick
nextTick() 用於在下次DOM更新循環結束之後執行延遲迴調。在修改數據之後立即使用這個方法，獲取更新後的DOM nextTick()是屬於異步更新隊列 應用場景 在Vue生命週期的created鉤子函數進行的DOM操作一定要放在vu
2019-05-07 10:05:02
原创 記一次vue仿網易雲音樂的單頁面應用
說明 一直想做一個基於VUE的項目,但是因爲項目往往要涉及到後端的知識(不會後端真的苦),所以就沒有一直真正的動手去做一個項目。直到發現GitHub上有網易雲音樂的api NeteaseCloudMusicApi,纔開始動手去做。 僅僅完成
2019-04-23 15:15:03
原创 常見的sticky footer佈局方式
什麼是sticky footer佈局 我們常見的網站頁面都會把一個頁面分爲：頭部區、內容區、頁腳區,當頭部區和內容區內容較少時,頁腳區能固定在網頁底部,而不是隨着文檔流排布。當頁面內容較多時，頁腳能隨着文檔內容自動撐開,顯示在頁面的最底部。
2019-04-09 10:45:10
原创 Grid網格佈局學習（1）
阮一峯的網格佈局（grid）教程於3月25號發佈,正好學習一波grid佈局。雖然grid佈局還不能夠支持商用,擴展一下知識面也是好的。 grid佈局在主流瀏覽器的支持情況can i use查看 grid號稱是史上最強大的佈局方案，它將網頁劃
2019-03-26 16:35:08
原创 讀《css世界》筆記（1）
css流體佈局下的寬度分離原則 寬度分離原則就是將width獨立佔用一層標籤,而border、margin、padding利用流動性在內部自適應呈現。 爲什麼要寬度分離 分離是爲了便於維護如下面的css .box{ width:10
2019-03-21 10:45:06
1
原创 npm run dev報錯
npm run dev啓動報building modules 1/1 modules 0 activeevents.js:183 throw er; // Unhandled 'error' event錯誤, 我先是把node_module
2019-03-19 11:05:01
原创 常見的css佈局
實現兩邊定寬，中間自適應 1.聖盃佈局 首先html結構如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo
2019-03-19 10:35:11
原创 關於移動端1px的解決方法
使用僞類:after,:before和transform：scale()實現 border-box{ position:relative; } .border-box:after{ content:'';
2019-03-13 16:55:05
原创 canvas學習總結
canvas 描述 HTML5 < canvas> 標籤用於繪製圖像（通過腳本，通常是 JavaScript）。 不過,< canvas>元素本身並沒有繪製能力（它僅僅是圖形的容器）-必須使用腳本來完成實際的繪圖任務。 getContent
2019-02-19 10:34:54
原创 vue中的ref和$refs
ref：被用來給元素或子組件註冊引用信息，引用信息將會註冊在父組件的$refs對象上。如果在普通的DOM元素上使用，那麼指向的就是普通的DOM元素。普通的DOM元素上使用 <div id="app7"> <input type="t
2018-11-22 10:39:52
原创 vue-cli3.0相關的坑
vue-cli3.0相對比vue-cli2.0少了 vue-build.js vue-config.js vue-cli2.0 運行命令 npm run devvue-cli3.0 運行命令 npm run serve vue-cli3.
2018-11-09 16:24:32
原创 ie8兼容問題
input標籤placeholder 1.input裏面的placeholder屬性，在pc端用的特別好，但是萬惡的ie8,placeholder竟然不支持。於是找到一種方法解決在ie8中placeholder無效的事 $(func
2018-11-07 14:14:31