原创 淺談大型項目前端架構設計（轉載）
原文鏈接：https://juejin.im/post/5cea1f705188250640005472 1、綜合 我在2年之前，寫過一篇中小型項目的前端架構淺談。 隨着能力的上升，以及在阿里巴巴工作的經驗，是時候寫一篇大型項目的前端架
2020-04-27 17:53:17
原创 利用filetr 操作 ant-design table某一行的某一列的數據。點擊切換真實數據和加密數據
情景描述： 如果有這樣一個需求，在table中的某一列的數據，不能直接展示原始數據，而是使用加密符號代替，只有點擊了某行某列之後，才能切換到真實數據，每次點擊就是一次切換。 這樣類似的需求你會怎麼實現？ 這裏使用ant-design UI
2020-04-24 14:52:06
原创 樹組件 如何 通過父節點篩選整個樹結構數據 且 支持緩存所有勾選狀態的節點數據
情景描述： 很多時候，如果一個樹的數據父級節點太多，可能導致樹需要展示的節點太多，這樣不利於查找和勾選。 所以，如果能對樹的某一級父級節點進行篩選，每次篩選之後只展示該節點下的所有子節點，這樣會增加查找和勾選子節點的操作效率。 這裏，採用
2020-04-24 14:52:06
原创 ant-design table 組件 列頭名稱 國際化i18n問題 解決
話不多說，直接進入主題。 ant-design 在使用它的table組件的時候，不知道你們有沒有需求說需要翻譯列表頭部名稱： 在切換語言的時候，table的列頭名稱 並不會同步更換對應語言， 而是需要你重新laod或者切換頁面之後才生效。
2020-04-05 10:53:33
23
原创 js 找出一個 string 中的的大寫字母，並將其替換成其他字符
話不多說，上代碼 sortFieldMatch (string) { const stringArray = string.split('') // 將字符串分割成相應的字符串數組 let newField =
2020-03-31 13:50:44
31
原创 深度解鎖Webpack系列(上)（轉載）
本文轉載來自：https://mp.weixin.qq.com/s/X9fWN4GbDFOLfOODZlLoVg 1.webpack 是什麼？ webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器，當 webpack
2020-03-11 06:14:52
原创 深度解鎖Webpack系列(中)（轉載）
本文轉載來自： https://mp.weixin.qq.com/s/t8dW5TlASCAb_Cdowb8isA 本文是第二篇，如果你還沒有閱讀《4W字長文帶你深度解鎖Webpack系列(基礎篇)》，建議閱讀之後，再繼續閱讀本文。 本文
2020-03-11 06:14:52
原创 高德地圖 web api 使用
1. 高德地圖開發者官網新建開發賬號 https://lbs.amap.com 2.在項目index.html中引入對應key值的web api 3.在相應的頁面添加map元素，並初始化一個map對象 <div class="
2020-03-06 11:57:31
原创 webpack-theme-color-replacer webpack插件 實現web項目 全局修改主題顏色
最近發現了一個非常好用的webpack插件： webpack-theme-color-replacer: https://github.com/hzsrc/webpack-theme-color-replacer 顧名思義，可以輕鬆實現整
2020-02-21 08:19:02
2
原创 vue react angular 分別如何創建一個新項目
前提，這三個框架都需要依賴node.js 環境，並且node.js 包含npm環境 Vue: (vue-cli 3之前的版本) 1. 全局安裝vue-cli 和 webpack npm install vue-cli -g
2020-02-21 08:19:02
原创 vue-cli 2.x 升級到 @vue/cli3.x + 的踩坑之旅
最近由於新項目需要升級到@vue/cli3.x +, 所以我開啓了本來以爲非常簡單順利的升級踩坑之路。 首先卸載vue-cli 2.x npm uninstall -g vue-cli 接着，全局安裝@vue/cli3.x + npm
2020-02-21 08:19:02
原创 在html 將json字符串直接展示爲 json對象的格式
方法一：JSON.stringify JSON.stringify(jsonObj, null, 4); // jsonObj是要JSON化的對象，4是spacing(換行之後添加的空格數) 方法二：自定義轉換格式和樣式 js：
2020-02-21 08:19:02
原创 div 內元素 水平排列，並且垂直居中
方法一： 容器使用table佈局，元素使用table-cell佈局 .container{ display: table; } .item{ display: table-cell; border: 1px green s
2020-02-21 08:19:02
原创 關於vue項目打包部署到nginx服務器，由於app.js文件過大導致首次加載速度過慢的解決辦法
很多時候，一個vue項目打包下來，app.js 主文件都會有幾兆，大點的項目都會有十幾二十兆，還有app.css的打包文件可能也會很大。 對於一般的服務器來說，首次去打開部署好的平臺頁面，加載起來會很慢。 這樣的速度肯定是不能容忍的。 當
2019-10-25 18:26:27
原创 windows查看某個端口被哪個進程佔用，並殺掉佔用的進程
開始---->運行---->cmd，或者是window+R組合鍵，調出命令窗口；輸入命令：netstat -ano，列出所有端口的情況。在列表中我們觀察被佔用的端口，比如是8889，首先找到它；查看被佔用端口對應的PID，輸入命令：net
2018-08-27 22:39:34