原创 提高生產率swagger接口文檔映射生成前端接口方法
前後端分離時，前端對接口都需要有接口文檔，根據接口文檔寫接口方法，看文檔還要去寫接口方法基本都是粘貼複製，把這個機械的任務解除了 我們可以根據swagger接口文檔，前端來自動生成接口方法 根據swagger.json文件來npm
2020-05-02 11:35:11
原创 前端javascript的git提交驗證
項目中代碼風格或者代碼規範的遵守，在自覺的情況下就是強制要求。從git提交驗證開始做起。 首選安裝 npm install --save-dev eslint babel-eslint pre-commit npm install
2020-05-02 11:35:11
原创 前端style的git提交驗證
才記錄了javascript的git提交驗證，接下來是style的提交驗資以less爲列子 先安裝dev依賴 npm install --save-dev stylelint stylelint-config-prettier s
2020-05-02 11:35:01
原创 vscode試調ts
一、新建工程如下 二、安裝依賴 npm install ts-node --save-d npm install typescript --save-d 三、.vscode 配置文件 launch.json配置 {
2020-02-26 20:04:29
原创 VirtualBox，vagrant,ubuntu，nodejs環境搭建
安裝工具 以上兩個的版本號 得一樣。。。。。 vargrant 命令 vagrant box add BOX_NAME BOX_URL 添加一個 box BOX_NAME 爲要添加的 box 指定一
2020-02-24 12:21:01
原创 wekpack多頁面配置
首先配置多個頁面的入口，找config目錄index.js中 module.exports = { build: { }, dev: { }, multiPage: ['index', 'index2', 'i
2019-07-08 06:55:47
原创 小程序使用taro時集成redux-saga
使用taro開發小程序時，初始化小程序 taro init myApp 選擇redux組件。 可以看到redux中， store.js裏使用的是redux-thunk管理異步 import { createStore, appl
2019-06-11 15:46:37
原创 webpack3升級到webpack4
webpack4出來有一段時間了，現在3升級到4 運行 npm i npm-check -g npm-check -u 選擇要更新的依賴，loader之類都更新到最新 npm i webpack-cli --save-dev de
2019-04-24 12:57:54
原创 react使用redux時reducer的重用和去switch判斷
通常在redux中寫reducer時，根據action傳遞過來的type，進行判斷，數據處理也是在reducer中。當然不用if 就用switch，大多數還用的switch export default (state = initSt
2018-12-09 16:35:30
原创 react中redux利用redux-persist數據持久化
前端數據需要存在本地，來避免多次請求，提高前端效率。可以選的有cookie，localstorage，localsession各中區別，主要的就是大小限制等 比如登錄信息，管理系統的權限，菜單列表等，還是選擇存localstorage
2018-12-07 16:49:33
14
原创 記react中antd打包的坑體積太大和className命名
前端使用antd的時後打包體積太大， 如圖1.6M還是挺大的，把antd所有的資源都加載進入了 根據antd 官網的推薦，按需加載方式居於.babel配置 這樣再來看看打包分析的 按需加載打包了button和layout 在s
2018-11-28 13:04:48
原创 css3單位使用vh擺脫父級元素高度
在給元素設置高度時，一般使用px，但是當父類元素沒有設置height時，子類設置height：*%，是沒有高度的。 main元素沒有高度沒設置，導致layout–1Ow-jP元素設置了高度爲100%，也沒有撐開，現有高度還是butto
2018-11-28 13:04:48
3
原创 vue-cli中 css3加前綴
看了在utils.js文件下添加修改 //postcss: generateLoaders('postcss'), postcss:[require('autoprefixer') ({ browsers: ['last 10 Chr
2018-11-28 13:04:48
原创 前端自動化部署基於jenkins和gitlab
一個項目的三個環節，開發環境，測試環境，生產環境，然後每次 npm 打包ftp去拖是不是很麻煩，只想一次提交git後不同環境就能夠根據不同環境的對應的分支進行打包，代碼發佈。 jenkins和gitlab配合起來的確是特別爽 首先
2018-09-13 10:03:56
原创 nginx配置多個前端項目
最近一臺服務器要配置多個前端項目，當然前後端分離就需要nginx來配置了。 單個項目還好說，如下 修改nginx的nginx.conf配置文件 #user nobody; worker_processes 1; #error_l
2018-09-06 22:21:23