快七點了還好飽啊
今天的便當太豐盛，一點多吃，快七點了還飽的要命。 喔喔不對啊我突然想到我還吃了同事給的橘村屋蛋糕一片，好吃...
科技
Jest 學習
https://vegibit.com/testing-javascript-with-jest/...
ES6 Practice
看到一些不錯的寫法給它抄下來 "1|2|3|4|5|6|".split('|').reduce((result, val) => (`${result}${result && val ? ' | ' : ''}${val}`), '') onClick={() => this.setState({ ...
lodash常用方法
其實不是常用方法，是我在專案上看到過的方法。 _.sortBy(collection, [iteratees=[_.identity]]) https://lodash.com/docs/4.17.11#sortBy _.uniq(array) https://lodash.com/docs/4.1...
react debug时的问题
在react的debug时，如果遇到像这种 ` ` 的地方，会造成下面的程式码没有高亮提示…这时候如果在大括号旁边加上双引号的话就可以了 原因应该是因为单引号会造成HTML判断结束在这边 ( >> HWD C.M Chen ) 但這樣寫又有可能造成其它問題 所以還是換firefox吧… 這是chro...
正規表達式 Regular Expressions
要學好Regular Expressions的話，這個站站還挺不錯的，可以一邊學一邊練習。 https://regexr.com/...
提靈女王
看好久終於看完三集，看完覺得有種如釋重負的感覺，不過…這結局實在讓人有點傻眼就是了。看完雖然有部份覺得感動，但也有些哀傷。感動的是凱爾希的媽媽到最後竟然變成一個正常的媽媽了，然後卡琳還活著…哀傷的是凱爾希原本的夥伴都不記得她了。等於完全的改寫歷史了… 所以花了三本的時間寫了一堆人物，這些人物的結局呢...
React 的state更新延遲
我發現react的state更新，假如在setState之後馬上console.log() 那個state，它還是舊的state，但是在render的時候就是新的了。從上面這個可以測試… 不過如果是要靠著state印出畫面的話就沒關係，畢竟在render上能拿到新的state…....
nginx 砍掉的方法
參考文章： https://serverfault.com/questions/842423/how-to-completely-kill-nginx-in-windows...
食譜相關網站
https://www.fooding.com.tw/...
動畫名單
灰與幻想的格林姆迦爾 青春豬頭少年不會夢到兔女郎 工作細胞 果然我的青春戀愛喜劇搞錯了 遊戲 3 人娘 女神異聞錄 4 Fate/zero 刀劍神域外傳 Gun Gale Online 博多豚骨拉麵團 龍王的工作！ Guilty Crown 罪惡王冠 Just Because！ 歡迎來到實力至上主義...
刪除Array中重複的值
最簡單的方法： const uniq = [...new Set(array)]; 本文參考這一篇文章 https://stackoverflow.com/questions/9229645/remove-duplicate-values-from-js-array...
eslint
這邊eslint報錯，改成 i += 1 才對...
＊可愛＊實用＊代碼段
原來字串是白色，數字是紫色耶...
array方法
pure的 Array.from() reduce map concat slice ※slice不包含最後一個 impure的 splice sort copyWithin pop 回傳的不是array的： entries 回傳boolean的 some (提供callback includes ...
git常用指令
修改上次的commit訊息 git commit --amend -m "xxxxxxxxx" git 刪除本地分支 git branch -D feature/TP-999 參考來源 Git: Delete a branch (local or remote) 清空目前修改的檔案 git rest...
網頁
用console.table()可以把一個陣列印成表格。...
肥宅也要談戀愛（三
阿肥腦袋好像進入debug模式，想要找出被這麼稱呼的原因－ 她怎麼會知道我是魔法師，而且還包莖？我們之前才見過一次面欸…而且… 這時，女神的手在他的臉前面左右晃，「唷呼，回神喔，怎麼了呢魔法師？」 「喔喔喔！好，妳好妳好，請問…怎麼稱呼呢？」阿肥馬上回過神來。 「叫我羽心就好了」 「喔喔羽心嗎，好，...
在chrome上模擬JavaScript的hover
方法一： var event = new MouseEvent('mouseover', { 'view': window, 'bubbles':true, 'cancelable':true }); document.querySelector('.luna-cute').dispatchEven...
把console的物件複製下來的方法
源自 StackOverflow...
rem計算方式
先看root size。 查看到html的 font-size是 10vw。 大小以iphone5為基準 因為iphone5的寬為320 故320 / 10 = 32。 可以利用線上工具來換算。在photoshop上的字型若是14，就在Pixels中輸入14 photoshop最好調整成320寬，得...
ios開發相關
https://km.nicetypo.com/doc/bc76185c203a5334e9daadf725af3be9 https://hk.saowen.com/a/ba965995919b5f04ed8bcb7ccc5b4af1e95792e9769fd92a8d36881d1fad8683...
Destructuring assignment
const name = 'cute'; const surname = 'luna'; var sayHello = function({ name, surname }) { var cute = 'fuck you'; var fuck = 'fuck your dick'; console....
SVG圖檔編輯
把有色碼的填入刪掉： .st3{fill: #00FF00;} 像這樣的留下來： .st3{fill:none;} 每個class其實就是一個圖層，可以看情況編輯...
用react寫的網站好多呀
歡迎補充~ https://www.businesstoday.com.tw/ https://popchart.co/ https://www.easyname.com/en https://www.axios.com/...
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 、...