原创 React總結篇之十一_多頁面應用

單頁應用的目標 實現多頁面路由的React-Router庫 多頁面的代碼分片 一、單頁應用使用傳統的多頁面實現方式,即每次頁面切換都是一次網頁刷新,每次頁面切換的時候都遵從以下的步驟:(1)瀏覽器的地址欄發生變化指向新的URL,於是瀏

原创 shell腳本

12.監控iptables cat 12_iptables.sh#!/bin/bash#Usage:Monitor the iptables#Author:chengyanli#Date:2016/7/15watch -n 1 '/etc/

原创 mysql主從複製

mysql主從複製實驗環境主:192.168.110.33從:192.168.110.59iptables and selinux disabled主:服務器端1.安裝並初始化# yum install -y mysql -mysql-se

原创 lvs

lvs實驗環境:主機1:172.25.46.1主機2:172.25.46.2主機3:172.25.46.3主機1:# yum install -y ipvsadm# ip addr add 172.25.46.100/24 dev eth1

原创 shell腳本

21.新增端口監控 cat 21_port.sh#!/bin/bash#Usage:Judge new port#Author:chengyanli#Date:2016/7/20#The history portif [ ! -f port

原创 shell腳本

1.磁盤剩餘空間不足80%#!/bin/bash#Usage:if the disk use%>80%,give an alarm#Author:chengyanli#Date:2016/7/14IP=`ip addr show|sed '

原创 DNS配置

DNS配置實驗環境主dns:192.168.110.33從dns:192.168.110.59iptables and selinux disabledyum install -y bind主dns端1.主配置文件(注意文件權限)# ll

原创 nfs共享

nfs共享實驗環境:服務端:192.168.36.158客戶端:192.168.36.159iptables and selinux disabled一.nfs(Net File System)簡介NFS分爲服務器和客戶機兩部分,每個主機都

原创 React總結篇之十_動畫

在網頁中動畫的實現方式 React提供的動畫輔助工具ReactCSSTransitionGroup React-Motion動畫庫 一、動畫的實現方式在網頁中,實現動畫無外乎兩種方式: CSS3方式,也就是利用瀏覽器對CSS3原生支

原创 React總結篇之九_擴展Redux

中間件 Store Enhancer 一、中間件中間件的特點是: 中間件是獨立的函數 中間件可以組合使用 中間件有一個統計的接口 中間件接口在Redux框架中,中間件處理的是action對象,而派發action對象的就是Sto

原创 React總結篇之八_單元測試

一、單元測試的原則從不同的角度,可以將測試劃分爲如下不同的種類: 從人工操作還是寫代碼來操作的角度,可以分爲手工測試和自動化測試; 從是否需要考慮系統的內部設計角度,可以分爲白盒測試和黑盒測試; 從測試對象的級別,可以分爲單元測試、集成測

原创 React總結篇之六_React高階組件

高階組件的概念及應用 以函數爲子組件的模式這兩種方式的最終目的都是爲了重用代碼,只是策略不同,各有優劣,開發者可以在實際工作中決定採用哪種方式。 一、高階組件1. 高階組件(Higher Order Component,HOC)並不是

原创 React總結篇之七_Redux和服務器通信

React組件訪問服務器的方式 Redux架構下訪問服務器的方式 一、React組件訪問服務器 代理功能訪問API React組件訪問服務器的生命週期 以顯示天氣預報爲示例: 通過服務器API獲得天氣情況數據 展示天氣情況數

原创 React總結篇之五_React組件的性能優化

一、單個React組件的性能優化React利用Virtual DOM來提高渲染性能,雖然這能將每次DOM操作量減少到最小,計算和比較Virtual DOM依然是一個複雜的計算過程。如果能夠在計算Virtual DOM之前就能判斷渲染結果不會

原创 React總結篇之四_模塊化React和Redux應用

創建一個複雜一點的應用應該如何做: 模塊化應用的要點 代碼文件的組織方式 狀態數的設計 開發輔助工具 一、模塊化應用的要點1.構建一個應用的基礎要做如下3件事情: 代碼文件的組織結構 確定模塊的邊界 store的狀態樹設計 代碼