原创 Vue使用日記(30):axios使用詳解

axios作爲Vue官方推薦的vue-rourse替代品,其自身優點很多,經常用於網絡請求。 現在對其進行說明。 之所以不用jquery的ajax進行請求,是因爲jquery體積過大。 我們首先得明確的是,在使用Vue進行項目開發過程中,

原创 Vue使用日記(29):Vuex詳解

Vuex是什麼? 官網解釋:Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式插件。 它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。 Vuex也集成到Vue的官方調試工具devt

原创 jQuery的ajax封裝和前端mock數據

使用jQuery的ajax進行網絡請求,一般會先對它進行封裝,封裝成便於管理的形式。 我一般的封裝如下: /** * mock數據 */ var myData = { getData: [ {

原创 flex佈局案例(一)

使用flex彈性盒子佈局,在標籤元素的佈局可以起到很好的作用。 案例如下。 需求:一行顯示3個帶圖標的選項,選項平分。 代碼如下。 html: <div class="titleItem">

原创 Vue使用日記(31):項目構建或重構步驟詳解

新項目需要構建或舊項目需要重構時,一般都需要經過幾個大的步驟。 新項目構建 1、安裝node.js 2、安裝nvm 3、管理npm版本 4、配置npm鏡像cnpm 5、全局安裝Vue 6、開發工具創建項目目錄 7、安裝vue-cli 8、

原创 Node.js日記:包

包 - 包(Package)是 Node.js 最重要的支柱。 - Node.js 根據 CommonJS 規範實現了包機制,但不完全遵循。 - 包是在模塊基礎上更深一步的抽象,Node.js 的包類似於 C/C++ 的函數庫或者 Ja

原创 Node.js日記:ES6——函數的擴展

函數參數的默認值 // ES6 之前,不能直接爲函數的參數指定默認值,只能採用變通的方法 function func(x){     x = x || 1;     console.log(x); } func(); // ES6 做

原创 Node.js日記:數據庫(MongoDB)

爲什麼使用數據庫 原本存儲數據的方式比如使用 Excel,不適合存儲大量數據,也不適合需求變得複雜的環境。Excel 的儲存量有限,訪問速度及處理速度在數據量大時也是短板,且擴展性(兼容性)是遠遠不如數據庫的。 數據庫相關概念 數據庫(D

原创 Node.js日記:Path模塊

path 因爲 Node.js 是可以運行在不同操作系統上的,而不同操作系統的路徑分隔符是不一樣的,在 Windows 中,標準分隔符是“\”,在 UNIX 中,標準分隔符是“/”,還有它們之間根路徑也是不一樣的,所以 Node.js P

原创 Node.js日記:客戶端和服務端介紹、Node.js介紹

CS架構 VS BS架構 CS CS即 Client/Server(客戶機/服務器)結構,C/S 結構在技術上很成熟,它的主要特點是交互性強、具有安全的存取模式、網絡通信量低、響應速度快、利於處理大量數據。 但是該結構的程序是針對性開發,

原创 jQuery常用方法記錄

常用的jQuery方法如下: $("selector").show() //顯示指定HTML元素,可加speed和callback兩個參數 $("selector").hide() //顯示指定HTML元素,可加speed和call

原创 jQuery項目代碼結構劃分

一般使用jQuery結合js進行項目開發前,需要將項目的邏輯代碼結構進行整理和劃分,以此避免開發後期代碼結構混亂。 我一般的代碼結構劃分如下: 整個js以對象的形式進行封裝,數據和方法劃分得很清晰,初始化應該做什麼都很明白。 而其他功能

原创 Node.js日記:命令行介紹和常用命令說明

命令行界面 命令行界面(英語:command-line interface,縮寫:CLI)是在圖形用戶界面得到普及之前使用最爲廣泛的用戶界面,它通常不支持鼠標,用戶通過鍵盤輸入指令,計算機接收到指令後,予以執行。也有人稱之爲字符用戶界面(

原创 Node.js日記:爬蟲demo

爬蟲創建步驟 1、http模塊創建服務和request請求測試 nodejs環境下,主要以模塊來進行開發,離開了模塊nodejs將失去光彩。http模塊作爲它比較重要的一個模塊,可以用來幫我們創建一個服務器。 我們來測試使用一下這個模塊:

原创 Node.js日記:文件系統

爲何要有計算機文件系統 計算機運行時所需要的數據和代碼從主存儲器或者內存中來。 如果計算機不在運行狀態時,這些數據和代碼保持在何處呢? 我們當然可以試一下內存,但問題是內存不是持久性的存儲介質,它是進程運行過程中臨時分配的存儲空間。一旦進