前端知識集錦

yck發表於2019-03-04
前端

目前自己組建的一個團隊正在寫一份面試圖譜，將會在七月中旬開源。內容十分豐富，第一版會開源前端方面知識和程式設計師必備知識，後期會逐步寫入後端方面知識。因為工程所涉及內容太多（目前已經寫了一個半月），並且還需翻譯成英文，所以所需時間較長。有興趣的同學可以 Follow 我的 Github 得到最快的更新訊息。

JS 相關

CSS 相關

<style>
.parent{
	min-height: 300px;
    // height: 1px;
}
.child{
	height: 100%;
	background: red;
}
</style>

<div class="parent">
    <div class="child">1</div>
</div>
複製程式碼

Demo 地址

以上情況如何是 child 元素撐滿父級元素：答案是給 parent一個具體高度 height：1px

效能相關

圖片載入優化

從三方面來說

  • 圖片相關
    • 圖片格式 webP
    • 根據螢幕大小裁剪圖片尺寸
  • 圖片載入相關
    • 首先載入首屏圖片再載入別的
    • 懶載入
    • 預載入
  • 網路相關

面試相關

PWA相關

計算機通用知識

工具

大家可以關注我的公眾號，我在公眾號中會更新視訊，並且每晚都會推送一篇我認為不錯的文章。

前端知識集錦

相關文章