React router 4 “NOT FOUND” when I type in the URL in browser

https://stackoverflow.com/questions/44986152/react-router-4-not-found-when-i-type-in-the-url-in-browser

Isomorphic

What if we use Node JS as our server so we can run the same JS code on both ends? Now, we have all our routes defined in a single react-router config and we don't need to duplicate our rendering code. This is 'the holy grail' so to speak. The server sends the exact same markup as we would end up with if the page transition had happened on the client. This solution is optimal in terms of SEO.

Downsides:

• Server must (be able to) run JS. I've experimented with Java i.c.w. Nashorn but it's not working for me. In practice it mostly means you must use a Node JS based server.
• Many tricky environmental issues (using window on server-side etc)
• Steep learning curve

Vuex 和 Cookie 哪個好? 小朋友才做決定，我兩個都要

Vuex 和 Cookie 非常類似，都是將網站 (app) 的一些資料或狀態暫存下來，這樣當頁面切換之後，部分資料跟狀態可以再被使用，不需要重新發送 request 跟 API 要資料。其中，兩者最大的不同是，當使用者重新整理畫面或是重新拜訪網站，Vuex 裡面的資料會消失，而 cookie 不會，所以通常會依需求交互使用兩者!
https://ithelp.ithome.com.tw/articles/10220039

display:grid

何謂 網格系統？

如果說 display: flex 是屬於一個維度的方向操作，那麼 display: grid 就可以視為是兩個維度的方向操作。簡而言之，這個網格系統提供了一個 欄 與 列 的操作概念，當你的操作區塊被定義為網格時，其下的子區塊，就被賦予網格系統的操作特性。





小練習 https://cssgridgarden.com/

take off "scoped" css to override framework

take off scoped css to override framework

符號的英文名，深深覺得是基本功

基本功，不管是閱讀文件或是跟外國人討論
https://www.ifreesite.com/typing/symbols-name.htm

｜：vertical line, pipe.  管道是一種重定向形式，用於將一個程序的輸出發送到另一個程序進行進一步處理。

在以下示例中，cat命令讀取file1的內容，然後將其通過管道傳遞給wc命令，該命令將計算其中的行數，單詞數和字符數：

cat file1 | wc

svn 在mac上安裝與使用指令

安裝
https://blog.csdn.net/yechaoa/article/details/75452520

使用
https://blog.xuite.net/chingwei/blog/25557142-%E3%80%90%E7%B3%BB%E7%B5%B1%E3%80%91SVN+%E7%AD%86%E8%A8%98+-+%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4

如果可以，做個blog出來吧https://jiandanxinli.github.io/2016-10-30.html

https://jiandanxinli.github.io/2016-10-30.html

port of string type

https://stackoverflow.com/questions/47992477/why-is-port-a-string-and-not-an-integer

npm i -g xxx 儲存的位置跑掉，導致裝了還是not found 的解法

https://medium.com/@shihKai/%E9%82%A3%E4%BA%9B%E5%B9%B4%E9%81%87%E5%88%B0%E7%9A%84npm%E6%AD%BB%E5%9D%91-27e893404b09

第一步 mkdir ~/.npm-global //建立資料夾cd npm-global透過下面這段指令更改npm prefixnpm config set prefix '~/.npm-global'  //更改路徑再來我們透過vi編輯器來打開~/.profile，記得一定是要在npm-global資料夾內哦輸入vi ~/.profile會進到編輯畫面並且在最上面加上 //編輯export PATH=~/.npm-global/bin:$PATH
接著儲存在打上
source ~/.profile  //source命令：在当前bash环境下读取并执行FileName中的命令

koa.js -- node的後端框架之一, Now：在雲端部屬你的網站、後端功能

https://noob.tw/koa/

https://noob.tw/now-sh/