原创 Vue 實現打字機效果--ityped.js
// html template <p class="desc" v-show="showDesc"><span>I'm </span><span ref="descStr"></span></p> // import impor
2019-06-23 01:30:30
原创 nginx+pm2+koa2配置我的博客後端
文章目錄前言後端配置域名，根據域名申請證書配置nginx，採用pm2啓動後端 前言 在我的前一篇文章中，使用nginx配置了https服務，但是發現所有的前端https請求都被阻塞，因此在頁面中增加了如下設置： <meta http-
2018-11-07 05:10:11
原创 記一次nginx部署Vue靜態頁面
文章目錄前言服務器準備域名準備nginx安裝與配置nginx配置https服務加快首次頁面加載速度 前言 用Vue寫了個博客，第一次打包後正式部署到服務器上，將其中遇到的問題，及參考的資料分享一下。 服務器準備 本次部署使用的阿里雲的
2018-11-07 05:10:11
原创 VSCode Vue Stylus expected "indent", got "eos"
使用VSCode編寫Stylus的時候出現expected "indent", got "eos"錯誤，查詢後發現是tab製表符(\t)和空格(' ')混用了，導致stylus無法正常編譯，網上查詢的解決方法是Editor: insert
2018-09-26 04:42:08
18
原创 better-scroll的listview組件開發
listview組件在這裏設計爲可以滾動的頁面，右側具有滾動提示。 <template lang="html"> <scroll class="listview" :data="data" ref="listview"
2018-09-05 04:16:32
原创 vue實現滑動切換效果（僅在手機模式下可用）
實現滑動時紅黃色塊左右滑動相應距離，效果如下圖實現過程主要在於實時跟蹤手指滑動位置與原位置之間的偏移量，再相應移動紅黃塊。紅黃塊佈局如下 back中包含back-l,back-r左右兩塊，正常情況下爲了隱藏其中一塊，子模塊需要設置disp
2018-09-05 04:16:32
原创 express取參數req.query, req.params, req.body方法如何使用
http://blog.csdn.net/zgljl2012/article/details/53032555
2018-09-05 04:16:31
2
原创 vue實現橫向滾動效果（better-scroll）
使用better-scroll實現滾動效果，參照大佬的文章，將better-scroll封裝成組件可供多次調用。 封裝slider組件 如何封裝slider組件參考文檔中解釋的非常詳細，但有一些細節可以提出。 由於爲橫向滾動
2018-09-05 04:16:31
2
原创 offsetx,pagex區別
看到一篇文章很好的總結了相應距離： http://blog.csdn.net/lzding/article/details/45437707
2018-09-05 04:16:31
原创 vue中axios 使用實踐
首先在dev-server.js中引用axios var axios = require('axios') 代碼提示中有設置自定義代理地點 // Define HTTP proxies to your custom API bac
2018-09-05 04:16:31
原创 stylus動態改變樣式
當某個鏈接或元素被選中時可以時，需要改變其顏色或狀態，而stylus中提供&選擇器,&指向父選擇器，用於判斷父元素達到某條件時改變狀態，下面的例子中當父元素router-link有被選中（active）時，子元素改變顏色並加上下劃線。
2018-09-05 04:16:31
原创 Vue 圓圈形進度條
圓圈形進度條在開發中經常遇到，這裏把他封裝成一個組件，實現方式爲使用svg畫圖。 下面的代碼中涉及到了svg的viewBox屬性，按照張鑫旭大神的說法：SVG就像是我們的顯示器屏幕，viewBox就是截屏工具選中的那個框框，最終的
2018-09-05 04:16:31
原创 Vuex使用
vuex作爲vue統一的數據管理組件，能夠在多個組件中傳遞數據。vuex一般包含state,mutation,action,getters等模塊。 使用時，新建store文件夾，包含index.js,actions.js,gett
2018-09-05 04:16:31
原创 div中使用背景圖片
在div中使用背景圖片，並可以隨意縮放圖片 //html <div class="icon"></div> //css .icon display: inline-block vertical-align: to
2018-09-05 04:16:31
原创 vue Transition動畫使用
<div id="example-1" class="demo"> <button @click="show = !show"> Toggle render </button> <transition name="s
2018-09-05 04:16:31