原创 webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead
在按照官方文檔使用webpack內置插件，在使用new webpack.optimize.UglifyJsPlugin(),進行項目打包後，發現如下的錯： Error: webpack.optimize.UglifyJsPlugin ha
2020-07-02 22:14:14
9
原创 npm查看源地址以及更換源地址
NPM 概述： 查看源地址：npm config get registry 設置源地址：npm config set registry https://registry.npm.taobao.org/ npm官方源地址：https:/
2020-07-02 22:14:14
6
原创 rollup開發依賴包(npm library)，解決引入外部依賴失敗的有效方法
在使用rollup進行library開發時，在庫文件中使用了url模塊，打包之後將生成的文件在項目頁面中使用時，發現url竟然undefined。按照網上一堆使用rollup-plugin-node-resolve來解決的方法，發現均無效
2020-06-30 10:03:39
2
原创 js判斷是安卓Android還是ios機型
/** * 判斷是否爲安卓機型 */ export function isAndroid() { let _ua = window.navigator.userAgent.toLocaleLowerCase() if (_u
2020-06-30 10:03:39
原创 使用vuecli3 構建的項目，修改項目webpack配置
今年vuecli已經升級到了vuecli3+，和以往vuecli構建的項目不同，在新版本的vuecli構建的項目中，默認是無配置文件的。如果我們想修改server的端口號，打包輸出文件的資源，我們該怎麼處理呢？ 按照官方文檔，https:
2020-06-21 09:54:25
原创 如何使用IIS管理器上部署react項目，支持history和hash模式路由部署
在windows上使用IIS管理器可以很方便部署我們的項目文件，前端往往是部署一些靜態資源文件。當我們需要部署react項目打包之後的build文件夾中的代碼時，我們該如何去操作呢？ 前期準備 本文假設你已具備react的基本使用能力，以
2020-06-21 09:54:25
原创 一文徹底弄明白module.exports和exports的區別
在我們使用nodejs引入模塊時，我們往往在模塊文件中可能會糾結module.exports和exports它們究竟是什麼區別？爲了徹底明白其區別，我們來看一個例子。在模塊中，只輸入下述三行代碼： // module.js consol
2020-06-21 09:54:25
原创 理解js中apply,call,bind的區別
首先我們需要明白的是，apply,call,bind: 1）它們三者都可以修改函數調用時this的指向 2）第一個參數都是修改後this指向的對象 3）都可以在後續參數中進行傳參 var userFunc = { name: '張三
2020-06-21 09:54:25
原创 vue3.0項目中eslint檢查時，Unexpected console statement (no-console)報錯解決
在利用vue-cli3+構建的項目中引入eslint進行語法檢查時，使用console.log('xxx')時，控制檯拋出了 Unexpected console statement (no-console) 異常，解決辦法是： 在項目的
2020-06-21 09:54:25
原创 mac安裝HomeBrew異常:error: RPC failed問題解決的有效方式
問題描述 在安裝HomeBrew時，會遇到下述報錯： fatal: unable to access 'https://github.com/Homebrew/brew/': Could not resolve host: github
2020-06-14 05:33:26
1
原创 修改使用create-react-app創建的React項目本地服務的端口port和host
在使用create-react-app工具構建react項目時，我們可以不用關心項目的配置項。但，如果我們需要同時啓動多個react項目時，我們會發現項目端口被佔用了，因此我們該如何修改默認端口配置呢？ 1. 彈出項目配置項 在我們構建項
2020-06-14 05:33:26
原创 react將文本渲染爲html的方式
如下述代碼，使用屬性：dangerouslySetInnerHTML，將內容渲染爲html。 import React, { Component } from 'react' class Header extends Componen
2020-06-03 05:04:51
原创 Chrome瀏覽器安裝vue-devtools工具的方法
1）github上下載vue-devtools庫，使用git下載 https://github.com/vuejs/vue-devtools git clone https://github.com/vuejs/vue-devtools
2020-06-01 22:55:56