原创 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