背景 138.2億年前，世界上沒有時間和空間，或許世界都不存在，在一個似有似無的點上，彙集了所有的物質，它孕育著無限的能量與可能性。 宇宙大爆炸 巨大的內力已無法被抑制，瞬間爆發，它爆炸了！世界上有

編寫靈活、穩定、高質量的HTML程式碼的規範 雖然現在前端很多都已經成為SPA(單頁面應用)開發,或許連渲染的html都是自動生成的.但是歸根結底,還是html和css,必要時候我們還是需要好好了解這

checkbox/ radoi預設不支援更改背景顏色，這裡可以使用偽類來實現。基本原理是利用after/ before插入新的元素。然後利用新元素的背景顏色或背景圖片覆蓋掉原來的樣式。 CSS程式碼：

vue 使用Jade模板寫html，stylus寫css vue 使用Jade模板寫html，stylus寫css 日常工作都是使用vue開發頁面和webApp,寫的多了就想偷懶簡化各種書寫方式，所以使

本篇主要介紹一種非常好用的圖示大法——圖示字型（IconFont）。 什麼是圖示字型？顧名思義，它是一種字型，只不過這個字型顯示的並不是具體的文字之類的，而是各種圖示。 網站上經常會用到各種圖示，之前網

1、為什麼使用em em也是css中的一種單位，和px類似。很多人會疑惑為什麼有了px之後還要使用em，而且em使用起來相對於px來講比較麻煩。 em主要是應用於彈性佈局，下面給出一個小栗子說明em的強

第十四周，演算法題 Valid Parentheses，看了一篇介紹 chrome dev tools 的文章，其中關於程式碼使用率的檢測工具十分實用，記錄 JavaScript 陣列操作的小 tip，分享對於

一、classnames 現在到處都追求效率開發,所謂存在即合理 ,各種各樣的開源包/專案火熱,也是因為他們大大解決了之前複雜的邏輯.作為榜上前10的熱門包:classnames.還真需要了解了解

BFC 即為Block formatting context 的縮寫，BFC 主要用來將一個盒子設定為一個隔離的容器，不管盒子內部的元素具有什麼屬性，都不會影響到盒子的外面。 1、哪些元素能產生BFC

## CSS和模型 ## CSS盒模型本質上是一個盒子，封裝周圍的 HTML 元素，包括 外邊距（marign），邊框（border），填充（padding），內容物（content） 盒子模

本文記錄並總結了一些九月本人蔘加面試當中遇到的題目，由於本人水平也有限，這些題目對應的解答一些是我自己的思路或者回來之後進行查閱總結得到的，可能並非最佳答案。分享出來給大家參考，如果出現錯誤，請大佬們多多見諒並

1.避免head標籤JS阻塞 所有放在head標籤裡的JS和CSS都會阻塞頁面渲染。如果這些CSS和JS需要記在時間比較久，中間頁面會存在一個空白期，嚴重影響到使用者體驗。 例如以下程式碼：在head標

1. 效能優化1 1.1 頁面重構怎麼操作？ 網站重構：在不改變外部行為的前提下，簡化結構、新增可讀性，而在網站前端保持一致的行為。 也就是說是在不改變UI的情況下，對網站進行優化，在擴充套

1) Emmet 使用Emmet包使您的HTML和CSS程式碼比以往更容易，允許您在設計程式碼中使用縮寫。它可以幫助您將複雜的結構寫入短文字字串。 2) Linter 每種語言都有不同的短語。您需要

事件起因 最初是網友的一個提問，來自於我的知識星球社群： 說實話，不得不佩服這個網友的眼力，這麼小的細節都能發現。不過這也正是 FineUI 一直前進的動力，來自社群的監督和促進。 從截