程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
编程
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
2025-05-15 10:26:06 +0800 CST
view 445
本文介绍了如何使用纯CSS实现打字机效果,无需JavaScript。通过核心代码示例,展示了HTML和CSS的实现方式,包括打字动画和光标闪烁效果。技术原理解析了关键属性的作用,并提供了可配置建议和实战技巧,适用于博客签名、欢迎页引导等场景。
前端
动画
Web开发
代码
HTML + CSS 实现微信钱包界面
2024-11-18 14:59:25 +0800 CST
view 938
本文介绍了如何使用HTML和CSS实现一个微信钱包的界面,包含零钱、银行卡等项目的布局和样式。通过简单的代码示例,展示了如何利用基础技术复刻现代用户界面,适合新手和进阶开发者学习。代码解析部分详细说明了布局、图标、响应式设计等关键点,帮助读者理解实现过程。
前端开发
用户界面
Web设计
JSON.stringify()的陷阱及其隐藏的秘密
编程
JSON.stringify()的陷阱及其隐藏的秘密
2024-11-19 08:53:06 +0800 CST
view 792
本文深入探讨了JavaScript中的JSON.stringify()方法,介绍了其历史、常见陷阱及其参数的强大功能。JSON.stringify()可以将对象转换为JSON字符串,但在使用时需注意循环引用、不可枚举属性、undefined值、日期处理等问题。通过理解这些特性,开发者可以更有效地利用JSON.stringify(),避免常见错误。
JavaScript
Web开发
数据处理
编程技巧
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
编程
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
2024-11-19 04:21:14 +0800 CST
view 765
本文介绍了如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器,涵盖了可编辑区域的设置、光标操作、文本格式修改及移动端的优化等内容。通过使用`contenteditable`属性和`selection`、`range`对象,开发者可以实现丰富的编辑功能,并解决在不同浏览器和设备上遇到的问题。
前端开发
JavaScript
Web技术
Graphene:一个无敌的 Python 库!
编程
Graphene:一个无敌的 Python 库!
2024-11-19 04:32:49 +0800 CST
view 788
Graphene是一个强大的Python库,用于构建GraphQLAPI,简化WebAPI开发。它支持与Django和SQLAlchemy的集成,提供灵活的数据查询和强大的查询功能。通过简单的安装和配置,开发者可以快速定义GraphQL类型、创建查询和处理数据变更。Graphene适用于构建RESTAPI替代方案和后台管理系统,极大提高开发效率。
Python
GraphQL
Web开发
API
Django
FastAPI 入门指南
编程
FastAPI 入门指南
2024-11-19 08:51:54 +0800 CST
view 825
FastAPI是一个现代、高性能的PythonWeb框架,旨在构建APIs。它基于类型提示,支持自动生成文档,具有速度快和类型安全的优势。通过简单的示例,展示了如何安装FastAPI、创建应用、处理路由和参数、进行数据验证以及支持异步编程。FastAPI适合构建各种规模的Web服务,是开发者的理想选择。
Web开发
Python
API设计
框架
你可能不知道的 18 个前端技巧
编程
你可能不知道的 18 个前端技巧
2025-06-12 13:15:26 +0800 CST
view 249
本文整理了18个鲜为人知的前端技巧,涵盖了JavaScript、HTML和CSS的实用小窍门。这些技巧可以提升开发效率,帮助开发者在调试和优化过程中事半功倍。内容包括如何在地址栏执行脚本、让网页可编辑、解析URL、创建三角形等,适合前端开发者学习和应用。
前端开发
编程技巧
Web技术
Rust API 服务器:发送和接收字节数据
编程
Rust API 服务器:发送和接收字节数据
2024-11-18 18:17:46 +0800 CST
view 791
本文介绍了如何使用Rust构建API服务器以处理字节数据的发送和接收。使用axum框架,文章涵盖了接收二进制数据、处理Multipart/form-data请求、设置请求体大小限制,以及发送二进制数据的正确响应头设置。提供了详细的代码示例,帮助开发者理解如何实现这些功能。
编程
网络应用
Rust
Web开发
API
初学者的 Rust Web 开发指南
编程
初学者的 Rust Web 开发指南
2024-11-18 10:51:35 +0800 CST
view 815
本文介绍了如何使用Rust语言和Actix-Web框架从零开始构建一个简单的Web应用程序。内容涵盖了Rust的内存安全、高性能和异步处理能力,指导读者安装Rust开发环境、创建项目、编写Web服务器代码,并返回JSON数据。最后,提供了进一步探索的建议,以帮助读者在Web开发中更进一步。
编程
Web开发
Rust
技术教程
如何判断用户是否离开了当前页面
编程
如何判断用户是否离开了当前页面
2025-06-26 20:08:39 +0800 CST
view 199
本文探讨了如何判断用户是否离开当前页面,介绍了多种现代API的使用方法,包括PageVisibilityAPI、beforeunload事件、navigator.sendBeacon和pagehide事件。通过这些技术,开发者可以优化用户体验、进行数据分析并提升系统性能。文章还提供了最佳实战建议和综合示例代码,帮助开发者有效实现用户离开检测。
Web开发
用户体验
前端技术
API
综合
OwlAdmin是一个基于Vue3和Laravel的开源后台管理系统
2024-11-19 04:56:20 +0800 CST
view 1011
OwlAdmin是一个基于Vue3和Laravel的开源后台管理系统,旨在为开发者提供高效、灵活的管理解决方案。它结合了现代前端技术与后端框架,支持用户管理、角色权限管理、表单生成、数据展示等功能,并具备良好的扩展性和文档支持,适用于企业内部管理和SaaS产品开发。
后台管理
开源项目
Web开发
技术栈
开发工具
编程
告别 `addEventListener`!Chrome 推出原生 Observable API,事件处理效率提升 300%!
2025-06-28 15:57:08 +0800 CST
view 206
Chromium团队推出的ObservableAPI旨在以更声明式的方式处理事件,提升性能最高可达300%。该API允许开发者轻松管理DOM事件、WebSocket和用户交互,简化代码逻辑,避免复杂的回调地狱。通过示例代码,展示了如何实现实时响应用户输入、WebSocket消息监听、防抖效果及多事件流组合。尽管尚处于提案阶段,ObservableAPI代表了事件处理的未来方向。
前端技术
JavaScript
Web开发
编程
Shadcn UI:这个 82.7k Star 的神器,正在超越传统组件库!
2025-06-28 17:04:58 +0800 CST
view 202
ShadcnUI是一个新兴的前端组件库,具有源码自由、原子级组件架构和原生主题切换等革命性特点。与传统组件库相比,它在打包体积、定制难度和加载时间上表现优异,适合企业级应用。支持TailwindCSS和RadixUI,提供高性能的智能表单和数据表格,越来越多的大型项目正在采用ShadcnUI,代表了组件库的未来趋势。
前端开发
组件库
Web技术
性能优化
开源
Vue3中如何实现国际化(i18n)?
编程
Vue3中如何实现国际化(i18n)?
2024-11-19 06:35:21 +0800 CST
view 1005
本文介绍了如何在Vue3中实现国际化(i18n)功能,包括安装VueI18n、配置、创建语言文件、在组件中使用翻译以及动态切换语言的实现。通过示例代码,读者可以学习如何支持多语言,从而提升用户体验。
前端开发
国际化
Vue框架
Web应用
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
编程
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
2024-11-18 09:40:45 +0800 CST
view 799
Vue的服务端渲染(SSR)是一种在服务器上生成完整HTML页面并发送给客户端的技术,提供更好的SEO和更快的首屏加载速度。与客户端渲染(CSR)相比,SSR减轻了客户端负担,适合需要优化加载时间和搜索引擎优化的场景。Vue提供了`vue-server-renderer`库来实现SSR,开发者可以根据需求选择合适的渲染方式。
Web开发
前端技术
Vue.js
渲染技术
性能优化
如何判断用户是否离开了当前页面?
编程
如何判断用户是否离开了当前页面?
2025-06-28 17:11:21 +0800 CST
view 186
在现代Web开发中,判断用户是否离开当前页面是一个重要需求。本文介绍了多种方法,包括使用PageVisibilityAPI判断页面可见性、beforeunload和unload事件处理用户离开、sendBeacon方法安全上报数据,以及pagehide和pageshow事件应对浏览器缓存。合理使用这些技术可以提升用户体验、节省资源和保证数据完整性。
Web开发
用户体验
数据分析
Rust vs. PHP:新旧交替中的编程语言之战
编程
Rust vs. PHP:新旧交替中的编程语言之战
2024-11-19 03:04:10 +0800 CST
view 877
本文深入探讨了Rust和PHP两种编程语言的优缺点,比较了它们在性能、安全性、学习曲线、生态系统和部署方面的差异。Rust是一种新兴的系统编程语言,强调内存和线程安全,适合高性能应用;而PHP是一种成熟的Web开发语言,易于学习,适合快速开发。选择哪种语言取决于项目需求和团队经验。
编程语言
技术对比
软件开发
Web开发
系统编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 118
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
Remix:一款神奇的 JavaScript 全栈框架
综合
Remix:一款神奇的 JavaScript 全栈框架
2024-11-19 09:53:22 +0800 CST
view 1350
Remix是一个由ReactRouter团队创建的全栈JavaScript框架,旨在优化Web应用程序的开发体验。它支持服务器端渲染和客户端路由,提供高性能和灵活性。Remix强调SEO和快速加载,适用于静态和动态应用。通过文件系统定义路由,支持数据加载和错误处理,确保即使在不良网络条件下也能正常工作。适合各种开发者使用。
Web开发
JavaScript框架
React
编程
全栈利器 H3 框架来了!
2025-07-07 17:48:01 +0800 CST
view 207
H3是由Nuxt核心团队打造的轻量、标准、跨平台的全栈HTTP框架,支持Node.js、Bun、Deno等多种运行时。它遵循原生fetch请求模型,具有简洁易用的API设计和内建中间件、插件机制。H3适用于构建现代边缘服务应用、APIServer等,提供了灵活的路由、事件处理和生命周期钩子,能够替代axios,满足多种开发需求。
Web开发
框架
后端开发
前端开发
全栈开发
快速上手Express:打造高效的Node.js Web应用
编程
快速上手Express:打造高效的Node.js Web应用
2024-11-18 23:16:08 +0800 CST
view 713
本文介绍了Express框架的基本概念及其在Node.jsWeb应用开发中的应用。Express是一个灵活且易于上手的框架,提供丰富的API支持、强大的路由功能和灵活的中间件机制。文章还涵盖了如何快速开始一个Express项目,包括手动安装和使用集成工具的方法,并提供了简单的代码示例,帮助开发者快速入门。
Node.js
Web开发
框架
编程
技术
前端开发中 localStorage 的核心用法与进阶技巧详解
编程
前端开发中 localStorage 的核心用法与进阶技巧详解
2025-07-11 09:18:49 +0800 CST
view 110
本文详细介绍了localStorage的核心用法,包括数据存储、读取、删除及注意事项。强调了同源策略、容量限制和安全性建议,提供了常见应用场景如用户偏好设置、购物车信息持久化等。还讨论了与其他存储方式的对比及进阶技巧,如监听存储变化和模拟过期时间机制,帮助开发者更高效、安全地使用localStorage。
Web开发
数据存储
前端技术
使用 PHP 和 Web 技术(而不是 Electron)构建跨平台桌面应用程序:探索 Boson
编程
使用 PHP 和 Web 技术(而不是 Electron)构建跨平台桌面应用程序:探索 Boson
2025-07-11 09:31:00 +0800 CST
view 152
Boson是一个开源的PHP桌面应用程序运行时和编译器平台,允许开发者使用PHP和前端技术(如HTML、CSS、JavaScript)构建跨平台桌面应用。它无需Node.js或本地HTTP服务器,支持直接访问文件系统和本地API,且应用体积轻量。Boson提供了快速的开发体验和原生应用的功能,适合PHP开发者。
PHP
桌面应用
Web开发
开源技术
跨平台
Grid布局的简洁性和高效性
编程
Grid布局的简洁性和高效性
2024-11-18 03:48:02 +0800 CST
view 746
本文探讨了Grid布局相较于Flex布局的优势,特别是在宫格类布局、后台管理布局和响应式布局中的应用。通过具体的代码示例,展示了Grid布局的简洁性和高效性,以及如何利用其特性简化开发过程。尽管Grid在某些老旧浏览器中的兼容性不如Flex,但在现代浏览器中已得到广泛支持。选择合适的布局方式是关键。
前端
布局
Web开发
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
...
3
4
5
6
7
...
11
下一页