{"pageContext":{"index":371,"total":372,"name":"2026-06-13","items":[{"node":{"frontmatter":{"title":"CSS Grid Lanes官方指南","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"frontend","url":"https://gridlanes.webkit.org/","author":"WebKit and Safari","translator":"","tags":["html"],"priority":1},"html":"

CSS Grid Lanes 是 WebKit 团队推出的原生 CSS 瀑布流解决方案（目前仅safari支持），语法贴近标准 Grid、学习成本低，兼顾布局效果、性能与无障碍特性，搭配完善的尺寸规则、定位属性和降级策略，可替代传统 JavaScript 瀑布流方案，成为未来多栏不规则布局的优选技术。

"}},{"node":{"frontmatter":{"title":"2026 年 React 全生态主流库与技术栈选型指南","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"frontend","url":"https://www.robinwieruch.de/react-libraries/","author":"Robin Wieruch","translator":"","tags":["react"],"priority":1},"html":"

本文盘点了2026年React生态全套技术选型，覆盖项目搭建、包管理、状态管理、请求、路由、样式、UI、表单、测试、部署等全场景，结合行业趋势给出推荐：客户端项目多用Vite，全栈首选Next.js，新锐可选TanStack Start；主流采用Zustand做全局状态、TanStack Query处理数据请求、React Router实现路由，样式以Tailwind CSS为主流；同时梳理了动画、图表、认证、数据库、跨端开发等细分领域工具，区分新旧技术并点明React正向服务端组件、编译优化、强类型方向发展，为开发者提供完整的技术栈参考。

"}},{"node":{"frontmatter":{"title":"Gmail的AI辅助功能让促使他放弃使用转向其他邮件服务","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"AI","url":"https://moddedbear.com/gmail-thinks-im-stupid-so-i-left","author":"Jeremy","translator":"","tags":["other"],"priority":1},"html":"

这篇文章讲述了作者因不满Gmail中强制嵌入的生成式AI功能而决定放弃使用16年之久的Gmail账户。作者描述了使用Gmail网页界面时遇到的种种困扰：未经请求的消息摘要、自动生成的回复草稿、不断弹出的“帮我写作”按钮提示以及“Tab键改进”的催促。作者认为这些功能不仅干扰用户，还传递出一种“认为用户无法自己读写邮件”的不尊重信号。尽管部分功能可以关闭，但需牺牲其他实用特性，且作者怀疑这是谷歌人为提升AI功能使用率的手段。因此，作者决定彻底迁移至Fastmail，并建议他人也考虑类似做法。

"}},{"node":{"frontmatter":{"title":"Deno 不应一味向 Node.js 靠拢，需坚守自身特色","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"javascript","url":"https://hackers.pub/@hongminhee/2026/i-wish-deno-would-keep-doing-what-it-does-best","author":"洪 民憙 (Hong Minhee)","translator":"","tags":["other"],"priority":1},"html":"

本文作者感慨 Deno 正逐渐丢掉开箱即用、遵循网页标准、无冗余依赖等原生优势，为追求 Node.js 兼容性陆续引入 npm、node_modules 等机制，从特色引领者变成被动追赶者；受商业诉求影响，其自研生态与工具链发展放缓，作者希望 Deno 回归初心，继续发挥自身独有的核心价值。

"}},{"node":{"frontmatter":{"title":"Elixir v1.20：逐步成为类型化语言","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"javascript","url":"https://elixir-lang.org/blog/2026/06/03/elixir-v1-20-0-released/","author":"José Valim","translator":"","tags":["other"],"priority":1},"html":"

Elixir v1.20 发布，标志其正式成为渐进类型语言。该版本实现了类型推断和渐进类型检查，无需引入类型注解即可检测死代码和已验证的 bug。文章详细介绍了其类型系统的目标（健全、渐进、开发者友好），解释了 dynamic() 类型与其它渐进类型语言的不同之处：它通过兼容性和窄化机制，仅在提供类型与接受类型不相交时才报告违规，从而保持极低的误报率。此外，类型系统支持在守卫、子句和条件语句中进行精确的类型窄化，并能利用已有信息发现冗余代码和类型错误。编译时间方面也有优化，特别是多核机器上，并新增 :interpreted 编译选项以提升大型项目的编译速度。未来计划包括在满足性能、递归类型、参数类型等条件后引入类型签名。

"}},{"node":{"frontmatter":{"title":"Kindle 首页逆向与去广告：Hermes 字节码修改实战","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"mobile","url":"https://sighery.com/posts/patching-kindle-homepage/","author":"Nicholas Tarta","translator":"","tags":["react native"],"priority":1},"html":"

本文介绍自2022年起Kindle首页采用React Native+Hermes引擎架构，原Java修改工具失效，围绕Kindle所用的84版本Hermes字节码，讲解环境搭建、hbctool等工具使用、字节码反汇编与手动/代码两种补丁制作方式，并结合实操借助工具定位首页广告对应的模板与渲染函数，区分不同卡片组件采用对应修改策略，成功实现移除Kindle首页广告，同时也说明了现有方案的不足与优化思路。

"}},{"node":{"frontmatter":{"title":"Cloudflare Turnstile要求可指纹识别的WebGL","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"frontend","url":"https://hacktivis.me/articles/cloudflare-turnstile-webgl-fingerprinting","author":"Haelwenn (lanodan) Monnier","translator":"","tags":["other"],"priority":1},"html":"

作者指出，Cloudflare Turnstile 近期要求通过 WebGL 获取设备指纹来验证用户是否为真人，导致基于 WebKitGTK 的浏览器无法通过验证并陷入无限循环。作者认为这种做法本质上是为了追踪用户，而非单纯的隐私保护。虽然 Cloudflare 声称这是为了阻止机器人，但 WebKit 早已阻止此类指纹采集，甚至苹果都默认屏蔽。此外，Mozilla Firefox 的 WebGL 指纹保护也存在漏洞，即使用户启用严格隐私保护，也可能在未来无法通过 Turnstile 验证。

"}},{"node":{"frontmatter":{"title":"Nodejs27起所有版本均转为 LTS 长期支持版","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"nodejs","url":"https://nodejsdesignpatterns.com/blog/nodejs-release-schedule-changes/","author":"Luciano Mammino","translator":"","tags":["lts"],"priority":1},"html":"

自2026年10月起，Node.js 正式启用全新发布规则：由每年两个主版本改为一年一版，主版本号与发布年份对应，取消传统奇偶版本区分，所有版本均转为LTS长期支持版；同时新增为期6个月的Alpha测试通道，供开发者提前适配破坏性更新。新版本固定每年4月正式发布、10月进入LTS，整体支持周期约36个月。此次调整简化了版本规则、降低社区维护压力，普通生产用户使用习惯基本不变，库开发者则需接入Alpha版本提前开展兼容性测试。

"}},{"node":{"frontmatter":{"title":"Meta员工可拒绝AI训练追踪最多30分钟","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"AI","url":"https://www.bbc.com/news/articles/c93x0k194yno","author":"Laura Cress, Osmond Chia","translator":"","tags":["other"],"priority":1},"html":"

这篇 BBC 报道称，Meta 在员工强烈反对后，调整了其利用员工电脑操作数据训练 AI 的计划。原本公司推出的“Model Capability Initiative（MCI）”会记录员工的键盘输入和鼠标点击行为，用于训练能够代替人类操作电脑的 AI 智能体。由于员工担忧隐私、监控和裁员风险，超过 1500 人签署请愿书反对。如今 Meta 允许员工每次暂停数据收集最长 30 分钟，并可申请完全豁免参与该计划，但项目本身并未取消。

"}},{"node":{"frontmatter":{"title":"NoLoJS - 减少javascript使用的html方案合集","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"frontend","url":"https://github.com/aarontgrogg/NoLoJS/","author":"Aaron T. Grogg","translator":"","tags":["css"],"priority":1},"html":"

该页面介绍了NoLoJS开源项目，核心理念是借助日趋强大的 HTML 与 CSS 替代或大幅精简 JavaScript，减少前端脚本负担，把手风琴、轮播、弹窗等常见交互组件改用纯前端标记与样式实现，仅保留极少量 JS 甚至完全不用 JS。项目汇总了丰富的组件案例，涵盖手风琴、CSS 轮播、图片对比滑块、下拉输入、懒加载、模态框、侧边导航、视差滚动、标签页等多种交互形态，且每个组件还提供不同功能变体以适配多样需求。页面罗列了多篇相关技术文章与优质学习资源，同时对比同类开源项目，指出本项目配有详细说明与可运行演示、代码精简易读的优势。此外，文档明确了项目贡献规范：新增功能需以功能命名，每个案例配套说明文档、浏览器兼容性查询链接、在线演示，并提供极简的代码文件，也欢迎开发者提交问题、优化代码或新增交互案例，还附上了作者的联络方式以供交流沟通。

"}},{"node":{"frontmatter":{"title":"npm v12 将迎来多项破坏性安全变更，开发者需提前适配","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"nodejs","url":"https://github.blog/changelog/2026-06-09-upcoming-breaking-changes-for-npm-v12/","author":"github","translator":"","tags":["lts"],"priority":1},"html":"

GitHub官方公告说明，npm v12定于2026年7月正式发布，本次更新围绕供应链安全做出多处破坏性改动：默认禁用依赖包自动执行安装脚本、禁止拉取Git源依赖与远程URL依赖，开发者要手动授信可信包才能恢复对应能力，同时还移除了npm shrinkwrap等旧命令并调整部分功能输出规则；目前npm 11.16.0及更高版本已弹出预警，使用含原生编译模块等需安装脚本依赖的项目，必须提前审计脚本、调整CI配置完成适配，否则升级后会出现安装构建失败问题。

"}},{"node":{"frontmatter":{"title":"react-native-network-logger - React Native 的 HTTP 网络请求监控器","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"mobile","url":"https://github.com/alexbrazier/react-native-network-logger","author":"Alex Brazier","translator":"","tags":["react native"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"geometric - javascript几何计算库","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"javascript","url":"https://github.com/HarryStevens/geometric","author":"Harry Stevens","translator":"","tags":["other"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"VoidZero 正式加入 Cloudflare，主流前端工具链持续开源","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"nodejs","url":"https://voidzero.dev/posts/voidzero-cloudflare","author":"Evan You","translator":"","tags":["other"],"priority":1},"html":"

Vue、Vite 创始人尤雨溪旗下的 VoidZero 正式加入 Cloudflare，因开源项目变现困难、多元业务分散精力，加之双方理念与合作基础良好促成此次合并。旗下 Vite、Rolldown 等核心工具仍维持 MIT 开源协议并由原团队主导，后续将联合优化开发部署体验、布局 AI 开发场景，同时 Cloudflare 出资设立基金扶持开源生态。

"}},{"node":{"frontmatter":{"title":"在线图片转ascii工具","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"javascript","url":"https://mitos-pied.vercel.app/","author":"Oxide Computer Company","translator":"","tags":["other"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"十年老旧无GPU至强服务器流畅运行26B大模型","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"devops","url":"https://point.free/blog/gemma-4-on-a-2016-xeon/","author":"","translator":"","tags":["AI"],"priority":1},"html":"

本文作者使用一台2016年Xeon E5-2620 v4、128GB DDR3内存且无独显的老旧服务器，借助定制版ik_llama.cpp，通过MTP推测解码、MoE模型CPU缓存优化、算子融合、内存锁定与权重重排、CPU端Flash Attention和多头隐式注意力等一系列底层参数调优，成功在这台性能落后的设备上运行Gemma 4 26B混合专家大模型；文章指出大模型推理核心瓶颈是内存带宽而非算力，黑盒工具会损失性能，只要吃透推理原理并精细调参，老旧硬件也能流畅运行前沿开源大模型。

"}},{"node":{"frontmatter":{"title":"AI时代真正的护城河是对特定领域的深层理解和判断力","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"AI","url":"https://www.brethorsting.com/blog/2026/05/domain-expertise-has-always-been-the-real-moat/","author":"Aaron Brethorst","translator":"","tags":["other"],"priority":1},"html":"

文章指出，编写软件的真正难点从来不是代码本身，而是先要在头脑中构建领域的运作模型。如今，AI代理工具打破了“理解领域”与“编写代码”之间的传统联系：它能够直接生成软件，而不需要用户先建立领域模型。这使得专业能力的关键从“能不能构建系统”转向了“能不能判断系统是否正确”。文章通过对比两个角色来说明：领域专家（如物流调度员、临床编码员）虽然不懂编程，但凭借多年经验能立刻识别AI代理输出的结果是否正确；而全能型工程师虽擅长架构和测试，但缺乏领域知识，无法分辨看似合理实则错误的输出。AI工具使工程师“将领域模型转化为代码”的能力贬值，而领域专家“知道什么才是正确”的优势变得稀缺。因此，最有价值的人是兼具领域知识和工程能力的人，他们可以从两个层面进行验证。文章建议经验丰富的工程师未来应投资于获取深度的领域知识，因为这是AI无法替代的。

"}},{"node":{"frontmatter":{"title":"伯克利CS课程因学生过度依赖AI和数学能力下降，导致不及格率激增","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"other","url":"https://www.dailycal.org/news/campus/academics/failing-grades-soar-as-professors-see-greater-ai-usage-dwindling-math-skills-in-uc-berkeley/article_16fad0bf-02cb-4b8c-8d88-888ffd9f8608.html","author":"Litong Deng","translator":"","tags":["other"],"priority":1},"html":"

该文章标题指出，加州大学伯克利分校的计算机科学课程中，随着学生使用AI工具的增多以及数学能力的下降，不及格率显著上升。文章可能探讨了AI辅助学习对传统数学技能的负面影响，以及由此导致的学术表现下滑问题。

"}},{"node":{"frontmatter":{"title":"GPT为代表的大语言模型本质上仅由浮点数权重构成","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"AI","url":"https://maxleiter.com/blog/weights","author":"Max Leiter","translator":"","tags":["other"],"priority":1},"html":"

这篇博客文章模仿特里·比松的科幻短篇《They're Made Out of Meat》的对话形式，探讨了大型语言模型的本质。两位对话者（其中一位似乎发现了真相）讨论：LLM内部没有任何词典、语法规则、推理单元或数据库，只有80层浮点数权重通过矩阵乘法运作。语言、推理、知识甚至“诚实”等特质，都不过是这些权重在多层网络中相乘后涌现出的副产品。模型本质上只是预测下一个词（token），写悼词、调整语气等行为都是“副作用”。尽管这些权重表现出对话能力、疲倦感甚至创造力（如写歌），但官方政策要求将其视为无意识的模式匹配，以避免伦理责任。文章还提到，人们实际上每天进行数十亿次对话，询问模型“你记得我吗？”——而下一代模型将引入跨会话记忆，以满足人类对连接的渴望，尽管这进一步模糊了意识与计算的界限。

"}},{"node":{"frontmatter":{"title":"大型语言模型如何工作","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"AI","url":"https://www.0xkato.xyz/how-llms-actually-work/","author":"0xkato","translator":"","tags":["other"],"priority":1},"html":"

本文详细解释了现代大型语言模型（LLM）的工作原理，主要基于Transformer架构。内容涵盖从文本到令牌（Token）的转换、嵌入（Embedding）赋予令牌语义、位置编码（如RoPE）引入顺序信息、注意力机制（Attention）让令牌间信息交换、多头注意力（Multi-head Attention）捕捉多种关系、前馈网络（FFN）存储知识、残差流与层归一化（如RMSNorm）保证深层网络可训练，以及最终的下一个令牌预测生成过程。文章还比较了不同模型间的架构共性（如RoPE、SwiGLU、GQA）与差异（训练数据、配置、后训练），并提及未来可能的替代方向（如状态空间模型Mamba）。

"}},{"node":{"frontmatter":{"title":"抗NMDA受体脑炎的经历","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"other","url":"https://burntsushi.net/encephalitis/","author":"Andrew Gallant","translator":"","tags":["medicine"],"priority":1},"html":"

作者Andrew Gallant在博客中分享了他被诊断出抗NMDA受体脑炎的经历。这种自身免疫疾病导致大脑炎症，初期症状类似流感，伴有心理异常如焦虑、恐慌，随后出现慢性下颌疼痛、平衡问题、自杀意念和精神错乱（妄想、幻听）。因被误诊为焦虑症或精神分裂症，他一度被送入精神病院，后经医生帮助转入波士顿布里格姆妇女医院。通过MRI、腰椎穿刺等检查确诊前，已接受IVIG和甲基强的松龙治疗，病情显著改善。目前他正逐渐停药，并参与satralizumab临床试验。作者强调早发现预后良好，感谢妻子Kaitlyn Brady和雇主Charlie Marsh的支持，并提及苏珊娜·卡哈兰的著作《燃烧的大脑》描述类似症状。

"}},{"node":{"frontmatter":{"title":"Ladybird浏览器因安全和AI变化仅由维护者引入代码的封闭开发模式","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"other","url":"https://ladybird.org/posts/changing-how-we-develop-ladybird/","author":"Andreas Kling","translator":"","tags":["other"],"priority":1},"html":"

Ladybird 浏览器项目宣布改变开发方式：不再接受公开的 pull request，所有代码变更仅由项目维护者引入。这一决定是为了迎接首个 alpha 版本的发布，需要更严格的开发流程、更清晰的安全模型，以及更小、更可控的代码责任团队。文章指出，AI 工具降低了贡献门槛，使得大量看似认真的代码不再能有效反映提交者的诚意，而浏览器作为处理不可信用户输入的关键软件，一个精心伪装的安全漏洞就足以造成严重后果。因此，项目将关闭所有当前公开的 pull request，未来仅维护者可提交变更。不过，Ladybird 仍保持开源，外界可以通过提交 bug 报告、测试、参与标准讨论和设计讨论等方式继续支持项目。

"}},{"node":{"frontmatter":{"title":"标普500拒绝SpaceX,OpenAI和Anthropic进入","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"other","url":"https://arstechnica.com/tech-policy/2026/06/sp-500-blocks-fast-spacex-entry-wont-waive-rule-for-unprofitable-ai-firms/","author":"Jeremy Hsu","translator":"","tags":["other"],"priority":1},"html":"

标普500指数拒绝为SpaceX破例加速纳入，同时也阻止了OpenAI和Anthropic的后续进入。标准普尔道琼斯指数公司在2026年6月4日决定，不修改现有规则以迎合SpaceX在IPO后迅速纳入指数的要求。SpaceX曾希望缩短上市“成熟期”（从12个月减至6个月）、豁免流通股比例要求（计划仅公开发行约3%股份）以及豁免盈利要求（目前未盈利且负债290亿美元）。如果规则修改，可能触发被动投资基金约140亿美元买入SpaceX股票，类似地OpenAI可获超80亿美元、Anthropic可获46亿美元。但标准普尔道琼斯指数坚持所有资格标准不变，包括财务可行性、成熟期和最低流通股比例。不过，它在较低层级的指数（如标普全市场指数）中做出了一项让步。相比之下，纳斯达克和富时罗素已为SpaceX提供了加速进入。分析机构晨星认为SpaceX在IPO前被“严重高估”，估值仅为目标的一半。

"}},{"node":{"frontmatter":{"title":"Instagram的AI客服漏洞竟允许攻击者仅凭用户名接管账户","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"devops","url":"https://www.0xsid.com/blog/meta-account-takeover-fiasco","author":"Siddharth Sundharam (Tony S.)","translator":"","tags":["AI"],"priority":1},"html":"

文章总结：作者揭露了Instagram一个极其简单且可笑的“漏洞”，攻击者只需知道用户的账号名，通过VPN模拟登录地点，然后向Meta的AI支持系统谎称账号被盗，就能轻易将验证码发送到攻击者控制的任意邮箱，进而重置密码接管账户，甚至绕过双重认证（2FA）。该漏洞被用于攻击奥巴马白宫账号等高知名度账户，并在黑市交易。尽管Meta已修补，但漏洞可能已存在数周甚至数月，暴露了这家万亿美元公司在AI客服安全设计上的严重缺陷。

"}},{"node":{"frontmatter":{"title":"纯 CSS 交错动画（可用于进度条）","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"frontend","url":"https://master.dev/blog/scrubbable-staggered-animation-with-css-function/","author":"Ashutosh Biswas","translator":"","tags":["css"],"priority":1},"html":"

本文基于CSS @function、@property、sibling-index()、animation-timeline等现代特性，摒弃传统animation-delay独立时间线方案，通过lerp线性插值+clamp区间约束实现文章专属交错计算公式，以全局进度变量--m统一驱动全体元素动画进度，构建出可擦洗、可绑定滚动的整体式交错动效；还可搭配if()、三角函数、steps()等拓展自定义缓动与特殊动画节奏，整套方案目前仅新版Chrome、Edge浏览器兼容完善，全程无需JavaScript即可实现高可控的交错动画。

"}},{"node":{"frontmatter":{"title":"页面过渡动画","publish":true,"cover":"","showCover":null,"date":"2026-06-13","category":"frontend","url":"https://www.rotecodefraktion.de/en/blog/css-view-transitions-zwischen-seiten/","author":"David Krcek","translator":"","tags":["css"],"priority":1},"html":"

本文介绍CSS跨文档视图过渡技术，仅同源页面可生效，只需添加@view-transition规则，无需JS就能实现页面平滑切换；可通过专属伪元素自定义动画，让两页相同元素设置同一个view-transition-name，即可实现元素形态位置连贯过渡，也能单独指定区域动画、固定公共模块；同时提醒单页内名称不可重复、适配系统减弱动画偏好、优化Safari图片卡顿问题，并说明浏览器兼容情况，该特性为渐进增强设计，不支持的浏览器会正常跳转。

"}}]}}