前端应该知道的

先有问题再有答案 css变量设计的目的是什么？ css变量如何声明与使用? 该如何理解变量的作用域？ css变量的作用域有什么特点？ 有人说css变量是css与js的桥梁 这个理解对嘛？ 设计目的 提

先有问题再有答案 如何理解过度渲染？ 为什么动画会掉帧？ raf写动画真的是最佳实践嘛？ 高刷新率意味着高性能嘛？ 使用raf在120fps的设备上如何控制频率为60fps？ 关于动画有什么建议？ c

先有问题再有答案 transform有哪些应用场景？ 为什么transform性能较好？  移动变化的本质原理是什么？ translate移动的基准点哪里？ 视觉位置和dom位置有什么区别？ tran

先有问题再有答案 倒计时和计时器两者有什么区别？ 这些区别在技术实现上有什么影响？ 如何实现一个毫秒级倒计时？ 毫秒时倒计时需要每毫秒刷新一次UI嘛？ 性能上有哪些注意事项？ 如果用户手动更改了设备时

先有问题再有答案 浏览器帧率是多少？ 如何理解浏览器的一帧？ 浏览器的帧率和屏幕的刷新率是一回事嘛？ 有什么方式可以计算出浏览器的帧率嘛？ 帧率是固定的嘛？ 如果帧率不固定 我们在使用raf做一些功能

先有问题再有答案 vue中如何获取dom的宽高属性？ 100条数据就要设置100个dom嘛？ 每个弹幕动画的运行效果 具体是如何实现的？ 每个弹幕的长度是不固定的 如何正确获取长度值 给动画设置正确的

背景 前置文章：浏览器: cookie机制完全解析 在考虑token是否应该存储在cookie或localStorage中时，我们需要综合考虑安全性、便利性、两者的能力边界以及设计目的等因素。 安全性

背景 关于 无限流 的题目 我们在之前的文章中 曾经实现过一次 add[1][2][3] + 4 之前我们是通过proxy的方式 实现的一种无限流的累加功能 具体可以参考这篇文章：js元编程：妙用pr

先有问题再有答案 什么是死循环？ 死循环有什么影响？ js中实现死循环的方式有几种？ 死循环页面一定会卡死嘛？ 死循一定会导致栈溢出嘛？ 死循环代表代码错误嘛？ 无限循环有哪些应用场景？ 死循环 在J

先有问题再有答案 动态运行js字符串的方案有哪些？ 这些方案在运行环境，代码来源，访问权限，执行时机上有什么差异？ 为什么我们需要动态执行js字符串？ 为什么大家都不建议使用动态运行js字符串的方案？

先有问题再有答案 js计时器不准 这个是由哪些方面导致的？ raf实现计时器会更准确？ web worker实现计时器会更准确？ 实现高精度计时器有哪些方案 这些方案有什么优缺点 背景 上一篇文章 我

先有问题再有答案 GMT是什么？ UTC是什么？ 时区是什么？ 时间与时区有什么关系？ 日期的表示形式为什么要是YYYY-MM-DD HH:MM:SS 这个是怎么来的？ 如何理解时间戳？ 从同一个ti

先有问题再有答案 白屏现象的本质是什么 有什么危害 白屏是如何产生的 如何监控到白屏 白屏如何修复 白屏的影响 如果线上发生白屏故障 页面pv uv 点击量 业务交易量等各种指标会瞬间迭0 业务系统全

先有问题再有答案 js与native通信有几种方式 几种方式的本质区别是什么 如何在合适的场景中选择通信方式 URL Scheme JavaScript可以通过修改WebView的location（使

## 先有问题再有答案 1. `页面中的动画可以分为几大类` 2. `web中实现动画有哪些方案？` 3. `优缺点是什么？` 4. `性能方面cpu gpu 内存 fps等指标表现如何？`

私有变量即只能在对象内部被访问 外部不能访问。 这里总结下实现私有变量的六种方式： ### Symbol ``` const _name = Symbol("_name"); export cla

图片该如何选 ？ 格式 简介 动画 透明度 压缩 适用场景 建议 bmp 位图Bitmap 是由微软开发的图像文件格式，主要用于存储位图数据 不支持 不支持 支持无损压缩 Windows 操作系统中的