Nice to Meet You

I’m Hannah, a Taiwanese 30 years old front end developer.
Learning and sharing always makes me happy, and I am interested in the new things including coding and design.

Skills

  • HTML, RWD
  • JS, ES6, AngularJs, VueJs, jQuery
  • CSS, SASS, SMACSS/MVCSS
  • PHP, Wordpress
  • Git, Gulp, webpack

Experience

  • 8+ years of working experience as a web developer, now is in afusion
  • Sass / css lecturer for prototype-hacker
  • Host a conference at FEDC
Contact me
#, | May 28 2018

邏輯 && || + 位元運算子 & | ^

大家看到 && ||,就想到判斷式 if(a == 0 && b == 0) 之類.本篇不會說這種的使用狀況,因為大家都耳熟能祥了。 假如你跟我一樣對於以下狀況一頭霧水並想了解,那這篇文章就適合你了 ...

#, | Nov 5 2017

String Method

之前因為練習 js30 有整理過 Array Method ,這次想整理常用的 String Method 提供自己日後快速搜尋用。String 比較單純以下方法原本字串都不變 Basic t...

[JS30] Day 4: Array Method

Day 4 跟 Day 7 都在介紹 Array 方法,我就統整在這篇。陣列技巧常常用到。索性把常用的全部整理出來讓自己以後也可以快速搜尋。我覺得很重要的觀念就是要明白這些方法 "return" 了甚...

#, , | Mar 26 2017

Debugging JavaScript – devtools

一直以來都用 console.log() debug,雖然它很好用, 但卻需要來回的在編輯器跟瀏覽器之間測試, 最糟的是忘記把它刪掉,造成使用者還可以在原始碼看到他被註解起來的窘境 orz 其實是有...

#, | Mar 20 2017

Javascript OO (Prototype) – 物件導向範例篇

知道 js 物件導向的基本觀念後, 當然就要開始實作看看 每一個人寫法都不盡相同,這邊是我自己覺得還不錯的寫法, 假如有更好的也可以幫忙留言互相交流喔 1. 物件導向概念篇 2. ...

#, | Mar 13 2017

Javascript OO (Prototype) – 物件導向概念篇

除了之前介紹過的 Module Pattern 外, 使用物件導向來撰寫程式也是另一個很常見的設計模式 這次分兩篇寫,一個是有點難懂的概念篇,另一個就是實用又有趣的範例篇啦 1. 物件導...

#, | Feb 27 2017

Closure and Module Pattern

Closure Closure is when a function "remembers" its lexical scope even when the function is executed ...

#, | Feb 20 2017

JavaScript Scope

js framework 蓬勃發展,雖然已經用過 angular 開發專案, 但我一直跟自己說假如連 js 進階概念都不清楚,不就像還不會 abc 就想學如何用英文演講一樣嗎? 趁育嬰假期間小孩睡著的...