原创 解決vue中使用swiper無法自動循環播放問題

vue中使用swiper無法自動循環播放 首先,使用mockjs生成模擬數據,如下 (1)安裝swiper npm install swiper (2) 引入swiper import Swiper from 'swiper'

原创 使用mockjs模擬生成數據

爲什麼要使用mockjs?爲了不在沒有接口時閒得慌,所以我們得想辦法自己弄到數據。 首先,瞭解一下mockjs怎麼寫,這時候我們就需要去它的官網mock.js瞧一瞧,看一下別人的事例是怎麼寫的,在瞭解了基本的寫法之後,就可以自己動

原创 vue獲取手機驗證碼爬坑

貼上代碼: <div class="send_code"> <input placeholder="請輸入驗證碼" v-model="userPwd"> <button @click="sendCode" v-s

原创 Jquery仿淘寶放大鏡效果

css部分 body,ul,li { padding: 0; margin: 0; list-style: none;

原创 vuex與websocket結合使用實現消息更新推送

  項目描述:一個價格實時更新案例。每一次有人出價,服務端推送最新價格,通過websocket拿到最新價格,渲染到前臺頁面。 問題:1.如何在頁面刷新後還保持上一次最新價格的顯示 解決方法: 新建文件目錄store:並建立各個js文件

原创 vue仿淘寶放大鏡插件的使用

1.首先下載PicZoom插件 npm install vue-piczoom --save 2.使用時注意:原來img標籤要改爲pic-zoom,並且屬性src要改爲url html部分代碼: <template> <div>

原创 Ajax解決瀏覽器緩存問題

1.瀏覽器緩存的表現:        在項目中一般提交請求都會通過ajax來提交,但是發現,每次提交後得到的數據都是一樣的,每次清除緩存後,就又可以得到一個新的數據。 2.瀏覽器緩存原因:         ajax能提高頁面載入的速度主要

原创 vue-cli項目中獲取自定義mock文件中的json數據

       最近在看一個比較先前版的vue小項目,其中就提到了自定義mock文件中數據的獲取,這時就需要對build文件中的dev-server.js文件進行配置。但是新版的vue-cli中並沒有dev-server.js這個文件,而是

原创 Node+express創建一個新的Node項目

1.首先要安裝Node環境,安裝地址https://nodejs.org/zh-cn/download/。 2.新建一個文件夾,如:在e盤創建一個dome文件夾,在地址欄輸入cmd,然後回車,彈出彈框,如圖: 3.安裝express

原创 sessionStorage,localStorage,cookie的區別

sessionStorage和localStorage是H5本地存儲技術,cookie是用於瀏覽器和服務器端進行通信的。   1.sessionStorage(會話存儲),數據保存在瀏覽器端,是一個對象。       (1)生命週期:瀏覽

原创 Angular依賴對象和依賴注入方式的理解

依賴對象:完成某個特定的功能需要某個對象才能實現,這個對象就是依賴對象。 依賴注入:依賴的對象以形參的形式被注入進來使用,這種方式就是依賴注入。 下面看一個簡單的例子: <div ng-controller="MyController

原创 vue搭建腳手架cli

Vue cli腳手架 (1)通過的的的WebPack搭建的開發環境 (2)使用ES6語法 (3)項目文件在環境中編譯而不是瀏覽器 步驟: 1.安裝的node.js中驗證的node.js中是否安裝成功   電腦搜索框,輸入cmd,輸入節點-

原创 webstrom中vue項目版本控制(git管理)

1.下圖是在webstrom中已經搭建好了的VUE項目 2.首先,文件下必須有CLI生成腳手架的.gitignore文件,打開文件,標註的兩個文件必須要有 附:(1)如沒有安裝GIT中的,先去GIT中官網下載安裝        (2)