Nice to Meet You

I’m hannahpun, a Taiwanese 28 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, angularJs, jQuery
  • css, sass, smacss/mvcss
  • php, wordpress
  • git, gulp, webpack

Experience

Contact me
# | Dec 4 2017
guam

[旅遊] 2017 帶著 1y1m 參加關島婚禮五日之好累啊

兒子概況: 還不會走路,已 11.5 kg 作息: 一天兩次小睡每次約 1-1.5 小時.出門的話不愛在推車上睡只在背巾睡(累) 天氣: 感謝主,幾乎每天天氣都很好,下雨都只下一下子(而且...

# | Nov 23 2017

[Vue] Template Syntax (v –xx)

以下範例為了清楚都會省略實例化 new Vue 跟 綁定的 el 喔 [crayon-5a6206599a3f1203615095/] [crayon-5a6206599a40...

# | Nov 17 2017
vue_2

[Vue] Components – 範例篇

知道 components 的概念後應該會很好奇是怎麼運作的吧,此篇會學到基本的 vur router components 如何寫 slot - 同一支 component 也可有些微...

# | Nov 14 2017
vue_component

[Vue] Components – 概念篇

Concept 規劃結構 Components 引用 這篇要來講一個 vue.js 重要的觀念: components.相對以往的撰寫方法落差很大. 做一個網站會有許多頁,每一頁是由不...

# | Nov 9 2017
module

[ES6] Modules

當程式碼越寫越多,就需要一個負責管理的方式。之前曾經寫過 js 的 module pattern ,利用 function 的 closure 特性來避免污染 global variable ...

# | Nov 7 2017
vue

[Vue] Hello Binding

終於寫出第一篇 js 框架了! 實在有點感動阿!! 為了不想要懵懂開始,花了整整十個月先把 js 基本功練好,因為一連串的結婚懷孕生子讓我廢了一陣子,現在終於又可以跟前端世界接軌 (前端世界變動太快,...

#, | Nov 5 2017
string

String Method

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

# | Oct 27 2017
@

F2E 寫 Razor 兩三事 – C# 也太難懂了吧

我是一個 Front-End, 沒有想要碰後端的意思,但公司案子都是 .net ,當然 view 就直接用 razor 了, 這代表還是需要用 visual studio 開發(至少要讓他開在那才能跑...

#, | Oct 20 2017
canvas

[JS30] Day 8: Canvas

本來以為離上一篇 js30 很久了,但其實也才過一個月而已嘛! 最近花一些心力研究 ES6, 希望能對之後 js30 系列文章有幫助(明明是為了準備公司 workshop 才看 ES6 的)。 ...

#, | Oct 12 2017
es6_s1

[ES6] … + Destructuring

Rest Parameters Spread Operator Destructuring ... ... 表示 Rest Parameters 跟 Spread Operat...

Older→