这是我一个交流群的本月交流部分整合, 接下来两周会更新一次, 有兴趣的可以关注下 仓库
JS 相关
Node 定时器详解
原生 JS 数据绑定
前端 html5 几种存储方式的总结
ES2018 & 2019
从一道题浅说 JavaScript 的事件循环
深入理解 JavaScript 系列
基于 Docker 打造前端持续集成开发环境
移动端自定义虚拟键盘
前端本地文件操作与上传
vue.js 源码解析
数据动态绑定的简单实现
解析神奇的 Object.defineProperty
CSS 相关
z-index 深入理解
heightmin-height 问题
- <style>
- .parent{
- min-height: 300px;
- // height: 1px;
- }
- .child{
- height: 100%;
- background: red;
- }
- </style>
- <div class="parent">
- <div class="child">1</div>
- </div>
Demo 地址 https://codepen.io/wangerxiao/pen/EQgqzr
以上情况如何是 child 元素撑满父级元素: 答案是给 parent 一个具体高度 height:1px
性能相关
图片加载优化
从三方面来说
图片相关
图片格式 webP
根据屏幕大小裁剪图片尺寸
图片加载相关
首先加载首屏图片再加载别的
懒加载
预加载
网络相关
HTTP/2 多路复用
Web 性能优化与 HTTP/2
http2-explained
使用 cdn
对于不升级的 HTTP 版本来说加载慢的原因
每一个连接需要 3 次握手, RTT 需要时间
慢启动
面试相关
前端面试题集锦
前端开发面试题 Star 8000+
收集的面试题
前端面试题答案
CSS 基础面试题
PWA 相关
网站渐进式增强体验 (PWA) 改造: Service Worker 应用详解
第一本 PWA 中文书
计算机通用知识
HTTPS 科普
油管上网络视频教学
操作系统相关
工具
前端文档集合
标注工具
VSCode 代码截图工具
Chrome 插件推荐
来源: https://juejin.im/post/5a961d496fb9a06356314a36