程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
您应该了解的 15 个有用的 CSS 属性
编程
您应该了解的 15 个有用的 CSS 属性
2024-11-18 17:58:16 +0800 CST
view 668
本文介绍了15个有用的CSS属性,这些属性能够增强网站的设计、性能和用户体验。包括`caret-color`、`accent-color`、`pointer-events`等,帮助开发者提升页面的交互性和视觉效果。掌握这些属性将有助于构建更具吸引力的现代网站。
Web开发
前端技术
CSS
如何在Vue3中使用音频库Howler.js实现音频播放?
编程
如何在Vue3中使用音频库Howler.js实现音频播放?
2024-11-18 15:35:49 +0800 CST
view 712
本文详细讲解了如何在Vue3项目中集成Howler.js音频库,实现音频播放功能。包括初始化Vue3项目、安装Howler.js、创建音频播放组件以及实现播放、暂停、停止和音量调节等功能。通过这些步骤,开发者可以轻松为Web应用添加音频功能,提升用户体验。
Web开发
音频处理
前端技术
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
综合
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
2024-11-19 03:03:55 +0800 CST
view 937
Neko虚拟浏览器是一款自托管的虚拟浏览器,允许用户在安全的虚拟环境中访问互联网。它支持多用户同时访问,适合开发人员和寻求隐私保护的用户。Neko提供了便捷的浏览体验,用户可以在多个设备上共享浏览器访问权限,适用于协作项目和资源共享。
虚拟浏览器
安全技术
WebRTC
Docker
隐私保护
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 654
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
编程
IndexedDB-极速本地存储:浏览器中的超级数据库
2024-11-18 16:21:21 +0800 CST
view 927
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
任务管理工具的HTML
代码
任务管理工具的HTML
2025-01-20 22:36:11 +0800 CST
view 569
该文本描述了一个任务管理工具的HTML结构和功能,包括任务输入、进度条、任务列表、拖放功能以及导出链接的功能。工具使用了现代的CSS样式来创建一个科技感的界面,并通过JavaScript实现任务的添加、删除、标记完成和进度更新。所有任务数据存储在本地存储中,用户可以通过链接导出任务。
Web开发
前端技术
任务管理工具
编程
2025,重新认识 HTML!
2025-02-07 14:40:00 +0800 CST
view 529
本文探讨了HTML的最新特性,包括可定制样式的下拉菜单、直接操控Popover、Checkbox变身Toggle、使用<search>简化搜索、声明式ShadowDOM、ImportMaps导入模块、inert属性、响应式视频以及利用<details>标签创建交互式手风琴效果。这些新特性为开发者提供了更灵活和现代的用户交互体验。
Web开发
前端技术
HTML5
H5端向App端通信(Uniapp 必会)
编程
H5端向App端通信(Uniapp 必会)
2025-02-20 10:32:26 +0800 CST
view 546
本文介绍了如何使用uniapp实现H5端向App端的通信,解决WebView嵌套问题。通过在App端的webview组件接收消息和在H5端使用postMessage发送消息,用户可以在支付成功后顺利返回App端的订单列表页。此方法有效避免了WebView的嵌套问题,确保了通信的顺畅。
开发
技术
移动应用
Web开发
综合
如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST
view 1018
本文讨论了如何通过同一个链接在PC和移动设备上展示不同的应用。介绍了三种实现方式:1)服务器端逻辑,通过解析User-Agent返回不同内容;2)客户端JavaScript,动态加载不同资源;3)响应式设计,使用CSS媒体查询适配不同设备。提供了相关的示例代码,帮助开发者选择合适的实现方式。
Web开发
前端技术
响应式设计
JavaScript
服务器端编程
Chrome 最新事件处理 API 来了,addEventListener 要凉凉了?
编程
Chrome 最新事件处理 API 来了,addEventListener 要凉凉了?
2025-03-16 08:54:19 +0800 CST
view 391
Chrome团队推出的ObservableAPI可能会使addEventListener成为历史。它简化了事件处理,避免了嵌套回调和内存泄漏,提供了更优雅的异步事件处理方式。通过简洁的代码示例,ObservableAPI显示了其在实时搜索、即时通讯和防抖功能等场景中的强大应用。作为浏览器原生支持的标准,ObservableAPI代表了前端开发的未来方向。
前端技术
JavaScript
Web开发
API
异步编程
综合
Astro是一款现代的JavaScriptWeb框架,特别适合构建内容驱动型网站,如博客和企业官网
2024-11-18 16:13:37 +0800 CST
view 1279
Astro是一款现代的JavaScriptWeb框架,特别适合构建内容驱动型网站,如博客和企业官网。它支持多种前端框架,具备出色的SEO能力和服务器端渲染功能,能够提升网站性能和用户体验。Astro的安装和部署过程简单,适合快速开发和上线。对于需要快速构建内容展示网站的开发者,Astro是一个值得尝试的选择。
Web开发
框架
前端技术
内容管理
SEO优化
FastAPI和WebSockets构建一个实时聊天应用程序
编程
FastAPI和WebSockets构建一个实时聊天应用程序
2024-11-18 16:03:28 +0800 CST
view 814
本文介绍了如何使用FastAPI和WebSockets构建一个实时聊天应用程序。通过设置WebSocket端点,管理客户端连接,并实现消息的广播功能,用户可以在多个浏览器窗口之间实时发送消息。文章还探讨了增强功能,如用户身份验证、消息持久化和输入指示器,展示了FastAPI在构建实时Web应用中的优势。
Web开发
实时应用
Python框架
聊天系统
技术教程
Nginx负载均衡详解
编程
Nginx负载均衡详解
2024-11-17 07:43:48 +0800 CST
view 693
本文详细介绍了Nginx负载均衡的实现过程,包括安装、配置和启动Nginx,以及支持的负载均衡算法,如轮询、指定权重、IP哈希和最少连接。通过配置upstream模块,Nginx能够将客户端请求分发到多台后端服务器,提高系统的并发处理能力,并解决session共享问题。
Web服务器
负载均衡
网络技术
goctl 技术系列 - Go 模板入门
编程
goctl 技术系列 - Go 模板入门
2024-11-19 04:12:13 +0800 CST
view 651
本文介绍了如何使用Go语言的`text/template`包创建和渲染动态网页。通过简单的示例,展示了如何定义模板并填充数据生成HTML输出。文章涵盖了模板的基本用法、在Go程序中加载模板的步骤,以及如何动态生成内容丰富的网页,强调了`text/template`的灵活性和可维护性。
编程
Web开发
Go语言
模板引擎
动态内容
用 HTML、CSS 和 JavaScript 创建颜色选择器
编程
用 HTML、CSS 和 JavaScript 创建颜色选择器
2024-11-18 16:50:17 +0800 CST
view 728
本文介绍了如何使用HTML、CSS和JavaScript创建一个简单的颜色选择器工具。用户可以选择颜色,并实时查看其十六进制和RGB值。文章详细说明了项目设置、HTML结构、CSS样式和JavaScript功能的实现步骤,适合初学者练习用户输入处理和DOM操作。
前端开发
Web开发
编程教程
一文搞懂 HTTP 请求:GET、POST、PUT、DELETE 全解析
编程
一文搞懂 HTTP 请求:GET、POST、PUT、DELETE 全解析
2024-11-18 09:46:13 +0800 CST
view 1117
本文深入探讨了HTTP请求的基本概念及其在Web开发中的重要性,详细解析了四种主要的HTTP方法:GET、POST、PUT和DELETE,并介绍了如何使用现代的FetchAPI和传统的XMLHttpRequest进行这些请求。通过示例代码,读者可以学习如何在JavaScript中有效地与服务器交互,处理数据。
Web开发
JavaScript
HTTP协议
一个轻量级的JavaScript库,专为浏览器端高效图片压缩设计,支持JPEG、PNG、WEBP等格式
编程
一个轻量级的JavaScript库,专为浏览器端高效图片压缩设计,支持JPEG、PNG、WEBP等格式
2025-05-05 19:27:57 +0800 CST
view 260
Compressor.js是一个轻量级的JavaScript库,专为浏览器端高效图片压缩设计,支持JPEG、PNG、WEBP等格式。它具备零依赖、纯前端处理和丰富的配置选项,适用于各种前端框架。通过简单的API,开发者可以在用户选择图片后进行压缩并上传,提升页面加载速度和用户体验,同时节省服务器带宽和存储空间。
Web开发
JavaScript
图片处理
性能优化
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
编程
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
2025-05-05 19:31:53 +0800 CST
view 311
Fuse.js是一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用。它支持多字段搜索,提供高性能和灵活的配置选项,满足复杂的搜索需求。用户可以通过npm或yarn安装,并在浏览器中直接引入。Fuse.js适合实现搜索功能、自动完成和数据过滤等场景,是提升用户体验的重要工具。
前端开发
JavaScript
搜索库
用户体验
Web应用
综合
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码
2024-11-19 08:21:15 +0800 CST
view 1032
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码。它支持多文件项目、丰富的插件和主题定制,适合技术博客和课程开发。通过简单的npm安装,开发者可以轻松嵌入Sandpack组件并配置编辑器,提升开发效率。
Web开发
开源工具
前端开发
代码编辑
React
编程
Nginx rewrite 的用法
2024-11-18 22:59:02 +0800 CST
view 874
Nginx的`rewrite`指令用于根据请求的URI重写路径,适用于URL重写、伪静态和重定向等场景。本文介绍了`rewrite`指令的语法、使用场景及具体案例,包括伪静态、永久重定向、去除尾斜杠和HTTP到HTTPS的重定向等。使用时需注意避免循环重定向,并优先考虑使用`try_files`指令。
Nginx
Web服务器
URL管理
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
编程
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
2025-05-14 10:10:04 +0800 CST
view 288
本文介绍了如何在FastAPI项目中使用生命周期事件机制来管理应用的启动和关闭过程。通过使用`@app.on_event()`装饰器或`lifespan()`上下文函数,可以优雅地初始化数据库连接、预热缓存和加载机器学习模型,同时在关闭时释放资源,防止资源泄露。示例代码展示了如何实现这些功能,强调了`lifespan()`的推荐使用。
FastAPI
Web开发
异步编程
资源管理
机器学习
Vue3如何执行响应式数据绑定?
编程
Vue3如何执行响应式数据绑定?
2024-11-18 12:31:22 +0800 CST
view 661
Vue3是最新版本的Vue.js,采用Proxy对象实现响应式数据绑定。通过定义拦截方法,Vue3能够监听数据对象的变化并实时更新页面内容。示例代码展示了如何使用Proxy包装数据对象,并在Vue应用中创建响应式绑定。这种机制相比于Vue2的Object.defineProperty更加灵活高效,提升了性能和扩展性。
前端开发
JavaScript框架
Web应用
PyJWT一个用于处理JSONWebToken(JWT)的Python库
综合
PyJWT一个用于处理JSONWebToken(JWT)的Python库
2024-11-18 17:19:59 +0800 CST
view 773
PyJWT是一个用于处理JSONWebToken(JWT)的Python库,简化了JWT的创建、解码和验证过程。JWT是一种安全传输信息的标准,适用于身份验证和信息交换。本文介绍了如何安装PyJWT、创建和解码JWT令牌、进行验证以及刷新令牌的基本概念,强调了在开发安全Web应用和API时的实用性和最佳实践。
编程
安全
Web开发
API
Python
几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
编程
几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
2024-11-19 09:31:41 +0800 CST
view 1372
本文介绍了几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面,以及使用第三方插件如disable-devtool和console-ban。这些技术可以增加攻击者分析和调试代码的难度,但无法完全阻止恶意调试,建议敏感信息在后端处理。
Web开发
前端安全
代码保护
大家都在搜索什么?
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
公司官网费用
网站运营费用
上一页
1
2
3
4
5
...
15
下一页