[JS] for in & for of & 一點 hasOwnProperty

JavaScript中for of和for in的差別 - blog.typeart.cc
[筆記] 談談 JavaScript 中 for ... in 這個 function - pjchender.blogspot.com 這篇有提到 hasOwnProperty

[Library] 漂亮的提示視窗 iziToast

https://izitoast.marcelodolza.com/

[VS code] React extension包、 團隊推薦

2018 VS Code 設定大補帖與小技巧 - Ryan Hsu Medium

VS Code Extensions 推薦 - linyencheng.github.io

The Ultimate VSCode Setup for Front End/JS/React - Elad Ossadon Medium

[CSS/Sass] 一些規範文、 Sass 技巧

https://cssguidelin.es/#the-importance-of-a-styleguide

https://sass-guidelin.es/#syntax--formatting

你可能不知道的 Sass 技巧 - 愷開 medium
10 Sass (SCSS) mixins you should be using in your projects - engageinteractive.co.uk

[Node] npm 的花俏指令

2018 年了，你还是只会 npm install 吗？ - myan.im

[Vue]畫面沒有隨資料更新

[那些關於 Vue 的小細節 ] 為什麼畫面沒有隨資料更新 - Vue 響應式原理（Reactivity） -pjchender.blogspot.com

這次做的專案有個圓餅圖，
使用 computed 來計算各個項目的比例，
但畫面並沒有隨著資料變動，猜想是此原因

[Vue] 兄弟間資料傳遞 event bus, vuex

VueJS 元件 (Component) 之間資料溝通傳遞的方式 -Kuro's Blog
EventBus & Vuex? -掘金 atheist1lv-1
Vue中的Event bus跟Router撞出新地雷 -medium.com/@ceall8650/

[API/Axios] POST, PUT, PATCH

https://ihower.tw/blog/archives/6483 -ihower.tw/
[不是工程師] 休息(REST)式架構? 寧靜式(RESTful)的Web API是現在的潮流？ -progressbar.tw/
常見的HTTP Method的不同性質分析：Get,Post和其他4種Method的差別 -chino.taipei/


POST 新增一筆
PUT 整個蓋過去的新增，視為修改
PATCH 部分修改

進行以上處理記得要把資料轉型：JSON.parse()
還有需不需要給 id key

Axios
使用Axios你的API都怎麼管理？ - Mike 大神 
axios 基本使用 & Config - it邦幫忙 RocMark 

[GIT] SSH key 建立 or 加入已建立的 SSH key / 解決衝突直接檔案清除

generating a new ssh key and adding it to the ssh agent

changing a remotes url

解決衝突直接檔案清除 git clean -d -f

[Vue] 在 parent-component 設定 scoped css 照常繼承給 child component

How to Target Child Components with Scoped CSS in Vue -Brian Ambielli

在要繼承的 .className 前加入 /deep/，
例如： /deep/ .my-btn{ }

https://vue-loader.vuejs.org/zh/guide/scoped-css.html#深度作用选择器

[Git/Vue/MEVN] 把 MEVN app 推到 Heroku 上

https://cli.vuejs.org/guide/deployment.html#heroku

排除git push heroku master時發生No such app - IT邦幫忙 wordsmith

$heroku git:remote -a <project-name> 可參考登入後專案 deploy 頁面

[Heroku] Getting Started with MongoDB and Node.js -http://blog.kenyang.net 中文 2014
How to deploy your Node.js / MongoDB app to the web, using Heroku -https://medium.com/@nicolaisafai 2019
Deploying Vue apps to heroku — the right way -medium Cristi Jora 2018

Trouble transferring from local to Heroku /w MongoDB -freecodecamp.org 2017

[JS] 字串拆陣列的相關處理 split(), reverse(), join()

Reverse a String in JavaScript -Sonya Moisset

[Vue] 把 style @import 切割清楚、路徑載入以 img 為例、build之後打開html/巢狀路由重整空白解決方法、import myScss.scss globally

假設我只要 bootstrap 某個套件，不想把變數渲染到整個app.vue
Vue style里面使用@import引入外部css, 作用域是全局的解决方案 -segmentfault.com 作者一念

關於vue單檔案中引用路徑的處理方法 程式前沿
Webpack 處理 Vue 專案的路徑規則整理 《Chris 技術筆記》

vue-npm-run-build-空白解決 XinYu
但巢狀路由重整畫面會出錯，有解法是改回 '/'

Globally Load SASS into your Vue.js Applications Written by Alex Jover Morales

[Webpack] 常用設定參考網站

特別注意5.4的 hot module replacement
webpack常用優化配置 -lio-mengxiang

[JS] ES6/7/8 常用新特性介紹網站

es6/es7/es8常用新特性總結(超實用) -程式前沿

[環境] nvm安裝

用來切換已安裝好、不同版本的node，
情境會是開發專案時，專案皆是在不同node版本下開發，
版本相同在開發上比較不易發生bug
安裝NVM來安裝node.js

brew 安裝 NVM 會有雷點
https://www.jianshu.com/p/a3f8778bc0a1

[Git/Github] 分支、push/ fetch分支ref、常見問題

在練習時做之前可以在終端機使用 script 紀錄，方便練習後複習
Unix 基本指令: script 抓取 Terminal 顯示畫面, 存成檔案

刪除遠端 branch
git push origin :branchName
https://ihower.tw/git/remote.html#sec4

用 git prune 清理掉在 github 已經 deleted 的 local branch

六個常見問題
https://www.open-open.com/lib/view/open1366080269265.html

[MEVN] VueJS, Express and MongoDB tutorial

Full Stack Vue.js, Express & MongoDB [1] - Express API https://www.youtube.com/watch?v=j55fHUJqtyw -Traversy Media

https://vegibit.com/vue-js-express-tutorial/

https://www.techiediaries.com/vue-js-express-tutorial/

MEVN(Nuxt)
https://www.smashingmagazine.com/2020/02/music-manager-nuxtjs-expressjs/

https://www.ephemeron.top/2018/05/22/nuxt-express-mongodb-nodejs-kuang-jia-da-jian/

https://cnodejs.org/topic/589d1f428c475cf5794dacf3

[DB] 一波未平一波又起：資料庫中的 NoSQL

MongoDB
MongoDB - 詳細到讓人牙起來的安裝教學 -Robby - 全端的 Front-End Engineer

firebase or mongoDB
https://codeday.me/bug/20170821/62369.html -代码日志

[JS]取出陣列不重複值

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

https://guahsu.io/2017/06/JavaScript-Duplicates-Array/ - Gua's note

[JS] timestamps 日期格式轉換

js时间戳与日期格式之间的互转