前端知识库

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端知识库相关的知识，希望对你有一定的参考价值。

 

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相关

计算机通用知识

工具

 

以上是关于前端知识库的主要内容，如果未能解决你的问题，请参考以下文章

前端必须知道的 Nginx 知识

前端知识图谱

前端技能模型

前端面试知识点集锦

前端个人知识总结

前端小知识点(从一名小白到前端大神需要掌握哪些知识点)