用css處理文字溢出
之前在開發時遇到一個狀況是超過n個字後，要以…顯示，然後我就傻傻地用js來處理…
認識 vue css scoped
想必大家都有過一個經驗，多人開發撰寫css時，一個不小心就會發生樣式互蓋的情形，因此在vue裡面scoped可以幫助我們避免掉這樣的狀況，可以限定css的作用範圍，打開f12來看有使用scoped 的component，可以發現在DOM和css的data屬性會加上data +…
在vue cli 裡使用 css sprite 雪碧圖
剛踏進前端領域時，前輩建議我可以試試看雪碧圖，恩？雪碧圖？那是什麼東西，簡單來說就是將多張圖片合成一張大圖，減少http request次數，本來30張小圖片要請求30次，現在只要請求一次就大功告成了。
export 跟module exports 有什麼差異？
不得不承認剛開始接觸的時候，我會把export 跟module exports 搞混(都有個export嘛)，其實他們兩個是完全不相干的，搞不懂為甚麼不能在vue.config.js使用import，後來查資料才發現兩者遵循的規範是不一樣的，既然要比較差異，就先個別介紹一下。
除了Postman 還可以試試REST Client
說到測試api的工具第一個想到的當然就是Postman，不過最近發現有一個vscode pluging叫做REST Client 也可以做到同樣的事，而且使用方式也很簡單，推薦大家可以用用看。
檢測效能的好幫手Chrome Devtool Performance
初次使用這個功能 是因為寫了一個動態效果很多的網頁但非常吃效能，年輕不懂事，每秒create好幾百個DOM在畫面上飛來飛去(好孩子不要學 ，頁面放一陣子就開始卡了，後來比較資深的前輩教我可以用chrome performance功能查看。
有看沒有懂的正規表達式
今天要來探討的就是處理驗證的時候必備的正規表達式，落落長的一大段就像亂碼一樣讓人有看沒有懂，一直以來都是直接copy&paste，但有時候需要微調規則的時候就愣在那邊了，逃避了許久，今天終於要來面對這一長串的像是亂碼的東西，究竟，我到底該怎麼看懂它？
Array 有哪些操作方法
剛寫javascript的時候，永遠只會用forEach一招打到底，某天看了線上課程，才發現有some、findIndex、every這些陌生面孔，能夠縮短不少程式碼(懶人福音)，因此想要寫一篇關於陣列的操作方法筆記。
TypeScript新手村
去年因為工作的關係，開始接觸TypeScript，從後端跳過來前端的同事表示沒什麼學習難度，但我剛碰的時候覺得十分有障礙，不習慣強型別之外，對於繼承什麼的毫無概念，動不動就報錯編譯失敗，十分苦手啊！這篇小小紀錄一下我學習TypeScript的心得。
如何幫 css 瘦身
當多人一起開發，時間一久，為什麼css不知不覺就變得這麼肥大呢…