原创 Vue-cli3項目 配置webpack (Vue.config.js)
1.webpack配置路徑別名 2.webpack全局注入通用樣式 3.webpack引入第三方插件，如Amap，QRcode等 在項目的根目錄下新建 vue.config.js 文件（是根目錄，不是src目錄），如圖： 配置實
2018-11-26 08:17:09
原创 vue圖片懶加載（Vue-Lazyload）使用
首先在npm上下載vue-lazyload的包 $ npm install vue-lazyload --save 在main.js裏面import這個包 import VueLazyload from 'vue-laz
2018-11-26 08:17:09
原创 vue2調用高德地圖(Amap)及其UI組件
vue調用高德地圖只需四步，具體如下： 1、申請高德KEY。方法自行百度 http://lbs.amap.com/dev/key/app； 2、在項目的index.js文件中引入高德地圖JS_API，如下： 3、在項目build
2018-09-04 15:14:25
原创 遍歷對象的常用方法
前段時間XX從數據庫兩張表中直接拿取數據，接口直接返回兩個對象，頁面需要將兩個對象中數據一一對應展示，如下： 頁面需要展示如下： 項目名稱：謝翔飛獲得“特惠貸 項目名稱: 謝翔飛獲得“特惠貸”扶貧實施方案》的通知 貸款
2018-09-04 15:14:25
原创 JS文檔歸納
在html中引入外部js文件,並調用帶參 js文件 html文件 ES6規範引入了新的數據類型Map，Set Map是一組鍵值對的結構，具有極快的查找速度。 用JavaScript寫一個Map如下： var m =
2018-09-04 15:14:25
3
原创 vue 修改外部引入組件樣式
在vue組件中，爲了使樣式私有化（模塊化），不對全局造成污染，可以在style標籤上添加scoped屬性，以表示它的只屬於當下的模塊； 但是因爲在我們需要修改公共組件（三方庫或者項目定製的組件）的樣式的時候，scoped往往會造成更多
2018-08-26 01:17:53
1
原创 axios二次封裝
涉及點： 1、axios官方文檔（axios安裝、請求攔截器、響應攔截器、axios請求配置選項） 2、promise使用 （resolve、reject、.then、.catch） 3、函數封裝，全局使用 本文封
2018-08-26 01:17:53
3
原创 篇一、組件通信（父級傳值給子組件 props ）
props 用法（props寫在子組件中） 父組件 子組件 ****--- 番外篇 ---**** 1、傳遞靜態 Prop 例：<blog-post title="My jo
2018-08-26 01:17:53
4
原创 vue-awesome-swiper用法
1、npm安裝swiper插件 npm install vue-awisome-swiper --save 2、在main.js中全局註冊(import並Vue.use) 注：需要引入swiper.css樣式 3、在組件中使用
2018-08-26 01:17:51
5
原创 移動端CSS初始化reset.css
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -w
2018-08-26 01:17:51
原创 一分鐘學會在vue中使用iconfont圖標集
在iconfont中新建icon項目 步驟1：加入需要的圖標至購物車→點擊“購物車”→點擊“添加至項目”→新建項目→點擊“下載至本地”（在下載前，根據喜好選擇下載類型，本文選擇font class）； 在vue中使用icon
2018-08-26 01:17:51
原创 vue項目中，定義並使用 全局變量，全局函數
一、定義變量，並全局使用 原理： 1. 單獨新建一個全局變量模塊文件，模塊中定義一些變量初始狀態，用export default 暴露出去。 2. 在main.js中引入，並通過Vue.prototype掛載到
2018-08-26 01:17:51
1
原创 vue-cli中使用@import 從外部引入樣式
外部引入 CSS 有2種方式，link標籤和@import； ~直接上代碼~ 注：@import中路勁需要使用 “~”（“~”是 stylus-loader中的定義）
2018-08-26 01:17:51
4
原创 rem、em、px換算
注意點： - rem是對html設置font-size； - em是對body設置font-size； 如bootstrap樣式表中： - html {font-size:62.5%;} - body {font-siz
2018-08-26 01:17:51
3
原创 10分鐘搭建Vue環境及安裝腳手架（Vue入門篇）
Vue理念（題外話） 1、Node安裝 具體步驟可自行百度（如菜鳥教程） http://www.runoob.com/nodejs/nodejs-install-setup.html 2、基於node.js,安裝淘寶鏡像 國內直接使
2018-08-26 01:17:51
3