锤子前端
- #开源 #网页工具 网页播放器样式
https://player.style/player.style
player.style - Video & audio player themes for every web player & frameworkVideo and audio player themes that work for any web player (Video.js, Youtube embeds, and more), and with every web app framework (HTML, React, and more). Open source and built with Media Chrome so they’re fully customizable using just HTML and CSS. - #开源 谷歌NotebookLM开源版本
https://github.com/lfnovo/open-notebook#js-repo-pjax-containerGitHub
GitHub - lfnovo/open-notebook: An Open Source implementation of Notebook LM with more flexibility and featuresAn Open Source implementation of Notebook LM with more flexibility and features - lfnovo/open-notebook - #开源 抄作业系列，RAG组件，流式渲染
https://github.com/upstash/rag-chat-component#js-repo-pjax-containerGitHub
GitHub - upstash/rag-chat-component: React component for RAG-enabled AI AssistantReact component for RAG-enabled AI Assistant. Contribute to upstash/rag-chat-component development by creating an account on GitHub. - #文章 简化网站的 favicon 配置，只需要六个文件！
https://blog.ghkk.net/post/how-to-favicon-in-2021-six-files-that-fit-most-needs/Haukeng's Blog
在2021应该怎样配置 Favicon：用六个文件来适配大多数需求是时候重新思考如何为现代浏览器配置一套 favicon 并且阻止发疯的图标生成器。今天，仅仅只是为了在浏览器 tab 栏和触控屏上显示一个小小的网站 logo，前端开发者就必须处理二十几个静态 PNG 文件。请继续阅读，看看如何使用更聪明方法来获得一套符合现代大多数需求的最小图标集。 - #CSS #文章 HTML、CSS（借助Sass简化开发）创建一个具有倾斜角度窗口和悬停效果的轮播图。
https://frontendmasters.com/blog/creating-an-angled-slider/ - #文章 关于如何使用TypeScript发布基于ESM（ECMAScript模块）的npm包的教程文章。
https://2ality.com/2025/02/typescript-esm-packages.html2AlityTutorial: publishing ESM-based npm packages with TypeScriptDuring the last two years, ESM support in TypeScript, Node.js and browsers has made a lot of progress. In this blog post, I explain my modern setup that is relatively simple – compared to what we had to do in the past: - #文章 富文本编辑器怎么选择？虽然文章夹带私货，但是对比了大多富文本库
https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025Liveblocks
Which rich text editor framework should you choose in 2025? | Liveblocks blogLooking to integrate a WYSIWYG editor into your JavaScript app? This comparison dives into the best frameworks available, including Tiptap, Lexical, BlockNote, and Slate. - #文章 js分解长任务的方法
以下是文章中提到的几种方案：
1.setTimeout()+递归
通过递归调用setTimeout()，将任务拆分成多个事件循环的tick，避免长时间阻塞主线程。
2.异步/等待+定时器
利用async/await结合setTimeout()，简化任务拆分逻辑，避免递归，代码更简洁易读。
3.scheduler.postTask()
使用Scheduler接口的postTask()方法，以更高效和可控的方式调度任务，支持设置任务优先级。
4.scheduler.yield()
通过Scheduler接口的yield()方法，在任务执行过程中释放主线程，让浏览器有机会处理其他任务，保持响应性。
5.requestAnimationFrame()
利用requestAnimationFrame()在浏览器重绘周期之前调度任务，适合与渲染相关的任务，但可能影响渲染性能。
6.MessageChannel()
通过MessageChannel实现任务拆分，类似于零延迟的setTimeout()，但实现较为复杂，适合对性能要求较高的场景。
7.Web Workers
将任务移至主线程之外的Web Workers中执行，完全避免阻塞主线程，适合可以离线处理的复杂任务。
https://macarthur.me/posts/long-tasks/Alex MacArthur
There are a lot of ways to break up long tasks in JavaScript.It's very common to intentionally break up long, expensive tasks over multiple ticks of the event loop. But there are sure are a lot of approaches to choose from. Let's explore them. - #开发工具 Github 拉取代码仓库，账户密码的方式不可用了，推荐的方式是创建并管理身份凭据，管理方式有：
1.brew install gh
2.brew install --cask git-credential-manager
https://docs.github.com/zh/get-started/getting-started-with-git/caching-your-github-credentials-in-gitGitHub Docs在 Git 中缓存 GitHub 凭据 - GitHub 文档如果你使用 HTTPS 克隆 GitHub 仓库，我们建议你使用 GitHub CLI 或 Git Credential Manager (GCM) 来记住你的凭据。 - #React #文章 useSyncExternalStore 实践应用：如何构建 React 库
https://tigerabrodi.blog/how-to-build-a-library-in-reactTiger's Place
How to build a library in ReactIntroduction
I built a library that adds selectors to React's context: React Context Selector.
This was a follow up to my blog post where I dive into problems with Context. I concluded that they're just missing selectors. Otherwise, it's all good.
In... - #Git 多用户配置方法
- #网页工具 多平台帖子发布工具
https://github.com/leaper-one/MultiPost-ExtensionGitHub
GitHub - leaperone/MultiPost-Extension: A browser extension that helps users publish content to multiple social media platforms…A browser extension that helps users publish content to multiple social media platforms with one click. - leaperone/MultiPost-Extension
