web学习笔记编程技术学习与分享
首页 / 前端开发

◧前端开发

浏览器原理、CSS 布局、JavaScript 语言细节与前端工程化实践。

共 13 篇笔记
09-24
从输入 URL 到页面渲染:浏览器在每一步做了什么
把导航、网络、解析、样式计算、布局、绘制、合成串成一条线,理解性能问题的位置。
3 分钟
09-12
Flexbox 与 Grid 的取舍:什么时候用哪个
一维排布与二维布局的分工,以及几个容易写错的边界场景。
3 分钟
09-03
事件循环与微任务:setTimeout 为什么不准时
宏任务与微任务的执行顺序,以及为什么会话被长任务卡住时定时器整体后移。
3 分钟
08-30
CSS 变量与设计令牌:让主题切换变简单
自定义属性的继承与作用域,配合 data-theme 实现深浅色与品牌换肤。
3 分钟
08-22
闭包不只是「函数里的函数」
从词法作用域看闭包的本质,以及循环变量、内存泄漏与模块化的关系。
3 分钟
08-15
this 指向的四种绑定规则与箭头函数例外
默认、隐式、显式、new 四种绑定,以及为什么回调里的 this 总是不对。
3 分钟
08-06
原型链与 class 的底层关系
instanceof 凭什么判断类型,class 到底是不是语法糖。
3 分钟
07-28
防抖与节流:从手写实现到边界条件
两者解决的不是同一个问题,附可直接使用的实现与常见错误。
3 分钟
07-19
Fetch 与 Promise 的错误处理陷阱
为什么 404 不会进入 catch,以及超时、取消、并发请求的正确写法。
3 分钟
07-10
前端路由的两种实现:hash 与 history
URL 形态、服务端配置、刷新 404 的原因与解决方式。
3 分钟
06-28
Web Storage 与 IndexedDB:该把数据放哪
容量、同步性、生命周期三个维度对比,以及什么数据不该存在浏览器。
3 分钟
06-16
用 IntersectionObserver 做懒加载与曝光统计
替代滚动监听的现代方案,附图片懒加载与埋点统计的实现。
3 分钟
06-05
层叠上下文:z-index 为什么不起作用
z-index 只在同一层叠上下文内比较,理解这一点能省掉很多调试时间。
3 分钟