原创 ES6與ECMA2015的關係

2011年,ECMAScript 5.1版發佈. 2015年6月份發佈了ES6的第一個版本ES6.0,正式名稱爲《ECMAScript 2015標準》(簡稱 ES2015),此後每隔一年會再發布一次ES6.1(ES2016)、E

原创 webpack 3.X 安裝與配置

組件如何接收屬性,所有的屬性都可以通過this.props對象獲取,像下面這樣去使用: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title

原创 Git branch - simple command

先在桌面創建一個目錄myGit2,在該目錄下初始化一個git倉庫: 創建一個新的分支命令:git branch branchName 刪除一個新的分支命令:git branch -d branchName(該分支與mast

原创 Install oh my zsh on mac

oh my zsh 地址:https://github.com/robbyrussell/oh-my-zsh 直接copy : sh -c “$(curl -fsSL https://raw.githubusercontent

原创 Install homebrew on mac

Wiki上面是這樣介紹homebrew的: homebrew 地址:https://brew.sh/ 直接把首頁的安裝命令cope到終端: /usr/bin/ruby -e “$(curl -fsSL https://r

原创 Webpack 3.x 中 style/css/Sass loaders

上篇裏已經通過html webpack plugin生成了html 模板,並且可以配置像title, hash, minify, 接下來分析如何將css也bundle 進去,webpack是通過loaders來完成,可以參考這裏:

原创 在React中使用extends React.Component定義的組件

在《React 快速上手開發》的第二章,組件的生命週期,創建組件的API是這麼寫的: var MyComponent = React.createClass({ render:function(){ ret

原创 JavaSE review -- 面向對象、封裝、繼承、多態、抽象

1. 計算機系統中的數據表示,最小單位是『位,bit』,只有0和1兩種狀態 1 byte = 8 bit; 00000000,可以取到2的8次方個數,即256個值:-128~127。 但是爲什麼從-128開始呢,這得研究一

原创 Webpack 3.x 通過webpack安裝React和Babel

之前用最原始的方式寫過一個React的hello world,參見:原始React hello world 在React的官網上面會介紹好幾種方式去安裝React,下面嘗試通過Webpack來安裝: npm i -D react

原创 [Issue]: Unable to create a Configuration, because no Bean Validation Provider could be found

在啓動springboot 時,出現了一個error: java.lang.IllegalStateException: Failed to load ApplicationContext... ... Caused by: ja

原创 React.js hello world

React 官網上對它的介紹:A JavaScript library for building user interfaces 從圖書館借了一本《React 快速上手開發》–Stoyan Stefanov寫的,很薄,不到200頁

原创 Print the logs in the console to local file while using Eclipse

在使用eclipse時,經常會遇到控制檯裏的日誌會有一部分被刷掉,只剩最後一些log。如果想看完整的log,可以在『Run configuration』裏面配置: Run configuration —> Common —> O

原创 JavaSE review -- final 、static

1. 對於final類型的成員變量,它的賦值方式一般有兩種,第一是聲明的時候直接賦值,第二種是在聲明的時候不予於賦值,而在該類的所有構造方法中都要給該成員變量賦上值: public class FinalTest{ fi

原创 設置Sublime 3的默認瀏覽器與打開瀏覽器的快捷鍵

瀏覽器的兼容問題是個大坑,你用一個瀏覽器調試半天發現沒有任何卵用,其實就應該考慮到是你當前用的瀏覽器可能有問題,換個瀏覽器試試。個人比較喜歡Chrome瀏覽器,簡潔高效,所以想把sublime的默認瀏覽器改成Chrome,之前的默

原创 Webpack3.x 中 html-webpack-plugin的用法

繼上篇webpack 入門,安裝與配置完後,是時候去把這些綁定好的file放到html中使用,使用!+tab,快速在一個.html文件中創建一個模板(index-manual.html): <!DOCTYPE html> <htm