Posts

All the articles I've posted.

• [security] Set-Cookie: HttpOnly ，避免 XSS 攻擊時存取你的 session id

  Published:Nov 23, 2016 |  at 11:38 AM (2 min read)

  當今天網站不小心被發現有 XSS 漏洞時，攻擊者很可能會透過 javascript 盜取你的 cookie 中的 session id，來盜取帳號。

• [security] http(s) header X-Content-Type-Options，避免瀏覽器執行不符 Content-type 的操作

  Published:Nov 23, 2016 |  at 10:49 AM (2 min read)

  X-Content-Type-Options 可以避免瀏覽器執行不符合 Content-type 的操作

• [php] 移除 x-powered-by 伺服器與 php 資訊

  Published:Nov 23, 2016 |  at 07:19 AM (1 min read)

  php 移除 x-powered-by 伺服器與 php 資訊

• [CSS] flexbox 解析，解決傳統排版的複雜問題

  Published:Nov 23, 2016 |  at 05:51 AM (3 min read)

  CSS3 的新排版方式，flexbox (目前在IE上好像還是有不少 bug....) 利用 flexbox 可以解決我們傳統排版方式遇到的許多問題。

• [css] float 屬性，什麼是 clearfix?

  Published:Nov 20, 2016 |  at 01:01 PM (2 min read)

  Float 屬性在 CSS 中的應用，以及如何使用 clearfix 來解決高度問題

• [解析] 駭客訓練基地game1解析與詳述(下)

  Published:Nov 20, 2016 |  at 12:46 PM (4 min read)

  GAME1-level6 ~ level9

• [css] position 屬性relative、absolute、static 及 fixed 解析

  Published:Nov 16, 2016 |  at 01:56 PM (2 min read)

  css 的 position 屬性，許多剛入門的人不深入了解，容易不清楚究竟是以哪個父元素做定位，造成不良的HTML編排架構。(最差的狀況就是用了一堆 `fixed`.....)

• [CSS] 水平置中與垂直置中(傳統作法)

  Published:Nov 13, 2016 |  at 02:01 PM (5 min read)

  在 CSS 中，大家時常為了水平置中與垂直置中的問題而困擾，這篇文章整理幾個傳統解決置中的做法。

• [css] 讓過長的內容省略為....，text-overflow的用法與說明

  Published:Oct 2, 2016 |  at 01:04 PM (1 min read)

  在網頁的許多地方可能會出現較長的段落，當文字過長時可能會影響排版及 UI。

• [css] word-break、word-wrap(overflow-wrap) 及 white-space 的差別與用法

  Published:Oct 2, 2016 |  at 12:47 PM (2 min read)

  剛開始常分不清楚 CSS 中的 word-break、word-wrap 及 white-space，利用這篇釐清這幾個的用法與差別