程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
JavaScript 开源无限滚动网格库InfiniteGrid
编程
JavaScript 开源无限滚动网格库InfiniteGrid
2024-11-18 18:25:13 +0800 CST
view 2151
InfiniteGrid是一个高性能的JavaScript开源库,旨在实现各种类型的网格布局,支持无限滚动功能。它适用于桌面端和移动端,能够与主流前端框架如Vue、React、Angular和Svelte集成。核心特点包括高性能的DOM管理、多种布局类型(如瀑布流和对齐布局)、响应式设计以及动态加载内容,极大提升了开发效率。
JavaScript
前端开发
开源库
网页布局
用户体验
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
编程
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
2025-08-15 11:54:15 +0800 CST
view 2292
本文介绍了浏览器原生的图片懒加载功能,通过使用HTML属性loading=\"lazy\",开发者可以轻松实现高效的懒加载,提升网页性能,减少流量消耗。与传统的JavaScript懒加载相比,原生支持的实现更简单,性能开销更低,同时提供了最佳实践和使用注意事项,以确保良好的用户体验。
懒加载
前端开发
网页性能
JavaScript
html
综合
实时监控网页变动的利器!- ChangeDetection
2024-11-19 10:07:56 +0800 CST
view 4182
ChangeDetection是一个开源的网页变化检测工具,允许用户监控网页内容的变化并通过邮件或Webhook发送通知。它支持多种格式,提供灵活的配置选项,适用于内容监控、竞争情报、价格监控等多种场景。用户可以通过命令行或Web界面管理监控任务,确保及时获取重要信息的更新。
网页监控
开源软件
自动化工具
数据分析
万字深度解析 Scrapling:当现代爬虫遇见「反爬终结者」——从智能指纹伪装到生产级数据采集的完整工程化实践(2026)
编程
万字深度解析 Scrapling:当现代爬虫遇见「反爬终结者」——从智能指纹伪装到生产级数据采集的完整工程化实践(2026)
2026-07-01 11:14:40 +0800 CST
view 498
2026年GitHub爆火爬虫框架Scrapling深度解析:从TLS指纹伪装、自适应选择器到生产级数据采集管道的完整工程化实践,涵盖四大核心架构、四个实战场景和七个性能优化方向。
爬虫
Python
网页抓取
反爬虫
TLS指纹
Cloudflare
数据采集
Chrome开发者工具 (DevTools) 使用技巧
编程
Chrome开发者工具 (DevTools) 使用技巧
2024-11-19 01:15:54 +0800 CST
view 2132
ChromeDevTools是一款强大的网页开发和调试工具,提供多个功能面板,如元素面板、网络面板和控制台等。本文总结了各面板的主要功能及使用技巧,包括如何禁用缓存、手动清理缓存、查找事件绑定、模拟手机调试等,帮助开发者更高效地进行网页开发和调试。
网页开发
调试工具
前端开发
DevTools
PakePlus:Rust+Tauri把网页打包成桌面App,比Electron小20倍,支持Win/Mac/Linux/Android/iOS
编程
PakePlus:Rust+Tauri把网页打包成桌面App,比Electron小20倍,支持Win/Mac/Linux/Android/iOS
2026-07-25 13:46:57 +0800 CST
view 131
PakePlus(网页桌面化工具):Rust+Tauri 2底层、输入网址3步生成Windows/macOS/Linux/Android/iOS应用、体积比Electron小20倍(<5MB)、无需配置Node/Rust/SDK环境、支持JS注入(自动登录/去广告/填表)、支持系统API调用(下载/窗口/命令)、内置调试模式和云端/本地两种打包方式,前端开发者必备。
PakePlus
Tauri
桌面应用
网页打包
Electron替代
桌面化
Rust
前端工具
Tauri2
多端打包
利用图片实现网站的加载速度
编程
利用图片实现网站的加载速度
2024-11-18 12:29:31 +0800 CST
view 1409
这段代码通过创建并加载隐藏的图片来检测多个外部链接的加载时间,并将其显示在页面上。代码使用JavaScript动态创建`img`元素,捕获加载事件以计算时间,并在页面上显示。优化建议包括使用`Date.now()`进行准确计时,避免内联样式和事件绑定,处理加载成功和失败的情况,以提高代码的性能和可读性。
网页性能
前端开发
JavaScript编程
前端
代码
jQuery中向DOM添加元素的多种方法
2024-11-18 23:19:46 +0800 CST
view 1631
本文介绍了在jQuery中向DOM添加元素的多种方法,包括`append()`、`prepend()`、`after()`、`before()`、`add()`、`html()`、`wrap()`和`unwrap()`。每种方法都附有示例代码,展示如何在网页中动态添加或修改内容,并提供了一些最佳实践和注意事项,以提高代码性能和可读性。
前端开发
jQuery
网页交互
编程
FastHTML是一个现代的Python网页应用程序框架,旨在简化网页开发,减少对JavaScript和CSS的依赖
2024-11-18 16:30:23 +0800 CST
view 1948
FastHTML是一个现代的Python网页应用程序框架,旨在简化网页开发,减少对JavaScript和CSS的依赖。它通过Python对象表示HTML元素,提供Pythonic的开发体验。FastHTML支持动态交互、可扩展性和高性能,适合构建交互式网页应用、教育平台和原型设计。随着社区的积极贡献,FastHTML展现出良好的发展潜力,成为网页开发中的新选择。
网页开发
Python
框架
技术
教育
应用
Video.js:视频播放的全能解决方案
综合
Video.js:视频播放的全能解决方案
2024-11-18 23:37:03 +0800 CST
view 1459
Video.js是一个强大且灵活的HTML5视频播放器,支持多种视频格式和流媒体协议,适用于视频分享平台、直播应用和教育培训平台。它易于定制,拥有丰富的插件生态,能够满足各种视频播放需求。通过简单的代码引入和初始化,开发者可以快速上手并实现高质量的视频播放体验。
多媒体
网页开发
视频技术
首个开源AI网页游戏生成框架 OpenGame:一句话生成一款可玩的游戏!
资讯
首个开源AI网页游戏生成框架 OpenGame:一句话生成一款可玩的游戏!
2026-04-23 16:23:58 +0800 CST
view 907
OpenGame是首个开源的端到端网页游戏智能生成框架,由开发者leigest519创建。它通过GameSkill(模板技能和调试技能)解决跨文件不一致、场景连接断裂等游戏生成难题,支持贪吃蛇、塔防、RPG等2D游戏。驱动模型GameCoder-27B专为游戏引擎设计,经持续预训练、监督微调和强化学习训练。OpenGame-Bench评估游戏可玩性。用户只需一句话即可生成完整网页游戏,支持本地运行和API配置。
AI生成游戏
开源项目
游戏开发
代码智能体
网页游戏
端到端框架
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
编程
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
2024-11-19 00:04:49 +0800 CST
view 1818
本文介绍了优化CSS的10个基本技巧,包括最小化和压缩CSS、使用速记属性、组织CSS、避免内联样式、降低特异性、删除未使用的CSS、使用CSS变量、优化媒体查询、利用CSS预处理器和优化CSS交付。这些技巧旨在提升网站加载速度和性能,增强代码的可维护性,帮助开发者编写更高效的CSS代码。
前端开发
网页性能
CSS优化
用户体验
编程技巧
编程
浏览器居然自带语音 API 和流处理 API!
2024-11-19 06:19:21 +0800 CST
view 1634
本文介绍了浏览器内置的语音合成API和流处理API的工作原理及应用场景,强调了它们在提升网页可访问性和用户体验方面的重要性。语音合成API允许将文本转换为语音,适用于视觉障碍用户;流处理API则支持按需读取数据,适合处理大型文件和实时数据流。通过这些技术,开发者可以创建更智能的网页应用。
网页开发
无障碍技术
前端技术
随机分数html
代码
随机分数html
2025-01-25 10:56:34 +0800 CST
view 1382
该文本描述了一个简单的网页应用,用户点击按钮后会播放音效并生成一个随机分数,伴随有动画效果,如数字滚动、烟花、彩带和闪光等。使用了HTML、CSS和JavaScript来实现这些功能,提供了丰富的视觉和听觉体验。
网页开发
前端技术
用户交互
动画效果
为 AI Agent 打通数据血脉:Firecrawl 深度实战,从网页抓取到 LLM-ready 结构化数据(附 RAG 全链路代码)
编程
为 AI Agent 打通数据血脉:Firecrawl 深度实战,从网页抓取到 LLM-ready 结构化数据(附 RAG 全链路代码)
2026-07-10 02:43:14 +0800 CST
view 282
深度实战 Firecrawl,讲透如何把任意网站变成 LLM 可直接消费的结构化数据:四动词原理、流水线架构、REST/SDK 调用、自建 Mini-Firecrawl、RAG 全链路代码与成本控制。
Firecrawl
AI Agent
RAG
网页抓取
LLM
数据管道
Python
编程
CSS Grid 和 Flexbox 的主要区别
2024-11-18 23:09:50 +0800 CST
view 1893
CSSGrid和Flexbox是CSS中的两种布局工具。Flexbox适合一维布局,主要控制项目在主轴和交叉轴上的排列;而CSSGrid则擅长二维布局,能够同时处理行和列。两者各有特点,Flexbox更注重项目的排列和对齐,Grid则适合复杂的网格结构。根据不同的布局需求,选择合适的工具以获得最佳效果。
CSS
前端开发
网页布局
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
编程
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
2026-06-01 22:26:41 +0800 CST
view 579
Vue Print Designer是一款可视化打印设计器,面向业务表单、标签、票据、快递单等场景,支持模板化、变量化,并提供静默打印与云打印能力,同时兼容多种导出/打印方式。基于Web Components,零依赖适配Vue/React/Angular/原生HTML等所有技术栈。
Vue
打印设计器
开源
Web Components
可视化
打印
表单设计
标签打印
开源版 Figma 真来了:Penpot 本地部署,外网也能访问
编程
开源版 Figma 真来了:Penpot 本地部署,外网也能访问
2026-07-05 16:40:21 +0800 CST
view 383
Penpot是开源版Figma,支持UI设计、原型制作、团队协作和设计系统管理。支持Docker本地部署,通过MCP Server接入Codex/Cursor/Claude Code等AI Agent。配合cpolar内网穿透可实现外网访问。
Penpot
Figma
设计工具
UI设计
原型
开源
MCP
AI Agent
Docker
自托管
内网穿透
cpolar
MPL-2.0
Hallmark 深度拆解:当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌(2026)
编程
Hallmark 深度拆解:当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌(2026)
2026-07-18 11:16:28 +0800 CST
view 193
2026年7月爆火的Nutlope/hallmark开源项目深度拆解:21种宏观结构、20+设计主题、57道检测门,从根本上解决AI生成设计千篇一律的问题。完整代码实战与工程架构分析。
Hallmark
AI设计
反AI-slop
Claude Code
Cursor
Codex
设计系统
前端工程
AI编程
Nutlope
GitHub开源
HTML CSS
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
编程
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
2026-05-01 23:15:01 +0800 CST
view 2360
深度解析 Open Design 开源项目:4天突破10000 Star的 Claude Design 替代品。不绑定模型、不锁定云服务,支持10+编程代理、31种设计技能、72个品牌设计系统,完全开源免费自托管。
开源
AI设计
Claude Design
设计系统
编程代理
编程
键让图片“动”起来!Magic Animator Figma 插件实测体验
2025-08-14 16:12:02 +0800 CST
view 1705
MagicAnimator是由LottieLab发布的Figma插件,能通过AI自动生成可编辑的关键帧动画。用户只需拖入图片并点击按钮,即可快速生成多种动效,支持LottieJSON、GIF和MP4格式导出。该插件简化了动画制作流程,适用于App、网页和社交媒体,提升了设计师的工作效率。
动画制作
设计工具
Figma插件
AI技术
动效设计
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
编程
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
2026-04-21 09:02:26 +0800 CST
view 788
design-md-chrome:Chrome插件一键提取网站设计规范(字体/配色/间距/阴影/动画),生成DESIGN.md或SKILL.md喂给Claude Code/Cursor复刻
开源
Chrome插件
设计工具
AI编程
前端
设计系统
Claude Code
Cursor
Figma凉凉!开源版更好用,社区公认最有颠覆性的「AI原生设计编辑器」
编程
Figma凉凉!开源版更好用,社区公认最有颠覆性的「AI原生设计编辑器」
2026-06-25 18:11:54 +0800 CST
view 391
OpenPencil:开源AI原生设计编辑器,社区公认最具颠覆性的Figma开源替代方案。内置完整MCP服务器,AI可直接接管操控画布,支持主流模型API,可用自然语言完成设计操作。与Figma操作兼容,文件无缝迁移,支持本地部署和Web访问。
OpenPencil
AI设计
Figma替代
开源
MCP
设计工具
AI原生
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2846
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
6
...
10
下一页