飞仔FeiZai

2023年1月12日

CSS 元素居中

摘要：

CSS 页面元素居中的实现阅读全文

posted @ 2023-01-12 23:40 飞仔FeiZai 阅读(483) 评论(0) 推荐(0)

JavaScript 面向切面编程（AOP，装饰者模式）

摘要：

JavaScript 面向切面编程 (AOP) 是一种编程思想和实现方式，它将一些关注点（例如日志记录、安全性检查、性能监控等）从主题对象中分离出来，通过“横切关注点”的方式在程序中动态地织入这些关注点。这样可以避免在主题对象中嵌入大量的关注点代码，使得代码更加简洁和可维护。阅读全文

posted @ 2023-01-12 22:26 飞仔FeiZai 阅读(756) 评论(0) 推荐(0)

CSS 网格(Grid)布局

摘要：

CSS Grid 布局是一种二维布局方式，可以将页面分成行和列，并在其中放置元素。使用 Grid 布局时，需要定义网格容器和网格项目。阅读全文

posted @ 2023-01-12 21:49 飞仔FeiZai 阅读(371) 评论(0) 推荐(0)

JavaScript 原型和原型链

摘要：

JavaScript 是一种基于原型继承的语言。在 JavaScript 中，对象是通过原型链来继承属性和方法的。阅读全文

posted @ 2023-01-12 18:20 飞仔FeiZai 阅读(146) 评论(0) 推荐(0)

JavaScript 获取对象的长度

摘要：

JavaScript 获取对象的长度阅读全文

posted @ 2023-01-12 11:16 飞仔FeiZai 阅读(3412) 评论(0) 推荐(0)

2023年1月11日

Vue.js 双向数据绑定原理

摘要：

Vue 双向数据绑定原理涉及到 Vue 中的响应式系统和模板编译阅读全文

posted @ 2023-01-11 23:37 飞仔FeiZai 阅读(328) 评论(0) 推荐(0)

vue.js 虚拟DOM

摘要：

虚拟 DOM 是一个 JavaScript 对象，它可以描述一个真实的 DOM 结构，并在数据发生变化时重新渲染。阅读全文

posted @ 2023-01-11 23:18 飞仔FeiZai 阅读(241) 评论(0) 推荐(0)

Vue.js 响应式原理

摘要：

Vue.js是一个渐进式的JavaScript框架，它使用了响应式系统来维护应用程序的状态。响应式系统是Vue.js的核心部分，它使得应用程序能够自动地更新视图，当数据发生变化时。阅读全文

posted @ 2023-01-11 21:19 飞仔FeiZai 阅读(570) 评论(0) 推荐(0)

CSS 弹性(Flex)布局

摘要：

Flexbox （弹性盒子）是 CSS3 中的一种布局模式。它允许元素在一个容器中自动排列，可以使用灵活的方式创建复杂的布局。Flex 布局有很多优点，例如，它很容易实现响应式设计，并且可以很容易地对齐和排列元素。阅读全文

posted @ 2023-01-11 17:25 飞仔FeiZai 阅读(297) 评论(0) 推荐(0)

移动端 H5 页面缓存问题

摘要：

页面缓存问题是指页面的静态资源（如图片、JS 和 CSS 文件）在浏览器中被缓存后，导致页面不能正确地更新或者加载最新的内容阅读全文

posted @ 2023-01-11 16:57 飞仔FeiZai 阅读(2995) 评论(0) 推荐(0)

移动端 H5 实现自定义拍照界面

摘要：

手机端 H5 实现自定义拍照界面也可以使用 MediaDevices API 和和 video 标签来实现。阅读全文

posted @ 2023-01-11 16:05 飞仔FeiZai 阅读(3344) 评论(9) 推荐(1)

JavaScript 图像压缩

摘要：

JavaScript 可以使用类似于 canvas 和 web workers 来实现图像压缩。使用 canvas，可以将图像绘制到 canvas 上，然后使用 canvas 提供的 toBlob() 或 toDataURL() 方法将其转换为不同格式的图像。在这些方法中指定图像质量参数即可实现压缩。使用 web workers，可以在后台执行图像压缩，以避免阻塞 UI 线程。阅读全文

posted @ 2023-01-11 10:44 飞仔FeiZai 阅读(1783) 评论(6) 推荐(11)

2023年1月10日

JavaScript 扁平与树形数组数据的转换

摘要：