#文章 #CSS 你不知道的 overflow: clip 实战应用和工作原理。
https://ishadeed.com/article/overflow-clip/
https://ishadeed.com/article/overflow-clip/
Ishadeed
Overflow Clip
Learn how overflow: clip works in CSS.
锤子前端
- #原理 #浏览器 #文章 v8 如何在处理动态添加的属性（slow properties）的同时提供快速的属性（fast properties）访问。
https://v8.dev/blog/fast-propertiesv8.devFast properties in V8 · V8This technical deep-dive explains how V8 handles JavaScript properties behind the scenes. - #开源 #网页工具 多框架比较学习组件写法；对许多不同框架（如 React、Vue、Svelte、Angular、Qwik、Solid.js 等）进行了长期比较。
https://component-party.dev/Component Party
Component Party – Compare JavaScript Frameworks Side by SideCompare JavaScript frameworks side-by-side: React, Vue, Angular, Svelte, Solid.js, and more. See syntax differences, features, and code examples for web development frameworks. - #文章 10个JavaScript搜索引擎优化（SEO）技巧
https://thenewstack.io/top-10-javascript-seo-tricks-every-developer-should-know/ - #CSS #文章 当设置单个CSS属性时，setProperty性能更优；而设置多个属性时，setAttribute更快。此外，setAttribute不验证值，对于需要设置自定义属性或错误值时非常有用。
重点知识关注两者的解析和处理流程的差异。
https://blog.frontend-almanac.com/style-setproperty-vs-setattributeTeletype
style.setProperty vs setAttributeWhich is faster, element.style.setProperty(property, value) or element.setAttribute(\'style\', \'property: value\')? Let's delve into it. - #开源
- framer motion 独立开源，适配 js 和 react：https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion
- tailwindcss 4.0 不用 tailwind.config 文件了：https://www.luisball.com/blog/shadcn-ui-with-tailwind-v4motion.dev
Framer Motion is now independent, introducing Motion - Motion BlogFramer Motion is now independent. Introducing Motion, a new animation library for React and all JavaScript environments. Here's what it means for you. - #文章 #TS 关于 tsconfig 各个配置项需要了解的：
- tsconfig 小抄：https://www.totaltypescript.com/tsconfig-cheat-sheet
- 你应该使用基本的 tsconfig 选项：https://www.totaltypescript.com/tsconfig-cheat-sheetTotal TypeScript
The TSConfig Cheat SheetLearn the essential TypeScript configuration options and create a concise tsconfig.json file for your projects with this helpful cheatsheet. - #文章 #React useSyncExternalStore是一个强大的工具，能够同步应用状态与LocalStorage等外部数据源，使得React应用能够处理跨多个组件或实例的共享数据。
https://www.56kode.com/posts/using-usesyncexternalstore-with-localstorage56kode
Example of Using useSyncExternalStore with LocalStorage | 56kode - AI & Frontend Development BlogLearn how to efficiently synchronize application state with external data sources like LocalStorage using React's useSyncExternalStore hook, with a practical example and detailed explanation. - #文章 #React 关于使用 TS 声明条件类型联动的方式（type discrimination）。
场景：根据某个类型的值，约束其他特定的属性类型。
https://elanmed.dev/blog/conditional-props-using-type-discrimination#second-attempt-type-discriminationelanmed.develanmed.dev | Conditional Props in React Using Type DiscriminationType your component to expect different props based on a key discriminator - #文章 #React 函数保持单一逻辑抽象。可以参考一下作者的封装思路，react 可以专门封装一个 hook，获取数据和处理数据；返回视图需要的数据结构，达到视图与数据分离的效果。
https://www.tymzap.com/blog/the-magic-of-keeping-one-abstraction-level-per-function - #服务端 #原理 #文章 这篇文章是一个关于 HTTP 协议的深入教程，它从 HTTP/1.1 开始，详细介绍了 HTTP 协议的工作原理，包括 TCP 连接、HTTP 请求和响应的格式、头字段、方法等基本概念。接着，文章深入探讨了 HTTP/2 协议，包括它的帧结构、流多路复用、服务器推送等特性，并且讨论了 HTTP/2 在实际应用中可能遇到的问题和挑战。
https://fasterthanli.me/articles/the-http-crash-course-nobody-asked-forfasterthanli.meThe HTTP crash course nobody asked forHTTP does a pretty good job staying out of everyone’s way.
If you’re reading this article, there’s a solid chance it was delivered to you over HTTP. Even if you’re reading this from an RSS reader o... - #文章 #开源 #原理 关于现代各种鉴权方式讲解。
https://github.com/logto-io/auth-wikiGitHub
GitHub - logto-io/auth-wiki: A comprehensive collection of articles, tutorials, and resources about authentication, authorization…A comprehensive collection of articles, tutorials, and resources about authentication, authorization, and identity management. - logto-io/auth-wiki - #文章 #浏览器 #原理 一篇通过丰富的交互式组件讲解浏览器如何渲染的整个流程。
https://abhisaha.com/blog/exploring-browser-rendering-process/
