第十屆

self
前端菜焦阿日記
mangoSu

系列文章

DAY 11

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

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

DAY 12

|D12| CSS - Margin collapse

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

DAY 13

|D13| CSS - Block fomatting context(BFC)

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

DAY 14

|D14| JS - 變數的scope

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

DAY 15

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

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

DAY 16

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

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

DAY 17

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

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

DAY 18

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

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

DAY 19

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

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

DAY 20

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

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