主页

一个 同时存在于其他语言的 好用的 用的少的 罕为人知的 循环退出技巧 label语句 车泽民 一个基于 AI 构建的实验性项目。可通过用户需求，直接生成产品分析文档、用户故事、竟品分析、数据结构、项目 API等内容 刘世豪（言未） https://www.youtube.com/watch?v=uT75J_KG_aY 这里有个安装教程，可以尝试一下 优化 Interaction to Next Paint 崔鹏程（温华） 优化 Interaction to Next Paint，web 很重要得一个性能指标，咱们平台尤其重要 Pinia 在企业级项目中的最佳实践 - 掘金 郭晓旭 背景：最近做批次设置相关的需求，虽然需求本身不算难，但是涉及到对set...

中国程序员容易发音错误的单词 郭晓旭 如题，虽然平时不说英语，但是这些单词还是很常用，沟通的时候可能会用到，文章里又音标和正确读音，推荐都看看，挺有意思的 HTML 中的”role”属性有什么作用 徐堂鑫 “role”属性是HTML5中引入的，在网页可访问性方面起到了重要作用。它可以为元素添加角色标识，更好地描述页面结构和功能。通过合理使用”role”属性，开发人员能够提高网页的可访问性，使得残障人士能够更轻松地使用和理解网页内容 Chrome 127 内置 AI 大模型，JS 可直接调用！ 车泽民 Google 将先进的 Gemini 大模型直接嵌入到 Chrome 浏览器中，只需安装一个 Chrome 浏览器，您就能在自己的电脑上免费、无限制地使用 G...

在 Vite 中实现模块联邦:Vue 项目与 React 组件的无缝通信 - 掘金 刘世豪 模块联邦是一种基于 Webpack5 的新特性，它允许通过网络请求将一个 JS 文件拉到本地并动态引入，实现跨项目的模块共享。这种技术的理念是实现一个去中心化的应用部署群，其中每个应用可以单独部署在各自的服务器上，并且每个应用都可以引用其他应用，也能被其他应用所引用。模块联邦提供了一种新的方式来实现微前端架构，使得多个团队可以独立开发、测试和部署自己的功能，同时共享依赖模块，减少重复代码和资源浪费。 本文介绍了在 Vite 中实现模块联邦，让 Vue 项目能消费 React 组件，高效的利用现有资源 揭秘 Vue.js 九个性能优化技巧 徐堂鑫 该文章介绍了关于 Vue ...

超火超实用的 10 个前端工具库，可能就是你一直在寻找的~ 李勇鲁 有对应的需求可以参考一下 浅析Web录屏技术方案与实现 - 掘金 刘世豪 本文分别介绍了有感录屏（基于WEBRTC录制）和无感录屏（基于DOM录制）两种浏览器端录屏方式。 有感录制常见用于网页线上考试、直播和语音视频通话等实时交互场景；无感录制更多应用在重要操作记录、bug 重现场景和产品运营分析用户习惯等场景 手撸一个星系，送给心爱的姑娘！（Three.js Shader 粒子系统实现） 郭兵宇 体验一下 Three.js Shader 粒子系统实现，手撸一个星系，送给心爱的姑娘😊。 《深入理解ES6》教程学习笔记 徐堂鑫 该文档是对Nicholas C. Zakas（红宝...

前端一些内存泄漏的定位和方案！ 张泰玮 内存泄漏原因：代码错误如全局变量、闭包、事件监听器未清理导致内存无法回收。 排查工具：Chrome DevTools的Performance和Memory面板，堆快照比较，Allocation instrumentation追踪。 解决策略：移除不必要监听器，管理全局变量，避免循环引用，合理使用插件和定时器。 AlaSQL.js：用SQL解锁JavaScript数据操作的魔法 车泽民 使用sql语句查询数据在前端，挺有意思的，能否用来提升一些场景查询性能？ 目前star挺高的。 手撸一个星系，送给心爱的姑娘！（Three.js Shader 粒子系统实现） 郭兵宇 体验一下 Three.js Sha...

现代 CSS 解决方案：文字颜色自动适配背景色！ 刘世豪 CSS相对颜色能够基于一个现有颜色 A，通过一定的转换规则，快速生成我们想要的颜色 B。 VSCode无限画布模式（可能会惊艳到你的一个小功能） 郭晓旭 文章作者在日常开发中遇到了编辑器打开窗口太多因此造成单个窗口显示空间不足的问题。为了解决这个问题进行了思考和调研，一是受到figma的启发，决定开发画布模式；二是研究vs code源码，自己动手写vs code插件。 后续关注一下，期待他这个插件上线 凡事有交代，件件有着落，事事有回音 崔鹏程 一篇老文章 再分享一次，让靠谱成为你的标签——凡事有交代，件件有着落，事事有回音 前端生成海报图技术选型与问题解决 李勇鲁 根据不同场景选择适合...

msgpack.org 崔鹏程 数据压缩方案调研 崔鹏程 popper.js.org 李勇鲁 压缩图片：在线缩小图片大小(免费) 崔鹏程 一个比较好用的免费压缩图片的网站，另外也介绍了图片压缩相关知识 有什么不知道但非常有用的HTML标签？-知乎 徐堂鑫 <fieldset>和<legend>标签不借助css，可以实现带边框面板； <details>和<summary>标签不借助css和js，可以实现可收缩面板。 Hello算法 李文娟 通过清晰易懂的动画图解和可运行的代码示例，理解算法和数据结构的核心概念。 「为什么 JavaScript 中的 0.1 + 0.2 不等于 0...

Triangulation by Ear Clipping(耳切法处理多边形三角划分) 刘世豪 Triangulation by Ear Clipping(多边形耳切法三角剖分) 耳切法三角剖分是一种常用的多边形分解方法，其基本思想是在多边形内部选择一个顶点（被称为“耳朵”），然后连接该顶点与相邻的两个顶点，形成一个三角形。然后，将该三角形从多边形中删除，并重复这个过程，直到所有的顶点都被连接成三角形为止。 在进行耳切法三角剖分时，需要满足以下两个条件： 选取的“耳朵”顶点必须是凸顶点（即内角小于180度）。 选取的“耳朵”顶点与相邻的两个顶点构成的三角形不能包含多边形的其他顶点。 通过不断选取“耳朵”顶点并连接，最终可以将多边形分解为若干个不重叠的三角形。 实际项...