原创 CSS樣式部分總結
標籤顯示模式（display） display：標籤顯示模塊轉換 inline：塊類標籤轉行內標籤 block：行內標籤轉塊類標籤 inline-block：塊、行內標籤轉爲行內塊標籤 CS
2020-06-03 15:23:52
原创 vue-cli項目中使用mui配置（自測成功）
github中MUI下載地址：https://github.com/dcloudio/mui 拷貝mui包中的dist到assets文件目錄下的lib(提前創建)中(最好放在assets下，目前還不知道放在static下出現問題的原因)
2019-01-27 00:59:22
原创 swiper自動無限輪播（複習01）
完整代碼 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet
2018-11-26 10:07:46
76
原创 webpack安裝
第一步 下載node.js並安裝。下載地址：https://nodejs.org/en/download/。 下載.msi 格式的直接連續下一步就可以了。安裝完成後可以用 node -v 和 npm -v 查看版本號。 第二步
2018-11-26 10:07:46
原创 Vue路由基礎
vue-router 入門demo vue-router開發的步驟： 第一步： 引入vue和vue-router包。 可以使用cdn的方式或者npm的方式。如果配合npm和webpack的話可以直接作爲一個模塊導入即可。但是作爲初學入門的
2018-11-22 09:42:43
原创 Vue中過度動畫效果應用
一、實現動畫過渡效果的幾種方式 實現動畫必須要將要進行動畫的元素利用<transition>標籤進行包裹 1、利用CSS樣式實現過渡效果 <transition name="fade"></transition> v-enter: 定
2018-11-21 09:47:49
原创 Vue聲明週期和鉤子函數
鉤子函數什麼時候執行和執行順序 Eg: <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="https://
2018-11-20 10:34:51
原创 vue入門
MVVM模式 下圖不僅概括了MVVM模式（Model-View-ViewModel），還描述了在Vue.js中ViewModel是如何和View以及Model進行交互的。 ViewModel是Vue.js的核心，它是一個Vue實例。V
2018-11-20 10:34:51
原创 Vue過濾器的使用方法
Vue.Js中的過濾器基礎 過濾器是一個通過輸入數據，能夠及時對數據進行處理並返回一個數據結果的簡單函數。Vue有很多很便利的過濾器，過濾器通常會使用管道標誌 “ | ”， eg: {{ msg | capitalize }} // '
2018-11-20 10:34:51
原创 jQuery-jquery封裝的ajax使用總結
對於頁面一些效果，驗證等，我們都是通過JavaScript語言進行完成的，但是它也就像我們的Java代碼一樣，是最前臺語言最基礎的，而jQuery則是對js代碼進行封裝方便我們前臺代碼的編寫，而且它還有一個非常大的優勢就是解決了瀏覽器的兼
2018-11-04 11:02:17
原创 less(1)
簡介 Less 是一個 CSS 預處理器，讓 CSS 具有動態性。 CSS 中可以使用 Bootstrap 的 Less 變量、混合（mixins）和嵌套（ nesting）。 獲取 Less CSS: Less 官網：http://
2018-11-04 11:02:05
原创 響應式佈局與bootstrap框架
網頁佈局方式 1、固定寬度佈局：爲網頁設置一個固定的寬度，通常以px做爲長度單位，常見於PC端網頁。 2、流式佈局：爲網頁設置一個相對的寬度，通常以百分比做爲長度單位。 3、柵格化佈局：將網頁寬度人爲的劃分成均等的長度，然後排版佈局時則以
2018-10-27 10:36:24
原创 HTML5觸摸事件演化tap事件
觸摸事件是移動瀏覽器特有的HTML5事件，雖然click事件在pc和移動端更通用，但是在移動端會出現300ms延遲，較爲影響用戶體驗，300ms延遲來自判斷雙擊和長按，因爲只有默認等待時間結束以確定沒有後續動作發生時，纔會觸發click事
2018-10-27 10:36:24
1
原创 web移動端佈局方式整理
方法一:用流式佈局,px做css單位,在大屏小屏自動適應,我之前一直用這種方法,適合於簡單的頁面,比如說列表頁,寫法比較簡單,不用考慮太多 缺點是: 1.頁面雖然展示正常,卻不是等比縮放,在高清屏上難免看起來怪怪的(px換算統一除以2,在
2018-10-27 10:36:23
原创 移動端web Touch事件
最基本的touch事件包括4個事件： touchstart 當在屏幕上按下手指時觸發 touchmove 當在屏幕上移動手指時觸發 touchend 當在屏幕上擡起手指時觸發 touchcancel 與移動端相
2018-10-27 10:36:23