原创 react中的父子組件通信和跨級組件通信

父子組件通信 顧名思義就是父組件和子組件之間進行通信交流。下面先看樣例代碼: // 父子組件通信 import React from "react"; // 下面爲父子組件通信實例代碼 // 父組件 class ParentSo

原创 阿里雲CentOS7環境下之修改服務器登陸(安全防護)

使用新添加的普通用戶登錄服務器,登錄成功後運行以下命令: $ sudo vim /etc/ssh/sshd_config 在打開的文件裏找到如下配置項,修改成如下的樣子: # The default is to check bo

原创 在終端使用命令將本地文件或文件目錄上傳到Linux服務器

scp命令: scp -P 1234 -r file(dir) username@服務器IP:/www/aaa/ (服務器存放位置目錄路徑) 使用scp上傳文件或文件目錄。如果未修改默認登錄端口 22,則這裏不用寫 -P 123

原创 利用echarts中的map地圖中的中國地圖,並使中國地圖顯示效果爲輪廓顯示到市級級別效果(真實項目中親測有效!!!)

前言 在使用echarts進行數據可視化開發的過程中,我們常常會遇到各種問題,比如說:echarts中的map地圖相關js,json文件資源缺失,或者說想實現在顯示中國地圖的map中區域劃分到市級級別,地圖輪廓最小劃分爲市級,像這

原创 在spa(單頁面應用)開發中,點擊側邊欄當前路由來刷新頁面的兩種方案(業界推薦使用的方案)

背景: 在用 spa(單頁面應用) 這種開發模式的之前,也就是多頁面開發模式下,用戶每次點擊側邊欄都會重新請求這個頁面,用戶漸漸養成了點擊側邊欄當前路由來刷新 view 的習慣。 如今: 大多都是spa這種,但 spa 就不一樣了

原创 雲服務器上拉取github代碼報錯 Permission denied (publickey)解決方案(親測!100%解決!!!)

首先說一下網上的各種解決方案,如下: 第一種: 說讓在本地生成新的公鑰,然後複製到github上的設置裏的 SSH keys裏保存即可。 解釋: 首先,這個說法沒錯,但是網上說的都是本地電腦用ssh方法拉不下來代碼,用這個辦法,並

原创 webpack原理解析(幾張圖清楚瞭解其原理)

webpack是利用什麼來打包的? webpack依賴於node的環境與文件操作系統 webpack的打包過程,其實就是利用node去讀取文件,然後進行一些字符串處理後,再利用node去寫入文件 webpack打包流程 Lo

原创 阿里雲CentOS7環境下之利用ssh密鑰實現本地免密登錄

SSH密鑰對概述 阿里雲SSH密鑰對是一種安全便捷的登錄認證方式,由公鑰和私鑰組成,僅支持Linux實例。 SSH密鑰對介紹 SSH密鑰對通過加密算法生成一對密鑰,默認採用RSA 2048位的加密方式。要使用SSH密鑰對登

原创 js實現數字金額轉換爲對應的大寫金額(精確到小數點後兩位,支持負數金額的轉換)

####數字金額轉換爲對應的大寫金額代碼實現如下: export function convertMoney(money) { //漢字的數字 var cnNums = new Array('零', '壹', '貳

原创 深拷貝的兩種不同實現方式

簡介: 在js當中,經常會遇到複製拷貝對象的場景,但是由於對象在內存中的存儲於一般普通數據類型值的存儲是不一樣的,一般值在內存中是直接存在棧當中的,而對象一般在棧中存一個引用(也可以理解爲指針),真正的值存儲在堆當中,棧中的引用指

原创 編程式導航router.push(...)中傳參的兩種方式query和params及兩者區別

vue中的兩種導航方式: 聲明式 編程式 <router-link :to="…"> router.push(…) 除了使用 創建 a 標籤來定義導航鏈接,我們還可以藉助 router 的實例方法,通過編寫代碼

原创 利用ES6中class裏的new.target屬性寫出不能獨立使用、必須繼承後才能使用的類

new.target屬性 new是從構造函數生成實例對象的命令。ES6 爲new命令引入了一個new.target屬性,該屬性一般用在構造函數之中,返回new命令作用於的那個構造函數。如果構造函數不是通過new命令或Reflec

原创 阿里雲CentOS7環境下之添加新用戶並授權root權限

說明 #: 表示root用戶操作 $: 表示普通用戶操作 USERNAME: 表示創建的普通用戶名 創建用戶 # adduser USERNAME # passwd USERNAME 上面兩個命令即可創建一個新的用戶

原创 Linux crontab命令(可用於拆分日誌)

簡介 Linux crontab是用來定期執行程序的命令。 Linux任務調度的工作主要分爲以下兩類: 系統執行的工作:系統週期性所要執行的工作,如備份系統數據、清理緩存。 個人執行的工作:某個用戶定期要做的工作,例如每隔10分

原创 windwos系統中使用npm全局安裝之後,終端輸入命令顯示“xxx-此命令無法識別”解決方法(親測!!100%解決!!!)

第一步,先按照下圖所示操作: 第二步,根據上圖所示操作獲取的結果,再按照下圖所示進行操作即可: 總結: 其實就是將npm配置中的 prefix 後面是路徑值添加到系統環境變量 Path 中去即可。後面再npm install