摘要： 这三个观察者（Observers）都属于Web API，允许开发人员监测DOM元素或其内容的变化，并在发生变化时执行相应的操作。它们之间有一些区别和适用场景 一、MutationObserver MutationObserver接口提供了一种异步机制来观察DOM树的变化，并在变化发生后触发回调函数。 阅读全文

摘要： 前言 有时候我们需要让网页加载自定义字体文件，但是通常的字体格式（TTF、OTF）体积太大了，这就需要我们将其转换为更小体积的字体文件格式（WOFF2）。 之前我尝试使用类似 CloudConvert 的在线工具去转换 OTF 字体文件，但是不知道为何转换出来的字体损坏了，无法使用。经过多方面研究， 阅读全文

摘要： 1、文件流格式下载 创建 a 标签下载文件流格式图片 /** * 创建 <a> 标签下载文件流格式图片 * @param file * @param fileName */ export const downloadFile = (file: string, fileName?: string) = 阅读全文

摘要： 无需登录直接可用的： https://chat.jinshutuan.com/ - 免费由开发者提供 https://itedus.cn - 免费但需要关注公众号 https://openai.run/ - 非会员每日免费额度 10,000 Tokens https://chat.darkhorse 阅读全文

摘要： AIGC（Artificial Intelligence Generated Content / AI-Generated Content）中文译为人工智能生成内容，一般认为是相对于PCG（专业生成内容）、UCG（用户生成内容）而提出的概念。AIGC狭义概念是利用AI自动生成内容的生产方式。广义的A 阅读全文

摘要： 浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 <script> 标签 ，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果获取 JS 脚本 阅读全文

摘要： 参考资料：https://useyourloaf.com/blog/iphone-12-screen-sizes/ export const hasBottomToolBar = () => { return ( /iphone/gi.test(navigator.userAgent) && win 阅读全文

摘要： 时间格式为：2017-12-12 12:00:00在苹果上获取时间戳有兼容性问题 需要转换成2017/12/12 12:00:00 才可以正确获取到时间戳 var getTime=function(time){ var myDate = new Date(time); var u = navigat 阅读全文

摘要： 直播间模块：视频区域、观众区域、聊天区域（feed通知）、送礼区域、活动区域（用户可操作区域）、礼物动画播放区域、弹框区域、游戏区域、连麦区域（pk，斗地主、舞台房）、主播（用户）简介区域、人气榜 阅读全文

摘要： 使用 flex 布局， 当子元素超过一屏时，子元素会去挤压别的兄弟元素。 解决方案： flex-shrink: 0; 解释： flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。 flex-shrink 属性定义了项目的缩小比例，默认为 1 ， 阅读全文