文科腦程式之旅
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 試看看如何引入字型吧。
網頁中經常會出現正方形的設計，在切版時如果直接設定固定寬高就是破版的節奏，但單用百分比設定長寬，RWD 時還是會變得不夠正，這邊提供兩個方法：
所有的 CSS 設計模式都是為了維持可讀性、好維護、易擴充這幾個目標，今天就來談談 BEM 設計模式，並搭配 Sass 中的 SCSS 來介紹，並探討在各種情境下該如何使用 BEM。
除了常見的 Material Icons 和 Font Awesome 提供免費圖示資源，現在又有 「icofont」可以引入 icon 到網頁中了！目前看網路上對它的討論較少，這篇主要會來談談它引入到網頁的方式。
以往寫網頁經常使用到 Google Fonts 裡的 Material Icons 服務，但大多都是直接引入預設設定，最多就是在官方提供的簡易編輯器做一些 icon 樣式填滿、線框的調整而已，仔細看了官方文件之後，才發現原來還有一些設定可以做調整，使用上更加彈性，因此寫了這篇文章記錄下來。
JavaScript 的型別可以分為兩類，分別是原始型別與物件型別，這邊主要談的是 ES6 的寫法。值得注意的是，JavaScript 變數本身不帶有型別，值才有。
npm 是一個套件管理工具，開發中經常需要使用第三方套件，npm 是可以用來管理很多套件的工具，這邊指的套件可能是 Library, 框架, 工具等，例如 Bootstrap, jQuery, Vue.js, babel 都可以統一由它管理。
