原创 Angular 監聽服務

監聽服務       語法:$scope.$watch(‘要監聽的數據',function(n,o){})       說明:①.這個服務是$scope作用域對象上的一個方法,不需要單獨注入                  ②.這個方法

原创 Anguler route(路由)初始

1、路由: angular:vue react angular都是單頁面應用程序, 利用a標籤的錨點 功能,頁面之前跳轉都是通過路由實現 2、路由的實現:         ①angular使用路由 需要引入js文件           ②

原创 npm工具

1、說明:npm是nodejs中內置的一個工具,這個工具的功能是下載模塊,從npm官網上下載。npm還是一個官網,是國外的,這個網站上有很多功能模塊。 2、鏡像:淘寶網把國外的npm官網的數據全部同步到淘寶網的服務器上,宮內使用,所以速度

原创 命令行工具

1、打開cmd       win+R       開始鍵,輸入cmd      按shift鍵,再右鍵,選擇‘在此打開命令窗口’ 2、切換盤符       盤符名稱: 3、進入文件夾      cd 文件夾名稱      cd 文件夾名

原创 nodejs安裝

1、打開網址http://nodejs.cn/download/,根據電腦配置下載node; 2、打開cmd:win+r 或者開始鍵,輸入cmd; 3、驗證是否安裝成功      在命令行工具cmd中輸入 node -V     出現no

原创 vue學習筆記(四):環境搭建

1、vue 3.0 版本  (1)全局安裝 npm install -g @vue/cli  (2)創建一個項目 vue create my-project 2、vue 2.x 版本  (1)全局安裝 npm install -g

原创 Nginx反向代理解決跨域

目錄 Nginx Nginx下載 配置和使用 默認配置 配置跨域代理 Nginx Nginx (engine x) 是一個高性能的HTTP和反向代理web服務器,同時也提供了IMAP/POP3/SMTP服務。Nginx是由伊戈爾·賽索耶

原创 JS 實現圖片的懶加載

原文鏈接:http://axuebin.com/lazyload Demo地址:http://axuebin.com/lazyload 什麼是懶加載 懶加載其實就是延遲加載,是一種對網頁性能優化

原创 VueJS中學習使用Vuex詳解

在SPA單頁面組件的開發中 Vue的vuex和React的Redux 都統稱爲同一狀態管理,個人的理解是全局狀態管理更合適;簡單的理解就是你在state中定義了一個數據之後,你可以在所在項目中的任何一個組件裏進行獲取、進行修改,並且你的修

原创 Vue 學習筆記:數據傳遞(三)

1、同級之間的數據傳遞:this.$emit("自定義事件","發送的數據"); <template> <div> child <button @click="sendMsg">按鈕</butto

原创 Vue 學習筆記:數組和對象的更新檢測(二)

1、數組  ①變異方法:會改變原有數組的狀態:  ②替換數組:不會改變原數組,但是會返回一個新的數組: push() pop() shift() unshift() splice() sort() reverse() filter()

原创 Vue 學習筆記:v-if和v-show的區別(一)

1、v-if是“真正”的條件渲染,因爲它會確保在切換過程中條件塊內的事件監聽器和子組件適當地被銷燬和重建; 2、v-if是惰性的:如果在初始渲染時條件爲假,則什麼也不做——直到條件第一次變爲真時,纔會開始渲染條件塊。 3、v-show:不

原创 Cropper 圖片裁剪並上傳

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

原创 Dva 學習筆記:mock處理數據(二)

1、mock裏面定義數據源: module.exports = { "GET/api/product":{name:'水稻'} }    GET:請求的方式;/api/product:路徑;{name:'水稻'}:返

原创 Dva 學習筆記:module解決異步問題(一)

1、聲明reducers; reducers:{ updateProductList(state,action){ var currentState=deepClone(state);