原创 React的菜鳥之路(三):搭建後臺系統
此篇基於React 16.12.0 版(2019-12-19),大部分是一些配置以及插件的使用及配置,不足之處,請多多指教。 目錄 初始化項目 暴露配置文件(此操作不可逆) 使用scss 使用Ant Design組件庫 使用阿里矢量圖標庫
原创 Vue CLI3+多入口頁面和全局scss配置
Vue CLI升級至Vue CLI3+後,目錄結構不同於Vue CLI2+,所以是沒有config文件的。 So,在根目錄下新建vue.config.js文件,不需要對vue.config.js做其他操作,根目錄下
原创 Vue3 多環境配置
Vue3的配置比Vue2簡化了很多 在項目根目錄下新建 .env.dev(開發環境)、.env.test(測試環境) 、.env.prod(生產環境)文件,具體需要多少個環境根據需要決定,.env+後綴叫啥自己高興就好,當然最好是能讓別人
原创 Vue2 多環境打包和運行指令配置
爲了配這個多環境打包,沒少爬坑,所以記錄下。 網上查了下vue-cli3和vue-cli2的配置方法不一樣,我這次使用的是vue-cli2。 一、多環境打包命令(以test爲例) 1、在config目錄下新建test.env.js文件,
原创 Vue2.0+typescript使用時遇見的問題以及解決方法
如何使用ts深度監聽數組或者對象 @Watch('defaultPage', { deep: true }) defaultPageChange (newVal: number, oldVal: number) { con
原创 Vue2 全局使用lodash
利用webpack的 ProvidePlugin,自動加載模塊,而不必到處 import 或 require . 在build目錄下的webpack.dev.conf.js文件中 ...... plugins:[ ne
原创 vue2.0錯誤集
1、Module build failed: TypeError: this.getResolve is not a function at Object.loader... sass-loader版本高了,將sass-loader
原创 Vue2如何升級至Vue3
因爲安裝包的不同,所以需要先刪除vue-cli安裝vue-cli3.0。 刪除命令: npm uninstall vue-cli -g 若是mac可能會報錯,沒有權限刪除,使用sudo npm uninstall vue-cli -g
原创 vue-devtools V5.3.3版安裝問題記錄
寫文日期:2020年3月8日 vue-devtools是一款基於Chrome的插件,可以調試vue應用。 一、最便捷的方式 通過Chrome應用商店是最便捷的,當然前提是你可以翻牆,本來想用lantern,找了好久找不到,絕望的開始了第二
原创 React的菜鳥之路(二):Redux基本使用
安裝Redux npm install --save redux 在 src 目錄下新建 store 文件夾,在store中新建 index.js 和 reducer.js 文件。 在 index.js 中通過 createSto
原创 Vue2.0+TypeScript基礎用法
由於後期項目要使用ts,所以先學習下,這是第一次使用ts,要是有不足之處,還請多指教。 最開始因爲webpack版本問題搭了好幾次沒成功,果然失敗乃成功之母,古人誠不欺我,每次學習都是在寫bug解決bug繼續創造bug的循環裏痛並快樂着。
原创 windows10安裝node及環境配置
剛入手一臺新電腦,又要從頭開始裝軟件配環境,賊心塞。 什麼是nodejs? 簡單的說 Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Nod
原创 js操作數組的方法
var array = []; 一、改變原數組 1、array.splice(); 2、array.fill(); 3、array.push(); 4、array.pop(); 5、array.copyWithin(); 6、a
原创 React的菜鳥之路(一)
目前流行的三大框架只會Vue,總有一種不學習就要被淘汰的危機感(來自老年人的危機),祝我早日從react的坑裏爬出來,然後繼續下一個吧哈哈哈哈。如果你也是像我一樣的React小白,推薦看:http://jspang.com(裏邊是大佬錄製
原创 原生JS實現下拉選項效果
// html <div class="filter" id="filter"> <dl> <dt>愛好</dt> <dd> <ul> <li c