iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

前端菜焦阿日記 系列

I jump , you jump!
我跳坑,你跳坑!

鐵人鍊成 | 共 30 篇文章 | 33 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第二屆鐵人賽
DAY 11

|D11| CSS - 文字和inline垂直置中

tags: 2019年鐵人賽 、 css 前言 置中屬性百百種(例如 margin:0 auto; ),到底這些置中差別在哪? 去看定義就知道了! 使用屬性 這...

2018-10-26 ‧ 由 mangoSu 分享
DAY 12

|D12| CSS - Margin collapse

tags: 2019年鐵人賽 、 css 前言 介紹 black 元素的垂直排版前要先了解 Margin collapse,不然在垂直排版時會出現一堆迷之間距,...

2018-10-27 ‧ 由 mangoSu 分享
DAY 13

|D13| CSS - Block fomatting context(BFC)

tags: 2019年鐵人賽 、 css 前言 前一篇提到解決 Margin collapse 的方法除了用 border 或 padding 隔開,還有 BF...

2018-10-28 ‧ 由 mangoSu 分享
DAY 14

|D14| JS - 變數的scope

tags: 2019年鐵人賽 、 JS var 摘自MDN使用var區塊中定義的變數,其存取範圍是整個函式或是腳本,即為Execution Context的範...

2018-10-29 ‧ 由 mangoSu 分享
DAY 15

|D15| JS - `<form>` 表單

tags: 2019年鐵人賽 、 JS 前言 通常看到 &lt;form&gt; 就會想到裡面的資料是要送到後端做一些事情(如增刪修之類的事),但還是看一下定義...

2018-10-30 ‧ 由 mangoSu 分享
DAY 16

|D16| JS - `<form>` 表單可包含的元素

tags: 2019年鐵人賽 、 JS &lt;form&gt; 可以包含以下元素 &lt;input&gt; &lt;button&gt; &lt...

2018-10-31 ‧ 由 mangoSu 分享
DAY 17

|D17| JS - 你所不知道的JS:導讀篇1

tags: 2019年鐵人賽 、 JS 、 YouDon'tKnowJS 輸出(output) about:blank純空白分頁 console.log...

2018-11-01 ‧ 由 mangoSu 分享
DAY 18

|D18| plugin - Atom 安裝 linter-jshint 幫助提升程式碼品質

tags: 2019年鐵人賽 、 plugin 前言 對新手而言,一些除錯工具可以幫助我建立好的 coding style,也可以減少我因為找一個大括號而讓費的...

2018-11-02 ‧ 由 mangoSu 分享
DAY 19

|D19| JS - Document Object Model (DOM) 操作

tags: 2019年鐵人賽 、 JS 查找 範例 &lt;div class=&quot;main&quot;&gt; &lt;div class=&qu...

2018-11-03 ‧ 由 mangoSu 分享
DAY 20

|D20| JS - 你所不知道的JS:型別與文法篇5 value

tags: 2019年鐵人賽 、 JS 、 YouDon'tKnowJS 重點 類陣列不像陣列可以繼承陣列所有方法使用,通常會用變成array操作 js裡的s...

2018-11-04 ‧ 由 mangoSu 分享