element樣式

block element

這個element是會佔用整個整行的空間(也就是滿版)，即便你的資料沒有這麼多。
舉例：<div> <h1>...

這是關於長度單位

px

是一個絕對長度的單位，是以螢幕pixel為基準。

em

是一個相對長度單位，是依照當下所在的element其parent elem...

什麼是Box model

在網頁中每個element都被看作一個box，每個box可以有內容content、邊界border、內外空間。
所以box會有padding / marging/ border/ content

閱讀更多

promise是幹嘛的？

promise這個方法是ES6時推出的，這個主要可以用來解決非同步中XMLHttpRequest的問題
promise不需要監測Event(也就是js中的addEventListener())，而且會在資料回傳時執行callback function，
以及處理在做非同步請求時使用callback時所產生的callback hell。
之所以會產生cal...

Google Firebase

Google的Firebase是個前端工程師很好用的工具，他可以讓前端工程師省去後端資料庫的建立而可以專注在前端的開發，這裡面有身份驗證、realtime資料庫等好用的功能，只要是拿來做開發，而流量不大的話，通常你都不會達到需要付費流量。

情境1

直接範例解釋

1
2
3
4
5
6
7
8
9
10
11
12

<ul>
  <li class="first-li">1</li>
  <li>2</li>
  <li>3</li>
</ul>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>  

  

Wordpress版型

很多人使用wordpress都會希望有自己的喜歡的頁面或版型，網路上找到的版型通常找到某些功能很喜歡，
但是某些頁面的設定不是很滿意，這時候可以選擇Elementor這個套件來設定頁面排版等等。

閱讀更多

指令式渲染 imperative redering

jquery

在框架還沒出來時jquery依舊是非常火紅的，而其對於DOM的渲染方式就是透過
選擇器

關於chatGPT想法

網路上有很多人認為chatGPT會造成很多人依賴chatGPT取得資訊，讓人變得更懶。
不過我倒不這麼認為，先前在免費時使用過chatGPT，透過他詢問一下關於寫side project的問題，
在這過程成會發現如果你對於你的問題沒有具備相應的背景知識時，AI回答給你的答案你根本無從判斷是否有誤，曾經得到的答案發現大方向沒錯，但是小細節是有瑕疵的。

所以...

Codemirror v5

版本5 -> 6的資料夾結構變動很大

v5

v5的所有套件在npm install codemirror<...