JavaScript Closure Sample
閉包的解釋： 1. 外面讀不到裡面，裡面讀得到外面 2. 每個函式可以有自己的私有變數，跟其它的函式名子可以一樣（會有容易搞混的缺點 3. 閉包：它本來抓得到什麼值，就能抓到什麼值，不論它是在哪裡執行的（可能return 給外層的函式了） 參考文章： A Simple Explanation of ...
科技
好的编辑器
一个好的编辑器，一定需要有代码补全(code completion)的功能，所以我最推薦的還是WebStorm code completion...
計算總和的代碼
這是ES6版的 const numbers = [10, 20, 30, 40] // sums to 100 // function for adding two numbers. Easy! const add = (a, b) => a + b // use reduce to sum our...
Visual Studio Code
需要把畫面放大就按【ctrl + 】 在react裡面沒有emmet (例如打p.lunacute 按tab會自動產生)的話把 .js 改成 .jsx Ctrl + P 可喚出任意門，輸入檔名到達想到達的檔案。（範圍會限制當前專案資料夾，很方便） stop multi cursor editing ...
React複習懶人包
記錄一些看教學時覺得應該特別記下來的咚咚。 import { render } from "react-dom"; 加上這一行，要在網頁上render只要直接打這樣即可： render(<p>Hi<p>, document.querySelector('#main')); 要寫comment要這樣寫...
好玩的邏輯運算子
在console直接輸入就可以測試。 看這張圖可以了解到： && = 一步錯，步步錯。 || = 走到對為止。...
REST API
Falcor: One Model Everywhere https://netflix.github.io/falcor/ 現在已經不講REST API惹 現在都嘛是講GraphQL 現在真的不談REST API喇 另外一個超級顯學是Google的GRPC...
Top 85 JavaScript Interview Questions & Answers
1. What is JavaScript? JavaScript is a client-side as well as server side scripting language that can be inserted into HTML pages and is understood by...
WebStorm 開發 React
https://stackoverflow.com/questions/36038616/where-can-i-find-node-js-interpreter 編輯器的設定問題： 記得把這邊勾掉… 再到這裡（Settings | Editor | Code Style | JavaScript）...
一些小技巧
在cmder输入的时候，懒得打资料夹名称，可以打ls，列出资料夹名称，前面打一个英文字再按tab，或是对着想去的资料夹，先括起来，再按右键。(它会自己跑到剪贴簿上) 把node的資料夾刪掉，再跑一次npm install，它就會再重新安裝一次所有的套件。...
公主奇緣
https://www.soundclick.com/bands3/default.cfm?bandid=297314 https://www.gardnermuseum.org/experience/music?filter=composer...
Webpack教學
webpack是網頁應用程式的打包工具，它有不少優點，例如壓縮代碼或是增加代碼可讀性…使用它可以讓開發變得更加順利。 官網的教學： 1. 先介紹怎麼載入lodash、run 起來 2. 處理css檔案 3. 處理圖片檔案 4. 載入字型檔案（用woff檔實驗有成功顯示不同字型） 5. 處理其它檔案（...
Bebel
...
React教學
首先來用用可愛的腳手架，幫我們馬上搭好環境。 create-react-app stupid 這裡的stupid，是資料夾名稱，輸入這個指令之後，它會自己建立一個叫做stupid的資料夾，裡面就是搭建好的React的環境。 跑完之後再輸入： cd stupid yarn start 結果如果沒有成功...
NPM教学
NPM教学，NPM感觉就像工具库一样。 干，靠北喔，它的版本也更新得太快了吧！ 现在已经到六点四点零了拉。我记得我电脑才买了没多久，买了电脑的时候安装NPM的说。 NPM输入的指令： npm config list 打这个会跑出我们当初安装时的资讯。 npm config get prefix 这个...
一些telegram群組
更多群組 @moregroup 宣傳與尋 https://t.me/moregroup 科技群組-談科技來這裡 https://t.me/tech_TW 下面有的我也不知道是什麼群，有的是廣告群組，莫名奇妙把我加進去的，就貼上來存著好了。 兔子区块链家族 https://t.me/xnqb002 T...
PHP Tutorial
PHP教學！PHP是多麼的好玩啊！ <?php $color = "red"; echo "My car is {$color} <br>"; echo "My car is $color <br>"; echo "My car is " . $color . "<br>"; ?> 以上三個叫變數的...
讀書用古典樂
馬勒第五號交響曲 https://www.youtube.com/watch?v=UjmthMDpyco...
命名的縮寫
src source dist distribution Orgs organizations...
ES6 Tutorial
Arrow functions https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions...
ES6 tutoiral
...
Cover Letter參考
http://www.jobhero.com/front-end-developer-cover-letter/# 搜尋 cover letter front end developer...
履歷即抄即用
Up-to-date with the latest UI trends, techniques, and technologies https://www.indeed.com/viewjob?jk=1bb8c0d01d2d9efa&tk=1ck5ikqvsb8sicki&from=serp&vj...
前端工作需求
https://www.indeed.co.uk/viewjob?jk=f11eaa3a832818bf&tk=1ck4jjbfa91chesf&from=serp&vjs=3...
前端好站分享
馬上做出假貓貓的圖片 http://placekitten.com/...
Yarn
為了學習React，就來安裝一下Yarn，Windows在官網抓安裝檔就可以囉。 yarn官網...
Chrome DevTools
要看接口時記得按這個 https://developers.google.com/web/tools/chrome-devtools/ https://leeon.gitbooks.io/devtools/content/learn_basic/overview.html https://leeon...
架商店的東東
SHOPLINE 網路開店平台 https://shopline.tw/ TAGLANDS https://www.taglands.com/ shopify https://www.shopify.com/...
不錯的Youtube頻道
https://www.youtube.com/channel/UC3gNmTGu-TTbFPpfSs5kNkg...
React 杂乱笔记
JSX produces React “elements”. 可以想像成這樣↑ 喔! 就是给了它一个物件，叫props.name = Sara 在 CodeSandbox 這邊可以練習React，還蠻好玩的。 components defined as classes have some addit...