New
纯CSS实现元素水平无限滚动
实现原理将要滚动的元素复制一份放在后面 然后使用动画将元素滚动到50%的位置后瞬间将滚动位置置为0 效果 const list = [ { avatar: headerBg, text: '1纸类 累计减碳1吨，相当于回收10450 件快递箱', }, { ava…
Youmeng’s Blog
New
前端监控系列3 ｜ 如何衡量一个站点的性能好坏
原文链接： URL Source: https://juejin.cn/post/7130830761137012766 Markdown Content: 作者：彭莉，火山引擎 APM 研发工程师。2020年加入字节，负责前端监控 SDK 的开发维护、平台数据消费的探索和落地。…
New
前端监控系列2 ｜ 聊聊 JS 错误监控那些事儿
原文链接：URL Source: https://juejin.cn/post/7129451832396480525 Markdown Content: 作者：彭莉，火山引擎 APM 研发工程师。2020年加入字节，负责前端监控 SDK 的开发维护、平台数据消费的探索和落地。 …
New
前端监控系列1｜ 字节的前端监控SDK是怎样设计的
原文链接：URL Source: https://juejin.cn/post/7125622436669685774 Markdown Content: 作者：彭莉，火山引擎 APM 研发工程师，2020年加入字节，负责前端监控 SDK 的开发维护、平台数据消费的探索和落地。 …
New
使用Rollup高效打包Taro组件库
引言在前端工程化开发中，组件库的打包是一个关键步骤。本文将详细介绍如何使用Rollup工具来打包Taro组件库，以及如何通过配置和插件选择来优化打包过程。 Rollup的优势Rollup以其小巧的打包体积、代码精简和高效的Tree-shaking特性脱颖而出。尽管Rollup在社…
New
使用 `pnpm link` 进行本地包的链接与测试
在JavaScript库开发中，经常需要在实际项目中测试库的功能。pnpm link 是一个强大的工具，它允许开发者将本地开发的包加入到其他项目中，以便于测试和调试。本文将详细介绍 pnpm link 的使用，包括两种主要的链接模式，并对一些潜在问题进行解析。 全局链接（Glob…
New
如何写好提示词（Prompt）？
引言在与人工智能（AI）的互动中，提示词（Prompt）是引导AI理解并回应我们需求的关键。本文将分享一些有效的编写提示词的策略。 提示词的定义提示词是告知AI如何理解问题并进行回复的指令。编写良好的提示词可以提升问答体验和交互质量。 CO-STAR 框架CO-STAR是一个构建…
New
vercel+cloudflare配合绕过vercel项目无法访问问题
在vercel项目的Setting中增加自定义域名 在cloudflare中绑定你这个域名（已绑定的忽略此步骤） 在cloudflare对应的域名下增加dns 保存即可
New
如何通过飞书API获取多维表格数据
飞书（Feishu）作为一款强大的企业协作工具，提供了开放API，允许开发者通过程序访问和操作多维表格（Bitable）数据。本文将介绍如何通过飞书API获取多维表格数据。 步骤一：注册开发者账号和获取API凭证首先，需要在飞书开发者平台上注册一个开发者账号，并创建一个应用。完成…
New
深入理解 `promiseWithResolvers` 与单例 API 包装处理重复请求
在现代 Web 应用中，我们经常会遇到这样的场景：多个组件在页面加载时同时请求相同的数据。如果不加以控制，这些重复请求不仅会浪费网络资源，还会增加服务器负担，甚至可能导致数据不一致的问题。为了解决这一问题，我们可以使用一种称为“单例请求”的技术。本文将深入探讨如何使用 promi…