Show HN: We Built the 1. EU-Sovereignty Audit for Websites4 months agohttps://lightwaves.io/en/eu-audit/免费扫描工具检测网站对非欧盟服务的依赖情况。分析托管服务、字体、分析工具、CDN、视频嵌入、聊天工具、社交插件和地图服务。为谷歌字体、分析工具和Cloudflare等服务提供欧盟替代方案建议。前瞻性网站应追求100%欧盟合规评分，因欧盟-美国数据隐私框架可能失效。
Notes on Starting to Use Django4 months agohttps://jvns.ca/blog/2026/01/27/some-notes-on-starting-to-use-django/相比Rails，Django因其显式特性更受青睐，这使得长期搁置项目后重新上手更加容易Django内置的管理界面只需少量代码即可高度定制Django ORM通过'__'自动JOIN等特性简化了数据库操作Django的自动化迁移功能可轻松处理数据库模式变更Django文档体系全面且用户友好，能有效加速学习过程SQLite与Django的搭配使用简单高效，特别适合小型项目Django采用'开箱即用'设计，自带CSRF防护和邮件处理等内置功能Django的settings.py文件因依赖全局变量可能令人望而生畏作者正在探索Django的表单验证和认证系统等更多功能
The Origin of Cascades - on the History of CSS (2020)4 months agohttps://talks.hiddedevries.nl/2gDDUrHidde de Vries在CSS Café上做了演讲。25年前，CSS作为一种网页样式语言被提出。自九十年代末以来，CSS随着平台的变化不断演进。级联、优先级以及各种值和单位等关键特性促成了CSS的成功。一些用户对CSS进行了调整，以更好地满足他们的需求。演讲强调了CSS的简洁性和灵活性，这些特点使其至今仍具现实意义。
4chan founder created /pol/ board after meeting with Epstein4 months agohttps://bsky.app/profile/kaiserbeamz.bsky.social/post/3mdou75xpyc2f该网页应用交互性强，需要JavaScript支持。简单的HTML界面可以实现，但此处未采用。Possum A-ko的帖子批评m00t在4chan上创建了/pol/版块。m00t的决定与杰弗里·爱泼斯坦的会面有关联。帖子内包含引用或嵌入内容。发布日期：2026年1月31日。
Founder of 4chan created /pol/ days after meeting Jeffrey Epstein4 months agohttps://bsky.app/profile/avitek.bsky.social/post/3mdowe3dyic2g该网页应用具有高度交互性，需要JavaScript支持。简单的HTML界面可以实现，但在此场景中并不适用。这篇帖子由avitek.bsky.social的Andy Vitek发布。用户用「我要疯了」这句话表达了强烈的挫败感。该帖子发布于UTC时间2026年1月31日03:56:47。
When will CSS Grid Lanes arrive?4 months agohttps://webkit.org/blog/17758/when-will-css-grid-lanes-arrive-how-long-until-we-...CSS Grid Lanes 是用于创建CSS砖石风格布局的新工具当前实现情况：Safari技术预览版已确定最终语法；Edge、Chrome和Firefox正在推进Firefox最早在CSS Grid Level 3（2019-2020）提出砖石风格布局方案Safari于2022年开始实现，并在Safari技术预览版163（2023年2月）默认启用Chrome和Edge曾试验替代方案，现正更新至最终确定语法开发者可通过渐进增强技术开始使用Grid Lanes方案1：对不支持浏览器使用JavaScript polyfill（如Masonry.js）作为回退方案2：使用Grid Level 1、Flexbox或多列布局替代Grid Lanes方案3：为不支持浏览器提供CSS回退方案（如Grid Level 1）的同时使用Grid Lanes特性查询（@supports）可基于Grid Lanes支持情况条件化应用CSS开发者可强制统一宽高比并为回退布局截断文本渐进增强策略允许在浏览器全面支持前使用Grid Lanes
The Vanilla Web Is Wonderful3 months agohttps://benjaminsmallwood.com/blog/the-vanilla-web-is-wonderful/作者对自己在网页开发方面的进步表示满意，尤其是使用原生Web技术方面。他们强调了自2015年以来原生Web能力的演变，提到了从浮动布局到弹性盒模型的转变。虽然在个人项目中使用了Astro.js，但作者更欣赏原生Web开发的简洁性和手动操作性。原生Web开发方式降低了编码门槛，使开发者更容易进入心流状态，减少了对额外研究的依赖。网站已新增多项功能，包括回形针式按钮、带样式figcaption的图片组件，以及通过JS生成的目录。未来计划包括实现视图转换API，并完成项目和书架页面。作者发现使用原生Web技术开发充满乐趣，并期待进一步探索其可能性边界。
DNS Explained – How Domain Names Get Resolved3 months agohttps://www.bhusalmanish.com.np/blog/posts/dns-explained.htmlDNS将域名转换为IP地址，使得无需记忆IP即可轻松访问网站。DNS采用分层结构：根服务器知晓顶级域(TLD)服务器，后者知晓域名服务器，再后者知晓子域名。常见DNS记录类型包括A记录(IPv4)、AAAA记录(IPv6)、CNAME别名记录、MX邮件记录及TXT验证文本记录。TTL(生存时间)决定DNS记录的缓存时长，影响变更生效的传播速度。DNS解析包含多级步骤：浏览器缓存→系统缓存→路由器缓存→ISP解析器→根服务器→TLD服务器→权威域名服务器。解析器(如Google的8.8.8.8)负责获取DNS记录，而域名服务器(如Cloudflare、AWS Route 53)负责存储记录。DNS可通过返回不同IP实现负载均衡、故障转移和地理路由等高级功能。排查DNS问题需检查/清理各级缓存(浏览器/系统)，并使用`nslookup`和`dig`等工具诊断。
A Broken Heart4 months agohttps://allenpike.com/2026/a-broken-heart/一个网页应用的仪表盘加载需要10秒，最初怀疑是React的问题。通过Claude分析后发现确实存在React问题，但修复后效果甚微。深入调查发现这是Safari特有的问题，布局计算耗时是预期的100倍。与Claude配合使用二分法排查，最终发现是'发送反馈'按钮中的心形emoji导致的问题。该emoji使用了Noto Color Emoji字体，在Safari中会导致严重的布局延迟。创建了最小复现案例，证明Safari在处理Noto Color Emoji时布局性能极差。Noto Color Emoji使用COLRv1格式，在Safari中会回退到SVG渲染，从而引发性能问题。已向Safari团队提交bug报告，建议的临时解决方案是优先使用Apple Color Emoji。Claude在问题识别和调试过程中发挥了关键作用，但最初引入问题字体的也是它。像Claude这样的编程助手是强大工具，但在解决旧问题的同时可能引入新问题。
Browser.html – a web browser built with web technologies using Servo as web ren3 months agohttps://tangled.org/me.webbeef.org/browser.html网络被视为唯一提供无许可用户自主权的平台该项目旨在构建一个具备新功能的基于Web的用户代理吉祥物是海狸，象征环境修复和互联网的再野化基于Servo引擎开发以实现Web技术多元化，避免Blink内核的分叉长期目标：开发适用于各类设备的Web用户代理套件，摆脱现有操作系统依赖通过Servo的Zulip平台进行社区协作环境准备需安装'forkme'工具并配置Servo构建依赖桌面版构建流程：使用'forkme apply'更新代码后执行特定cargo命令编译移动版已在搭载Mobian系统的Pixel 3a测试，需配置sysroot并运行专用构建脚本移动端运行需设置环境变量：SURFMAN_FORCE_GLES=1 和 WAYLAND_DISPLAY=wayland-0
Google Chrome 145 Released with JPEG-XL Image Support3 months agohttps://www.phoronix.com/news/Chrome-145-ReleasedGoogle Chrome 145版本已发布，重新支持JPEG-XL图像格式。Chrome/Chromium重新引入JPEG-XL解码功能，现采用基于Rust的jxl-rs解码器以提升内存安全性。用户可通过Chrome 145中的'enable-jxl-image-format'标志启用该功能。其他新特性包括：支持text-justify CSS属性、多列布局中的列环绕排版，以及为IndexedDB引入SQLite后端。Chrome 145还新增设备绑定会话凭证、默认精简User-Agent字符串，以及Upsert数据操作功能。本次更新已面向Windows、macOS和Linux系统推送。
Show HN: Building My Own Google Analytics for $03 months agohttps://www.adwait.me/writings/building-my-own-google-analytics用0成本构建自定义Google Analytics替代方案基础架构解析：用户浏览器→追踪脚本→后端API→数据库→仪表盘逆向工程显示Google Analytics几乎在每个事件都会发送收集请求问题1：CORS预检请求导致HTTP调用翻倍 → 解决方案：改用查询参数替代JSON请求体问题2：机器人流量扭曲分析数据 → 解决方案：客户端+服务端双重检测，配合Cloudflare Worker边缘过滤问题3：会话管理 → 解决方案：利用sessionStorage实现客户端会话追踪问题4：单页应用路由变更追踪 → 解决方案：劫持History API调用最终架构：Cloudflare CDN托管追踪脚本 + Cloudflare Worker机器人过滤 + 后端API + MongoDB Atlas数据库 + 可视化仪表盘
Components will kill pages3 months agohttps://bitsandbytes.dev/posts/components-will-kill-pages互联网正在变革，像ChatGPT这样的AI工具能提供即时答案，降低了对传统网站导航的需求。前端工程的重点正从页面导航转向AI驱动的交互，人们对用户注册和用户旅程的未来产生了疑问。聊天界面可能取代传统网站，AI直接在聊天中渲染可视化组件，使用户无需离开应用即可保持品牌互动。像json-render和Kumo这样的库使AI能够以JSON格式生成UI组件，从而在聊天应用中实现动态、品牌化的响应。用户交互的未来在于AI优先的方式，用户通过简单查询即可获得即时答案并执行操作，无需传统页面导航。投资高质量、适配AI的组件对品牌至关重要，以在快速变化的数字领域中保持领先地位。
From 34% to 96%: The Porting Initiative Delivers – Hologram v0.7.03 months agohttps://hologram.page/blog/porting-initiative-delivers-hologram-v0-7-0Hologram v0.7.0版本标志着Elixir转JavaScript移植计划的重要里程碑，将Erlang运行时覆盖率从34%提升至96%。该版本新增移植了19个模块中的150个Erlang函数，使Elixir标准库准备度从74%提高到87%。现可在客户端使用的核心功能包括：字符串处理、集合操作、集合类型、二进制运算、Unicode规范化、数学运算、时间操作及文件路径处理。显著改进包含：更快的编译速度、跨平台mix配置、NixOS兼容性，以及增强的:erlang.float_to_binary/2选项。错误修复涉及导航时配额超限、映射不可变性、模板插值和URL参数编码等问题。基础设施升级为即将推出的功能奠定基础，包括客户端ERTS、引用类型重构和ETS基础设施。本版本感谢49位贡献者的付出，特别鸣谢核心贡献者及赞助商对项目发展的支持。
Experiments with CodeMirror: Building a code review tool3 months agohttps://aziis98.com/blog/codemirror-review-tool/作者探讨了网页应用中对更高级文本/代码编辑器的需求，指出需要超越简单的textarea控件。CodeMirror 6因其模块化和可定制性被重点推荐，相比Monaco编辑器更具灵活性优势。文章强调了代码审阅模式在编辑器中的重要性，特别是在LLM兴起的背景下，用于接受或拒绝代码变更。对比了多种文本编辑器方案，包括基础textarea、HTML datalist，以及Ace、Monaco和CodeMirror 5等库。详细解析了CodeMirror 6的架构设计，重点说明其模块化结构、状态管理机制和扩展功能的面相(facets)概念。提供了CodeMirror 6中实现代码审阅统一合并视图(unified merge view)的具体实践案例。作者分享了未来对CodeMirror 6的实验方向，包括自定义装饰、Lezer解析器集成和语言服务协议(LSP)对接。文末附带了完整的审阅工具扩展代码片段，演示如何在CodeMirror 6中实现代码审阅模式。
WebMCP Proposal3 months agohttps://webmachinelearning.github.io/webmcp/WebMCP API 是一个面向网页开发者的JavaScript接口，用于将网页应用功能作为工具暴露出来工具是带有自然语言描述和结构化模式的JavaScript函数WebMCP支持用户与智能代理在同一网页界面中的协作工作流代理是能理解用户目标并代表用户执行操作的自主助手浏览器代理可以内置在浏览器中或通过扩展程序托管AI平台如OpenAI的ChatGPT、Anthropic的Claude或Google的Gemini都提供代理助手服务Navigator接口被扩展以提供对ModelContext的访问ModelContext接口允许网页应用为代理注册和管理工具其方法包括provideContext、clearContext、registerTool和unregisterToolModelContextTool字典通过名称、描述、输入模式、执行回调和注解来描述工具ToolAnnotations字典提供如readOnlyHint等元数据ModelContextClient接口表示执行工具的代理，包含requestUserInteraction等方法
Show HN: A Unix environment in a single HTML file (420 KB)3 months agohttps://shiro.computer/show一个封装在单个HTML文件中的Unix环境，完全在浏览器中运行。包含shell、文件系统、git、npm、vi以及200多个命令，gzip压缩后大小约420KB。无需服务器；可离线运行，所有功能均在客户端执行。采用IndexedDB实现类POSIX文件系统，支持stat、readdir、readFile等命令，且数据在页面刷新后持久保存。支持从npm仓库获取真实tarball包、通过node执行JavaScript代码，以及使用esbuild进行TypeScript打包。通过isomorphic-git实现客户端完整的git操作（init、add、commit、diff等）。可将整个文件系统捕获为GIF，便于在不同实例间迁移。支持管道、重定向、变量等POSIX特性的脚本编写。所有JS/CSS内联，完全自包含，可部署于GitHub Pages、S3或本地环境。
Farewell Rust3 months agohttps://yieldcode.blog/post/farewell-rust/作者从高中学习Pascal到精通C语言，最终转向使用PHP、Python和Ruby进行Web开发的历程最初热爱C语言因其精确的内存控制和底层编程能力，但因Web开发的动态特性而逐渐转向其他语言发现Rust语言并欣赏其现代化工具链、内存安全和高性能特性，由此开始用Rust构建Web应用在Web开发中使用Rust遇到的挑战包括模板渲染、本地化支持、动态查询构建以及漫长的编译时间转而使用Node.js以获得更快的开发迭代周期、更成熟的Web开发生态系统，以及模板和国际化方面更好的类型安全性反思选择合适工具的重要性：Rust擅长CPU密集型任务，而Node.js更适合动态Web应用程序开发
Web Components: The Framework-Free Renaissance3 months agohttps://www.caimito.net/en/blog/2026/02/17/web-components-the-framework-free-ren...Web组件、自定义元素、Shadow DOM和原生事件系统使得无需React、Vue或Angular等框架即可构建复杂的Web界面。Web标准提供了稳定性和向后兼容性，与框架相比降低了维护负担。自定义事件允许组件通过DOM作为基础设施进行优雅通信，避免紧耦合。Shadow DOM的封装性防止样式泄漏，简化了组件样式管理。AI助手可以加速Web组件的学习和实现过程。由于其稳定性和降低的复杂性，Web组件非常适合长期项目。混合开发方法允许将Web组件逐步集成到基于现有框架的应用程序中。如今的Web平台已具备媲美甚至超越传统框架的能力。
Linux Foundation Announces the Formation of the React Foundation3 months agohttps://www.linuxfoundation.org/press/linux-foundation-announces-the-formation-o...Linux基金会宣布成立React基金会，并确认Meta Platforms公司已贡献React项目React基金会将为React、React Native及相关组件提供长期开放的治理与运营支持创始白金会员包括亚马逊、Callstack、Expo、华为、Meta、微软、Software Mansion和Vercel该基金会旨在确保React保持开放、社区驱动的发展模式，并为未来演进提供可持续性保障科技领袖们的支持声明强调了React在现代Web开发中的重要性，以及各方对其未来发展的承诺