react router 更新
本來想更新但發現出現錯誤訊息， 好像是eslint的關係 發現安裝eslint也會出現一樣的提示 查了一下eslint-config-airbnb@15.1.0這個關鍵字，找到它的官網 https://www.npmjs.com/package/eslint-config-airbnb 隨意爬了一下...
文章 - 第 32 頁
如何計算rem
Photo by Jan Piatkowski on Unsplash 首先呢，假如是負責既有的專案的話，就找它的html 的 font-size是什麼 現在負責的專案是10vw，所以就看目前的視窗大小（右鍵F12點body，會在左下顯示大小） 看了一下是1920，所以1920 / 10 = 192...
JavaScript 實用代碼段
concat也可以concat物件 ．提取特定的物件資料，例如 var array1 = [ { name: 'Luna', age: 99 }, { name: 'Baby', age: 1 }, { name: 'Curapica', age: 18 } ]; var found = array...
React Playground
一些線上測試react的平台 Repl.it – Online React Editor and IDE – Fast, Powerful, Free The online code editor for web apps. Powered by Visual Studio ...
git push前的checklist
有沒有多餘的代碼（可以優化、簡潔的地方）例如重複的地方太多，可以讓它變成一個function來調用。 各模版/各品牌 有沒有 debugger Network的XHR正不正常（接口調用） 避免hardcore寫法 （if ( id === 1396 ) { ….. }） 能整合的comp...
Array.from
Array.from([1, 2, 3], ( x , y ) => x + y); // 1, 3, 5 這裡的arrow function是map function，y就是index const nestedArray = [['😉'],{kind: "🐦"},['😇']] const a...
快七點了還好飽啊
今天的便當太豐盛，一點多吃，快七點了還飽的要命。 喔喔不對啊我突然想到我還吃了同事給的橘村屋蛋糕一片，好吃...
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其實就是一個圖層，可以看情況編輯...