Time of Update: 2017-11-15
淺談在Vue-cli裡基於axios封裝複用請求,vue-cliaxios本文介紹了淺談在Vue-cli裡基於axios封裝複用請求,分享給大家,具體如下:安裝只用安裝一個axios就可以了。npm install axios --save介面代理設定為了請求可以正常發送,我們一般要進行一個介面代理的配置,這樣可以避免請求跨域,項目打包之後,後端一般也要搭建一個nginx之類的東西進行轉寄請求,不然請求會因為跨域問題失敗的。//檔案位置:config/index.jsproxyTable: {
Time of Update: 2017-11-15
mongoose設定unique不生效問題的解決及如何移除unique的限制,mongooseunique前言unique屬於schema約束驗證中的一員,他的作用主要就是讓某一個欄位的值具有唯一性(不能重複)保持欄位的唯一性使用type值: {type:String,unique:true,dropDups: true}注意:mongoose一旦修改了資料存放區的機構,資料庫一定要重啟,很多新手在設定一些屬性不生效時都是這個原因這裡說的重啟,不是簡單的關閉mongoose資料庫伺服器重新開啟,
Time of Update: 2017-11-15
詳解Vue路由鉤子及應用情境(小結),vue鉤子一. 路由鉤子文法在vue-router的官方文檔中, 將路由鉤子翻譯為導航守衛, 下面是文檔中的內容摘要, 大家也可以通過傳送門前往官網閱讀詳細內容路由鉤子路由鉤子主要是給使用者在路由發生變化時進行一些特殊的處理而定義的,靠。。好拗口啊。總體來講vue裡面提供了三大類鉤子1、全域鉤子2、某個路由獨享的鉤子3、組件內鉤子三種路由鉤子中都涉及到了三個參數,這裡直接上官方介紹吧to: Route: 即將要進入的目標 路由對象from: Route:
Time of Update: 2017-11-15
vue組件父與子通訊詳解(一),vue組件父與子詳解本文執行個體為大家分享了vue組件父與子通訊的具體代碼,供大家參考,具體內容如下一、組件間通訊(父組件 --> 子組件)步驟:①父組件在調用子組件 傳值<child-component myValue="123"> </child-component>②在子組件中 擷取父組件傳來的值Vue.component('child-component',{ props:['
Time of Update: 2017-11-15
Angular2的管道Pipe的使用方法,angular2管道pipe管道Pipe可以將資料作為輸入,然後按照規則將其轉換並輸出。在Angular2中有許多內建的Pipe,比如DatePipe、UpperCasePipe和CurrencyPipe等。在這裡我們主要介紹如何自訂Pipe。1. 管道定義Pipe的定義如下代碼所示:import { PipeTransform, Pipe } from '@angular/core';/*users: Array<any> = [ {
Time of Update: 2017-11-15
vue組件父子間通訊詳解(三),vue父子本文執行個體為大家分享了vue組件父子間通訊的具體代碼,供大家參考,具體內容如下三、組件間通訊($parent $refs)父組件要想擷取子組件的資料:①在調用子組件的時候,指定ref屬性<child-component ref="mySon"></child-component>②根據指定的引用的名字
Time of Update: 2017-11-15
淺談mint-ui loadmore組件注意的問題,mint-uiloadmore如下所示:loadTop(){ this.$store.dispatch('getNewsList',{channelId:this.id,page:0,size:this.size});
Time of Update: 2017-11-15
結合mint-ui移動端下拉載入實踐方法總結,mint-ui下拉1.npm i mint-ui -S2.main.js中引入import 'mint-ui/lib/style.css'3.以下是代碼結構部分:<template> <div class="main-body" :style="{'-webkit-overflow-scrolling': scrollMode}"> <v-loadmore :bottom-method="loadBottom"
Time of Update: 2017-11-15
淺談vue-router2路由參數注意的問題,淺談vue-router21、vue 路由 如果傳遞 params 定義路由的時候是 /路由名稱:id 擷取的時候this.$route.params.id最後形如 /路由名稱/路由參數傳參的時候params:{ str1:str1, str2:str2 }2、如果傳遞query ?id=str.... 定義路由的時候直接是 /路由名稱擷取的時候this.$route.query.id傳參的時候data:{ str1:str1,
Time of Update: 2017-11-15
詳解使用webpack打包編寫一個vue-toast外掛程式,webpackvue-toast本文介紹了使用webpack打包編寫一個vue外掛程式,分享給大家。具體如下:一、說明:需求:建立一個toast外掛程式 思路:利用vue組件建立模板,使用webpack打包產生外掛程式再全域使用。# 項目目錄:|_ package.json|_ webpack.config.js|_ .babelrc|_ dist|_ src |_ index.html |_ lib |_ index.js |_
Time of Update: 2017-11-15
mac中利用NVM管理不同node版本的方法詳解,nvmnode前言大家在開始本文的本文之前,建議大家先看看這篇文章:http://www.bkjia.com/article/73424.htm,這篇文章給大家詳細介紹了關於node.js 下使用 nvm 或者 n 來進資料列版本設定及nvm 安裝node.js 版本後,重啟終端 node , npm 環境變數失效的相關內容,好了,下面開始本文的本文:Mac 下通過 brew install nvm 所安裝的 nvm
Time of Update: 2017-11-15
簡單實現jquery隔行變色,jquery隔變色本文執行個體為大家分享了jquery隔行變色展示的具體代碼,供大家參考,具體內容如下代碼<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><script type="text/javascript"
Time of Update: 2017-11-15
jQuery實現動態添加節點與遍曆節點功能樣本,jquery節點本文執行個體講述了jQuery實現動態添加節點與遍曆節點功能。分享給大家供大家參考,具體如下:動態添加節點:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999
Time of Update: 2017-11-15
jQuery.Sumoselect外掛程式實現下拉複選框效果,簡單介紹jquery.sumoselect是一款跨裝置、跨瀏覽器的jQuery下拉式清單方塊外掛程式。該jQuery下拉式清單方塊外掛程式可以單選,也可以多選。它的樣式可以通過CSS檔案來自訂。它的最大特點是可以跨裝置使用,所有裝置上功能都是一致的。該jQuery下拉式清單方塊外掛程式的特點有: 可以進行單選,也可以進行多選。 可以通過CSS檔案來自訂樣式。 支援絕大多數的裝置。 根據裝置智能渲染。
Time of Update: 2017-11-15
javascript自訂事件功能與用法執行個體分析,javascript執行個體分析本文執行個體講述了javascript自訂事件功能與用法。分享給大家供大家參考,具體如下:概述自訂事件很難派上用場?為什麼自訂事件很難派上用場,因為以前js不是模組化開發,也很少協作。因為事件本質是一種通訊方式,是一種訊息,只有存在多個對象,多個模組的情況下,才有可能需要用到事件進行通訊。而現在有了模組化之後,已經可以使用自訂事件進行各模組間協作了。哪裡用得到自訂事件?事件本質是一種訊息,事件模式本質上是觀察者模
Time of Update: 2017-11-15
node.js基於express使用websocket的方法,node.jswebsocket本文執行個體講述了node.js基於express使用websocket的方法。分享給大家供大家參考,具體如下:這個效果我也是翻了好長時間的資料,測試才成功的,反正成功,大家看看吧首先你需要安裝socket.io模組npm install socket.io --save然後開啟express的app.js將模組引入,在12行左右的var app = express();下面添加兩行var
Time of Update: 2017-11-15
angular2系列之路由轉場動畫的範例程式碼,angular2範例程式碼Angular2的動畫系統賦予了製作各種動畫效果的能力,致力於構建出與原生CSS動畫效能相同的動畫。 Angular2的動畫主要是和@Component結合在了一起。 animations中繼資料屬性在定義@Component裝飾。就像template中繼資料屬性!這樣就可以讓動畫邏輯與其應用代碼緊緊整合在一起,這讓動畫可以更容易的出發與控制。一.在app.mudule.ts中引入:import {
Time of Update: 2017-11-15
淺談jquery中ajax跨域提交的時候會有2次請求的問題,jqueryajax我們平時在同域中請求頁面什麼的時候不會有這種情況,這種情況大多發生在移動端的跨域請求中發生的。解決方案就是在服務端中加一層過濾HTTP請求的類型,把OPTION等不用的類型過濾掉。就是當請求為非HTTP中的 GET 和 POST的時候就不執行下面的代碼,這樣就可以只執行一次請求了。在ASP.NET中我們用Request.ServerVariables["REQUEST_METHOD"] ==
Time of Update: 2017-11-15
nodejs操作mongodb的增刪改查功能執行個體,nodejsmongodb本文執行個體講述了nodejs操作mongodb的增刪改查功能。分享給大家供大家參考,具體如下:安裝相關模組如果使用這個的話,你需要先自己安裝一下他需要的模組,在根目錄輸入npm install mongodb --save進行模組安裝,安裝成功以後就可以進行以下的步驟。檔案的引入以下是我書寫的相關代碼,放到你可以引用的相關目錄,本人放到了express的根目錄function Mongo(options) {
Time of Update: 2017-11-15
nodejs判斷檔案、檔案夾是否存在及刪除的方法,nodejs判斷本文執行個體講述了nodejs判斷檔案、檔案夾是否存在及刪除的方法。分享給大家供大家參考,具體如下:判斷檔案、檔案夾是否存在需要使用nodejs的fs模組引入var fs= require("fs")判斷的方法fs.exists(path, callback)path:判斷的檔案夾、檔案的路徑callback:回呼函數fs.exists("dirName", function(exists) {