E2E 測試導向的開發流程
某天，我們從設計師那裡拿到了設計圖 於是我們開始切版，跟往常一樣，主要注重在畫面的樣式與互動上，此時並不會考慮到 E2E 測試 若開發期間，很幸運地拿到...
Posts
機動性與獨立傢俱
我對擁有機動性特質的東西有種莫名地偏好 比起裝潢時就固定位置的系統傢俱，我比較喜歡獨立傢俱 可以隨時改變整個空間的擺設，是一個很大的優點 空間的擺...
[筆記] ASP.NET MVC5 - Ch.13 Web API 2
Web Service Web Service 架構出一種平台中立的網路服務，讓應用程式可以透過 URL 指向網際網路任何一台服務器所提供的服務 主要角色共有三種：提供者（provider）...
學習摩斯電碼
前言 最近在重溫一款以前很喜歡的遊戲：絕地戰兵（HELLDIVERS） 遊戲中有一個叫做「真實傳播器」（Truth Transmitter）的裝置...
行動裝置上 100vh 的奇怪行爲
前言 最近遇到一個手機瀏覽器上，在某個特定排版會發生高度有誤的問題 進而發現手機瀏覽器的特殊行爲 查了一下資料，發現這個問題已經存在許久，也有不少...
[小說] 我只想好好說話
注意：內文有大量劇透，請自行斟酌 或許有時候 我們認為自己有悲慘的遭遇，認為別人過得幸福，又怎麼會理解 然而這不一定是真實 隱藏在美好外表下的，不一...
[筆記] ASP.NET MVC5 - Ch.8 View
MVC 中的 View 就與前端密切相關，這個章節要來介紹 ASP.NET MVC 中的 View 透過樣板引擎（template engine），將轉換成 HTML 的頁面，回傳給瀏覽器供顯示 View 的類...
[筆記] ASP.NET MVC5 - Ch.6 Controller
前一章介紹了 Routing，它最重要的工作有兩個： 找到要執行的 Controller 找到那個 Controller 裡的要執行的 Action 一般我們會說是 Controller 與 Model 互動，但更精確來說是 Controller 裡的 Action 與 Model...
用 JavaScript 偵測裝置的方位 - 直向及橫向
前言 在 CSS 中，我們可以用 Media Queries 的方式，分別定義橫向與直向的樣式： .box { width: 300px; height: 300px; display: none; } @media (orientation: landscape) { .landscapeBox { display: block; background: lightblue; } } @media (orientation: portrait) { .portraitBox { display: block; background: lightcoral; } } 但是，雖然可以...
遞迴元件與巢狀列表
前言 工作上遇到一個頁面，是要呈現一個巢狀的 list 每個 list 底下，還會有自己的屬於自己的 list 而每個 list item 都有一個 checkbox 在前面 HTML 會長得像以下結構： <ul> <li> <input type="checkbox" /> <label>1</label> <ul>...