原创 koa2後臺步驟(1)——項目初始化

項目初始化 npm install -g koa-generator koa2 -e koa2-weibo-code ps: -e 表示要使用ejs做模板引擎 cd koa2-weibo-code npm install (

原创 koa2後臺步驟(3)——ejs服務端模板引擎

變量 判斷和循環 引用組件 如果使用未聲明的變量 那麼在前端會出現報錯 這是由於 想要不報錯就使用 條件渲染 組件 在views文件夾下新建一個文件夾叫做widgets 新建文件user-info.ejs 使用組件

原创 koa2後臺步驟(8)——功能列表實現(註冊的API)

需要開發的功能 用戶管理(登錄註冊) 用戶設置(修改基本信息,修改密碼,退出登錄) 創建微博,暫不顯示微博列表 個人主頁,顯示個人微博列表和個人信息,暫時不做關注 廣場頁(使用緩存) 關注和取消關注,顯示粉絲和關注人 首頁 @和回

原创 vue請求封裝方案

方案一 config/fetch.js import { baseUrl } from './env' // 封裝一個請求函數 export default async(url = '', data = {}, type =

原创 在vue中使用sass的mixin來簡化樣式代碼,提高代碼的複用率

第一步,安裝sass依賴 npm install sass-loader node-sass --save-dev 第二步,通常在src/style文件夾下新建minxin.scss文件 //背景顏色,更換主題 $bg_col

原创 路由中meta自定義keepAlive屬性決定哪些頁面會被緩存,哪些不會緩存

router/router.js import App from '../App' const msite = r => require.ensure([], () => r(require('../page/msite/msit

原创 vue中如何使用路由

安裝vue-router依賴 npm install vue-router 在?文件夾下新建index.js文件 router/index.js import Vue from 'vue' import Router from

原创 vue解決移動端300ms點擊延遲

安裝依賴庫 npm install fastclick --save main.js import FastClick from 'fastclick' ... // fastclick的庫,它能規避移動設備上click事件的延

原创 vue的適配解決方案

!function (n) { var e = n.document, t = e.documentElement, i = 750, d = i / 100, o = "orientationchange"

原创 scrollBehavior利用緩存模式來實現回退記錄

scrollBehavior作爲?的一個參數,接收???三個參數 vue-router實例 to, from, savedPosition 在main.js文件下,注意routes是引入的router/index.js中的代

原创 小程序音樂播放組件旋轉與暫停樣式

<image class="classic-img {{playing?'rotation':'rotation suspended'}}" src="{{img}}" /> .rotation { -webkit-transf

原创 如何在小程序之中利用npm使用第三方組件

在編寫小程序api測試工具-以linUI表示 LinUI參考文檔 1.設置-項目設置-勾選使用npm模塊 2.在根目錄 npm init 3.npm install lin-ui 4.工具 -構建npm 接下來就可以像使用普通組件

原创 使用vantUI的Uploade組件上傳圖片,後臺獲取base64碼,如何在後臺轉換成文件並進行保存?

<van-uploader v-model="fileList" upload-text='正面照' :max-count="1" :after-read="afterRead"/> data() { return

原创 vue-cli3如何測試本地接口

模擬情景: 同時進行了前後端項目的開發。 本地運行了koa2搭建的後端服務器 nodemon app.js 在3000接口 本地運行了vue-cli3項目 npm run serve 在8080端口 需要在前端項目獲取到3000端

原创 slot的使用

slot是佔位 在自定義組件中使用slot來佔位,並且給slot標籤name屬性 舉例:子組件Child.vue有如下代碼 <div> <slot name='zhanwei'></slot> </div> 則父組件中使用 <