Sign in Subscribe
SimonAllen

SimonAllen

Day01 前言-克服JS的奇怪部分

JavaScript，一種高階程式語言，通過解釋執行，是一門動態型別，物件導向（基於原型）的直譯語言。它經由ECMA（歐洲電腦製造商協會）通過ECMAScript實現語言的標準化。它被世界上的絕大多數網站所使用，也被世界主流瀏覽器（Chrome、IE、FireFox、Safari、Opera）支援。 引述自維基百科* 大家好，我是Simon，目前是一位菜鳥F2E。 有多菜呢？前端工程師任職不到三個月(第一份正職工作)。 開始工作後，有感於(下班後)學習力降低，決定配合鐵人賽30天，有計畫地看一個線上課程影片，每天看一點，30天也是能累積不少知識的，這裡也感謝六角學院的活動推坑。 在網頁後端的世界中，程式有很多種可供選擇；而在網頁前端的世界，稱霸這領域的就是JavaScript了。身為一個Junior碼農(笑)，工具怎麼用是一回事，了解這工具的特性又是另一回事，比起特意去摸JS框架，好好摸一摸JS的特性對我還比較有幫助。既然是筆記型式，主要目標課程則是Udemy上，不少前端工程師推薦的克服JS的奇怪部分這堂課，至少要能看完第六、七章節。 希望透過鐵人賽這活動
SimonAllen

block、inline 和 inline-block 有什麼區別？

block、inlineblock和inline這兩個概念是簡略的說法完整的說法應該是block-level elements（塊級元素）和inline elements（內聯元素.block元素通常被現實為獨立的一塊，會單獨換一行內聯元素則前後不會產生換行，一系列內嵌元素都在一行內顯示，直到該行排滿。 * 常見block元素：div，form，table，p，pre，h1〜h6，dl，ol，ul，li等 * 常見inline元素有span，a，i，strong，em，lable，input，select，textarea，img，br等 注意：inline不該作為父元素包住block、inline-block。 inline-block 設置了內聯塊屬性的元素既擁有了block元素可以設置寬度和高度的特性，又保持了inline元素不換行的特性。例如圖片<img>標籤 display:block 1. block元素會獨占一行，多個block元素會各自新起一行。
SimonAllen

CSS 權重

相同CSS權重(等級排序) 後者會覆蓋前者 * 米字號 * 0分 只要有任何CSS選擇器都可以蓋過他 * HTML元素 1分 直接使用div、h1、h2、p...etc，權重分數也很低 * class 10分 一般最常用的選擇器 自訂CSS並且HTML標籤上class=‘xxx’ css則寫.xxx{//略} * id 100分 一般不建議用的CSS選擇器 自訂CSS並且HTML標籤上id=‘xxx’ css則寫#xxx{//略} 不建議用的原因 是因為id多留給JS去處理 而且CSS使用id權重有100分，也就是比常用的Class選擇器高 那Class要設多少個才會蓋過一個id...所以不建議用 另外，JS獲取id有唯一性，CSS用i
SimonAllen