原创 基於Umi搭建的個人Dva腳手架（四） - 可配置的表單組件封裝
1、基本概述 項目開發過程中，表單組件是最常用的組件之一，應用場景也多見於列表搜索、簡單的新增和編輯彈窗、複雜的新增和編輯頁面。Ant design的組件庫中Form表單也提供了對應的API可供開發使用，極大的提高的開發速度。
2019-04-08 18:15:55
3
原创 基於Umi搭建的個人Dva腳手架（三） - 多Layout設計
1、基本概述 在項目開發過程中，通常的企業後臺系統會包含頭部（Header）、側邊欄（Sider），主體內容（Content）以及底部（Footer）。通常情況下我們會在Layout文件中佈局，並對頭部、側邊欄、底部封裝成對應的
2019-03-18 18:17:14
原创 基於Umi搭建的個人Dva腳手架（二） - HTTP請求的封裝
1、基本概述 基於前後端分離的開發模式下，前端通過HTTP請求接口數據是前後端連接的紐帶。HTTP協議中規定了GET、POST、PUT、DELETE等請求方式，在通常的業務開發中，最常用的請求方式是GET、POST。被我們熟知的是
2019-03-12 17:00:26
1
原创 基於Umi搭建的Dva腳手架 - 框架說明
1、基本概念闡述 閱讀本文前，你需要對react、dva、umi以及ant design的有一定的認識，具體的相關知識都可以參考官方文檔。 Umi，中文可發音爲烏米，是一個可插拔的企業級 react 應用框架，是螞蟻金服的底層
2019-03-08 01:04:27
2
原创 微信小程序踩坑記錄
最近開發了一款微信小程序，在開發過程中遇到了一些微信小程序的坑，記錄下來，希望對後邊開發小程序的同學有點幫助。後期開發過程如果有新的踩坑記錄，也會相應的更新在改文檔中。 1、像素值與單位之間不能有空格 微信小程序的樣式存放在.
2018-11-22 09:04:22
原创 微信小程序內嵌H5技術研究
最近公司需要在微信小程序中嵌入各個業務模塊的H5，涉及到登錄信息相關的研究，個人作了如下總結：https://www.yuque.com/docs/share/fdcc943e-37bc-4709-9c10-a6c1ebd956d
2018-11-04 10:18:57
1
原创 nginx部署SPA頁面
前後端分離開發過程中，前端需要獨立發佈項目。在當前vue、react等前端主流框架下開發，都是SPA頁面，具體的如何發佈到web服務器上。如何配nginx規則。直接看配置文件吧，重點部分都含有註釋，其他nginx的默認配置指不做處理。
2018-09-08 00:02:35
16
原创 ant design pro 代碼學習(七) ----- 組件封裝（登錄模塊）
以登錄模塊爲例，對ant design pro的組件封裝進行相關分析。登錄模塊包含基礎組件的封裝、組件按模塊劃分、同類組件通過配置文件生成、跨層級組件直接數據通信等，相對來說還是具有一定的代表性。 1、登錄模塊流程圖 首先，全局瞭
2018-09-04 19:04:11
20
原创 ant design pro 代碼學習(一) ----- 路由分析
1、一級路由 const routerData = getRouterData(app); const UserLayout = routerData['/user'].component; const BasicLayout
2018-09-04 19:04:11
18
原创 ant design pro 代碼學習(五) ----- 知識點總結1
1、React.Children React.Children 是頂層API之一，爲處理 this.props.children這個封閉的數據結構提供了有用的工具。 this.props.children 的值有三種可能：如果當前
2018-09-04 19:04:11
10
原创 前端構建工具gulpjs的使用介紹及技巧
轉載地址：http://www.cnblogs.com/2050/p/4198792.html gulpjs是一個前端構建工具，與gruntjs相比，gulpjs無需寫一大堆繁雜的配置參數，API也非常簡單，學習起來很容易，而且gulp
2018-09-04 19:04:10
1
原创 Highcharts 學習總結
最近公司項目需要，需要在web頁面做一些數據統計，並以折線圖的形式展現在前臺。選擇Highcharts，當然還有其他優秀的表格插件，百度團隊開發Echarts，也是很不錯的，進入正題。 1、highcharts 下載 （1） hi
2018-09-04 19:04:10
原创 ant design pro 代碼學習(四) ----- 數據mock
1、.roadhogrc.mock.js roadhog支持mock功能，如需mock 功能，在 .roadhogrc.mock.js 中添加配置即可，在開發環境下啓動server時，將開啓mock功能；也可以通過配置在開發環境下關閉
2018-09-04 19:04:10
18
原创 ant design pro 代碼學習(六) ----- 知識點總結2
1 、connect 多個model 以下爲redux的API中對connect方法的定義： connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [optio
2018-09-04 19:04:10
29
原创 基於vue-cli搭建的vue web腳手架
基於vue-cli搭建的vue web腳手架，基本上能否滿足一般的業務開發。 技術棧 vue + es6 + vue-router + vuex + axios + jsonp + mock 代碼功能 代碼結構： comp
2018-09-04 19:04:10