摘要： 
Flexbox （弹性盒子）是 CSS3 中的一种布局模式。它允许元素在一个容器中自动排列，可以使用灵活的方式创建复杂的布局。Flex 布局有很多优点，例如，它很容易实现响应式设计，并且可以很容易地对齐和排列元素。 阅读全文
Flexbox （弹性盒子）是 CSS3 中的一种布局模式。它允许元素在一个容器中自动排列，可以使用灵活的方式创建复杂的布局。Flex 布局有很多优点，例如，它很容易实现响应式设计，并且可以很容易地对齐和排列元素。 阅读全文
摘要： 
页面缓存问题是指页面的静态资源（如图片、JS 和 CSS 文件）在浏览器中被缓存后，导致页面不能正确地更新或者加载最新的内容 阅读全文
页面缓存问题是指页面的静态资源（如图片、JS 和 CSS 文件）在浏览器中被缓存后，导致页面不能正确地更新或者加载最新的内容 阅读全文
摘要： 
手机端 H5 实现自定义拍照界面也可以使用 MediaDevices API 和 和 video 标签来实现。 阅读全文
手机端 H5 实现自定义拍照界面也可以使用 MediaDevices API 和 和 video 标签来实现。 阅读全文
摘要： 
JavaScript 可以使用类似于 canvas 和 web workers 来实现图像压缩。
使用 canvas，可以将图像绘制到 canvas 上，然后使用 canvas 提供的 toBlob() 或 toDataURL() 方法将其转换为不同格式的图像。在这些方法中指定图像质量参数即可实现压缩。
使用 web workers，可以在后台执行图像压缩，以避免阻塞 UI 线程。 阅读全文
JavaScript 可以使用类似于 canvas 和 web workers 来实现图像压缩。
使用 canvas，可以将图像绘制到 canvas 上，然后使用 canvas 提供的 toBlob() 或 toDataURL() 方法将其转换为不同格式的图像。在这些方法中指定图像质量参数即可实现压缩。
使用 web workers，可以在后台执行图像压缩，以避免阻塞 UI 线程。 阅读全文
JavaScript 扁平结构数组数据与树形结构数组数据的相互转换。 
utils.js 
JavaScript base64 与 File 之间的互转 
JavaScript 中URL 查询字符串(query string)的序列与反序列化 
JavaScript 可以通过获取图片的 base64 编码并计算其大小来计算图片大小。 
微前端是一种前端架构模式，旨在将大型前端应用拆分成若干个小型前端应用，并使用框架将它们整合在一起。 
设计模式是一种在软件开发中常见的解决方案，可以帮助我们解决常见的设计问题。在 JavaScript 中，也有很多常见的设计模式。 
前端工程化是指在开发前端应用时，使用工具、流程和最佳实践来提升效率和质量。 
JavaScript 是一门动态类型、解释型的编程语言，在网页开发中扮演着非常重要的角色。随着网页的复杂度和访问量的增加，JavaScript 性能的优化就显得越来越重要。 
页面重排（reflow）是指浏览器重新计算页面的渲染布局，通常是由于元素的尺寸、位置或者视口尺寸发生了变化导致的。重排会影响页面的性能，应尽量避免。
页面重绘（repaint）是指浏览器对已渲染的页面进行更新，通常是由于元素的样式发生了变化导致的。重绘不会影响布局，但会消耗更多的 CPU 资源。 
JavaScript 防抖和节流是两种常见的性能优化技术，用于减少函数的执行次数。
防抖（debounce）是指在一段时间内，如果有多次触发事件，则只执行最后一次事件。
节流（throttle）是指在一段时间内，只执行一次事件。