用react寫的網站好多呀
歡迎補充~ https://www.businesstoday.com.tw/ https://popchart.co/ https://www.easyname.com/en https://www.axios.com/...
文章 - 第 33 頁
React Life Cycle
constructors Do create any fields (variables starting with this.) initialize state based on props received set initial state if not using class proper...
JavaScript 一些小咚咚
記得看不懂的都丟到babel上面試試 任何數字加上 undefined 都會是 NaN 空字串是falsey. （The values false , null , 0 , "" , undefined , and NaN are falsey） 驗證是否為空字串 Tips to Level Up ...
面試必考題目
你覺得你自己的優缺點是什麼？ 你對你未來的規劃是什麼？ JavaScript...
學英文的Youtube頻道
Anglophenia 英國腔很好聽 English with Lucy 推，英文標準而且講得速度應該算慢的。 Vanessa Van Edwards 各種主題 Learn ENGLISH with SPEECHES (English Subtitles) – YouTube...
前端技術：前端相關Youtube頻道
The Net Ninja 還不錯，教程都還蠻新的，還有一個還沒播完的剛好是我很有興趣的（React, Redux & Firebase App Tutorial #1 – Introduction）不過就是腔調上有點聽不太慣。 有React、Vue、Node.js、REST API 、...
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...