文科腦程式之旅
16公開內容
正在一點一滴學習程式，相信知識量總有一天會匯聚成大海，目前專門研究前端中。
全部內容
免費與付費
最新發佈優先
切版有許多眉角需要注意，來探討那些經常導致切版結果與設計稿產生落差的原因。
一、文字的高度本體是 line-height：🔍 文字所佔據的高度不是由font-size決定，而是line-hight。一開始練習切版時，都想著設定好字的尺寸和字重就 ok 了吧？殊不知這是造成切出來的網頁與設計
題目：你將會得到一個單詞，你的任務是返回該單詞的中間字符。如果單詞的長度是奇數，則返回中間字符。如果單詞的長度是偶數，則返回中間的兩個字符。
在談到閉包前，要先談談範圍鏈，在 ES6 以前，變數透過 var 宣告，當時切分變數的最小單位為「函式」，有以下特性需要留意：內層可以取得外層的變數，但外層無法取得內層變數，在「定義」函式時就決定了範圍鏈，而非執行時
題目：完成解決方案，當第一個參數（String 型別）以第二個參數結尾時（也是 String 型別）返回 true。
這篇主要會透過 CDN 引入 Material Icons，並補足官方文件裡只有提到 Filled 類別的引用方式，但沒有提到其他類別，像是 Outlined、Rounded、Sharp、Two tone，另外還會提到如何透過偽元素加入 Material Icons，現在我們就來看看如何引入吧！
提升(Hoisting) 指的是在創造環境階段時就把變數準備好，這時值還沒被賦予到變數上。此類型的概念可以使用執行環境的「創造階段」與「執行階段」來理解。
圖片可以說是 HTML 元素中以不受控出名的元素了，在預設情況下，完全不受父容器影響，以下就來看看有哪些方法讓圖片依照你的想法變化吧。
網頁中經常需要引入外部資源，其中字型更是不可或缺，好看的字體會為網頁質感大加分，免費的網頁字型資源以 Google Fonts 最為常見，今天就來使用 Codepen 試看看如何引入字型吧。
