JS 相关
- Node定时器详解
- 原生JS数据绑定
- 前端HTML5几种存储方式的总结
- ES2018 & 2019
- 从一道题浅说 Javascript 的事件循环
- 深入理解Javascript系列
- 基于 Docker 打造前端持续集成开发环境
- 移动端自定义虚拟键盘
- 前端本地文件操作与上传
- Vue.js 源码解析
- 数据动态绑定的简单实现
- 解析神奇的 Object.defineProperty
CSS 相关
- z-index深入理解
height
、min-height
问题
<style> .parent{ min-height: 300px; // height: 1px; } .child{ height: 100%; background: red; } </style> <div class="parent"> <div class="child">1</div> </div> 复制代码
以上情况如何是 child
元素撑满父级元素:答案是给 parent
一个具体高度 height:1px
性能相关
图片加载优化
从三方面来说
- 图片相关
- 图片格式
webP
- 根据屏幕大小裁剪图片尺寸
- 图片格式
- 图片加载相关
- 首先加载首屏图片再加载别的
- 懒加载
- 预加载
- 网络相关
- HTTP/2 多路复用
- 使用 cdn
- 对于不升级的 HTTP 版本来说加载慢的原因
- 每一个连接需要3次握手,RTT 需要时间
- 慢启动
面试相关
PWA相关
计算机通用知识
工具