小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI

文章讨论了如何用HTML原生元素替代常见的JavaScript UI模式,以减少前端页面的JavaScript使用。介绍了手风琴展开、搜索建议、模态框和侧滑导航的实现方法,强调使用原生HTML元素可以简化代码,提高性能,建议在能用HTML解决的问题上避免使用JavaScript。

TIL: 用 HTML 原生元素替代常见的 JavaScript UI 模式

暗无天日
暗无天日 · 2026-07-09T00:00:00Z
密码保护:基于SSE的「消息桥」通知系统设计

文章讨论了前端开发中的消息通知系统,指出WebSocket虽然具备实时性,但因资源消耗和维护成本高,实际应用较少。轮询作为替代方案存在时效性和服务器压力问题,因此作者最终选择基于SSE的通知系统。

密码保护:基于SSE的「消息桥」通知系统设计

唐霜
唐霜 · 2026-07-05T12:43:44Z
Cloudflare Pages免费申请教程:抢注专属 .pages.dev 域名

Cloudflare Pages 是一个快速搭建网站的平台,支持前端开发人员的协作与部署。用户可以注册账号,创建应用程序并上传静态文件,成功后可绑定自定义域名。平台自动分配 .pages.dev 域名,并支持连接 GitHub 仓库。

Cloudflare Pages免费申请教程:抢注专属 .pages.dev 域名

如有乐享
如有乐享 · 2026-07-02T00:40:52Z
轻量化进度管控利器,码道 + AI Shell打造纯前端拖拽任务看板上线部署

本案例介绍了如何利用华为云码道和AI Shell快速搭建一个纯前端任务管理看板。该看板支持任务卡片的创建、状态拖拽切换和数据本地存储,适合个人开发者和高校学生,具有巨大的市场潜力。案例涵盖开发、部署流程及资源配置,旨在提升开发效率。

轻量化进度管控利器,码道 + AI Shell打造纯前端拖拽任务看板上线部署

华为云官方博客
华为云官方博客 · 2026-06-30T04:00:00Z

文章讨论了前端开发中 node_modules 文件夹占用大量磁盘空间的问题,主要由于开发环境依赖过多。使用 pnpm 作为包管理器可以有效减少重复依赖,节省空间。pnpm 通过内容寻址存储,避免每个项目复制相同依赖,从而提高效率。建议在多个 Node 项目中使用 pnpm,以改善磁盘使用和开发体验。

node_modules 为什么总是这么大:一次从原理到实践的瘦身记录

kok的笔记本
kok的笔记本 · 2026-06-23T15:30:27Z

Mozilla推出MDN MCP服务,旨在解决AI在前端开发中因过时数据导致的“幻觉”问题。该服务通过MCP协议连接MDN文档,确保AI提供最新、准确的Web规范和兼容性信息,从而提升开发效率,减少错误。

拒绝 AI 幻觉!Mozilla 发布 MDN MCP 服务,把最新 Web 规范变成前端开发的 AI 外挂大脑

WordPress 果酱
WordPress 果酱 · 2026-06-15T15:49:38Z
Kimi K2.7 Code现已在AI Gateway上可用

Kimi K2.7 Code是Moonshot AI推出的编程模型,支持前端开发、DevOps和性能优化,具备多模态架构,支持文本和图像输入。用户可通过AI Gateway统一调用模型,跟踪使用情况和成本。

Kimi K2.7 Code现已在AI Gateway上可用

Vercel News
Vercel News · 2026-06-12T00:00:00Z

本文介绍了CSS中的contrast-color()函数,旨在提高无障碍访问的色彩对比度。该函数根据提供的颜色自动返回最适合的黑白对比色,以确保文字的可读性。尽管主流浏览器已支持此功能,但在中国,前端开发者对无障碍特性的关注仍不足。作者认为该函数需改进,若能自动识别背景色和图片,将更具实用性。

CSS contrast-color()函数简介

张鑫旭
张鑫旭 · 2026-06-01T14:54:42Z

本文介绍了JavaScript中的focus()方法及其新特性focusVisible。focus()方法用于使输入框聚焦并控制页面滚动,而focusVisible则控制焦点时是否显示轮廓效果。通过示例展示了这两个特性如何改善用户体验,尤其在视觉要求不高的场合。

新特性速递:focus()行为新增focusVisible控制

张鑫旭
张鑫旭 · 2026-05-29T08:23:06Z
Redis 之父吐槽现代前端的复杂性:我们到底是在解决问题,还是在制造问题?

Redis创始人antirez批评现代前端开发的复杂性,认为技术栈如React和Angular使开发者面临无尽的学习和适应。他质疑这种复杂性是否真正解决了商业问题,还是制造了更多问题。他指出大公司的需求导致前后端分离,增加了开发难度。相对而言,HTMX被视为一种回归简单的解决方案,强调直接返回HTML,减少前端复杂性。

Redis 之父吐槽现代前端的复杂性:我们到底是在解决问题,还是在制造问题?

Tony Bai
Tony Bai · 2026-05-28T16:00:00Z
AI 生成的前端界面,为什么总是不够好看?

AI 在前端开发中常面临设计问题,虽然代码功能正常,但视觉效果往往不佳。设计师依靠直觉进行排版和配色,而 AI 缺乏这种能力。为此,有人整理了「补丁合集」,提供 26 个工具,帮助 AI 学习设计规范、快速复刻界面或使用现成组件,以提升界面质量。

AI 生成的前端界面,为什么总是不够好看?

迷途小书童
迷途小书童 · 2026-05-07T14:36:20Z
如何通过软件工程师Jessica Rose最大化你的学习效果 [播客 #216]

今天,Quincy Larson采访了开发者和教师Jessica Rose,讨论了面对困难的重要性,以及通过“傻乎乎的小项目”提升学习能力。她还介绍了将于四月开始的“坏网站俱乐部”前端开发在线训练营。此外,freeCodeCamp发布了新的Python和CUDA编程课程,帮助学习者掌握无人机编程和NVIDIA H100 GPU编程。

如何通过软件工程师Jessica Rose最大化你的学习效果 [播客 #216]

freeCodeCamp.org
freeCodeCamp.org · 2026-04-17T11:00:00Z
Figma设计与代码的转换:清晰解读

Figma推出MCP服务器,旨在解决设计与代码之间的桥接问题。MCP服务器通过结构化设计数据,过滤噪音,提供精确的设计信息,支持双向工作流。开发者可以生成代码或将代码反馈至Figma,从而提高前端开发效率。尽管面临一些挑战,Figma的解决方案为设计与开发的整合提供了新思路。

Figma设计与代码的转换:清晰解读

ByteByteGo Newsletter
ByteByteGo Newsletter · 2026-04-14T15:31:25Z
网络周刊 #189

文章讨论了前端开发中的新特性和挑战,包括浏览器的bfcache、懒加载视频的原生方法、MDN的重建过程,以及WebAIM对无障碍问题的分析。还介绍了如何使用JavaScript的Intl对象进行本地化和格式化数字,以及sizes="auto"的响应式图片处理方法,强调了其在前端开发中的重要性。

网络周刊 #189

Stefan Judis Web Development
Stefan Judis Web Development · 2026-04-12T22:00:00Z
WebCodecs 手册:浏览器中的原生视频处理

WebCodecs API 提高了浏览器中的视频处理效率,使开发者能够在无需服务器的情况下创建视频编辑和流媒体应用。它提供低级控制和硬件加速,改善用户体验。许多应用如 Capcut 因使用 WebCodecs 而流量显著增加。本文介绍了视频处理基础、WebCodecs API 及其应用,适合前端开发者入门。

WebCodecs 手册:浏览器中的原生视频处理

freeCodeCamp.org
freeCodeCamp.org · 2026-04-08T20:35:45Z
如何在Chrome开发者工具中覆盖API响应和头部信息:一步一步的指南

前端开发者常遇到API响应错误和CORS错误,影响开发和演示。本文介绍如何利用Chrome浏览器的内容覆盖功能,修改API响应,验证UI场景,解决CORS问题,从而提高工作效率。

如何在Chrome开发者工具中覆盖API响应和头部信息:一步一步的指南

freeCodeCamp.org
freeCodeCamp.org · 2026-03-26T21:20:49Z
世界仍然需要关心他人的人 - CodePen创始人Chris Coyier采访 [播客#212]

今天,Quincy Larson采访了前端开发者Chris Coyier,讨论了前端工具的发展、网页开发的优势,以及高技能开发者如何应对AI带来的挑战。

世界仍然需要关心他人的人 - CodePen创始人Chris Coyier采访 [播客#212]

freeCodeCamp.org
freeCodeCamp.org · 2026-03-20T11:30:00Z
网络周刊 #187

本期Web Weekly介绍了前端开发的新特性,包括即将推出的contrast-color()函数、focusgroup属性和HTML新特性。文章还讨论了如何通过import属性加载JSON文件,以及CSS在JavaScript中的应用,鼓励开发者测试新功能并提供反馈。

网络周刊 #187

Stefan Judis Web Development
Stefan Judis Web Development · 2026-03-16T23:00:00Z
如何与小企业顾问Luke Ciciliano获得自由职业客户(开发者访谈)[播客第211期]

Quincy Larson采访了前端开发者Luke Ciciliano,分享了建立软件咨询公司的技巧,包括吸引客户和维护长期关系。他认为AI工具提升了小企业客户的潜力。

如何与小企业顾问Luke Ciciliano获得自由职业客户(开发者访谈)[播客第211期]

freeCodeCamp.org
freeCodeCamp.org · 2026-03-13T10:30:00Z
深圳工作机会,前端

深圳一家快速增长的社交出海企业招聘前端开发工程师,要求3年经验,熟悉Vue及相关技术,负责Web前端架构设计和开发。提供良好福利,工作地点在南山区,不支持远程。

深圳工作机会,前端

Ke's blog
Ke's blog · 2026-03-12T00:00:00Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码