鐵人檔案
目前是剛踏入前端學習的初學者，30天挑戰內容會以HTML / CSS / JS的學習紀錄為主，參賽主要是希望自己對於學習內容真的能夠融會貫通，更進一步也希望或許能幫助同樣學習苦惱的人 : )
前言 自從HTML5新增語意化標籤以來，讓HTML的標籤更直觀也更具有意義，同時幫助搜尋引擎和開發人員能更清楚的解讀網頁。 HTML語意化標籤 語意化標籤是什...
前言 複習了兩天HTML，緊接著來複習CSS吧！ CSS 階層樣式表 有了HTML定義網頁的內容結構，接著就是需要運用CSS的各種屬性來定義網頁的排版與樣式，先...
前言 昨天稍微聊了CSS樣式的部分，今天來談談關於CSS排版中的box model和flexbox box model 從開發者工具中Style區域最底部可...
前言 終於終於終於要開始進入DOM了！今天先來聊聊有關瀏覽器渲染流程及認識一下DOM Tree吧。 瀏覽器渲染過程 當輸入新網址或重新整理網頁，瀏覽器會先進行...
前言 今天來先聊聊該如何選取節點吧！ 怎麼做才能選取出節點呢? 找尋需要的DOM元素主要有兩種方法： 直接搜尋並選取出該需要的節點： // 選出一個cla...
前言 昨天認識了如何選取節點，今天來了解一下該如何針對節點進行新增及修改吧！ 新增節點 const div = document.createElement(...
前言 前兩天介紹完新增跟修改節點，今天來聊聊DOM事件！ 事件是什麼? 試想當我們在逛一個網站時，可能會需要註冊會員，點擊註冊時跳出視窗請你填寫資料，填寫完成...
前言 今天是十月的第一天，來復刻個迷因貓貓點擊大賽POPCAT的基本功能吧，希望大家都擁有被小動物療癒身心靈美好的一天！ 好的！在開始之前，先來構思一下目標吧...
前言 最近剛接觸到axios的學習內容，所以今天想很淺很淺地聊一下怎麼使用axios來串接第三方資料。 在開始使用axios之前，先來認識一些相關內容： AP...
前言 不知不覺居然就已經來到鐵人賽第30天了，既然是最後一天！想聊聊這一個多月以來的學習及參賽心得。 如何才能迫使自己跨出舒適圈 在線上自學的廣闊環境中，即使...
