程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 1870
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
原生JS判断手机与PC端:实现一个炫酷设备检测页面
编程
原生JS判断手机与PC端:实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST
view 711
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
编程
Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST
view 1732
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库,支持高度可定制的打字和删除速度,适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例,展示了如何在Vue组件中集成Typed.js,提升用户体验。
前端开发
JavaScript
动态效果
用户体验
Web设计
在Vue3中实现代码分割和懒加载
编程
在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST
view 1564
本文探讨了如何在Vue3中实现代码分割和懒加载,以提高Web应用的性能和用户体验。通过使用Webpack的动态import语法,开发者可以按需加载组件,减少初始加载时间。文章提供了示例代码,展示了如何在路由和组件内部实现懒加载,并讨论了Webpack的分割策略及优化懒加载体验的方法。
前端开发
性能优化
Vue框架
Web应用
代码管理
Vue 3 中的新 `<script setup>` 语法详解
编程
Vue 3 中的新 `<script setup>` 语法详解
2024-11-19 06:45:51 +0800 CST
view 1279
Vue3中的新<scriptsetup>语法为开发者提供了一种更简洁高效的方式来编写Vue组件。它通过编译时宏优化性能,支持TypeScript,简化了响应式数据、计算属性、props和emits的使用。本文详细介绍了<scriptsetup>的用法、优势及示例代码,展示了其在开发过程中的便利性和一致性。
前端开发
Vue.js
编程语言
Web技术
Vue 3 路由守卫详解与实战
编程
Vue 3 路由守卫详解与实战
2024-11-17 04:39:17 +0800 CST
view 1370
本文详细介绍了在Vue3应用中使用路由守卫的方式,包括全局守卫、路由独享守卫和组件内守卫。通过示例代码,读者可以学习如何控制路由跳转、进行用户认证和权限校验,从而提升应用的安全性和用户体验。路由守卫的灵活性使得开发者能够更好地管理用户导航行为。
前端开发
Vue.js
Web应用
路由管理
用户体验
综合
20个超实用的CSS动画库
2024-11-18 07:23:12 +0800 CST
view 1431
本文介绍了20个超实用的CSS动画库,适用于Web项目,提供多种动态效果。这些库大多数生成纯CSS代码,无需外部依赖,涵盖了加载动画、悬停效果、文本动画等,帮助开发者快速集成和提升用户体验。无论是构建交互效果还是丰富页面展示,这些工具都能为项目注入活力。
前端开发
动画
Web设计
用户体验
Vue3中实现基于用户权限的动态路由加载
编程
Vue3中实现基于用户权限的动态路由加载
2024-11-19 06:13:52 +0800 CST
view 1354
本文探讨了如何在Vue3中实现基于用户权限的动态路由加载。通过定义用户权限模型和使用vue-router与vuex,动态生成路由并结合导航守卫进行权限控制,从而提高用户体验和系统安全性。用户登录后,系统根据其角色加载相应的页面,确保无权限用户无法访问敏感内容。
Web应用
前端开发
权限控制
Vue框架
动态路由
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 1291
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
响应式设计已死?流体布局才是未来!
编程
响应式设计已死?流体布局才是未来!
2025-03-12 18:30:00 +0800 CST
view 1293
流体布局是一种Web设计方法,通过使用相对单位(如百分比、em、rem)使页面元素随屏幕大小动态调整,提供更好的用户体验。与传统固定布局相比,流体布局无需手动调整代码,自动适应不同屏幕,提升移动端体验和SEO排名,同时加快页面加载速度,是未来Web设计的核心趋势。
Web设计
前端开发
用户体验
一个安全支付表单的HTML结构和样式
代码
一个安全支付表单的HTML结构和样式
2025-03-18 17:39:01 +0800 CST
view 1122
该文本描述了一个安全支付表单的HTML结构和样式,使用Bootstrap框架和FontAwesome图标。表单包括卡持有人姓名、卡号、过期日期和CVV字段,并实现了实时验证功能。JavaScript用于处理表单提交和验证逻辑,确保用户输入有效。整体设计注重用户体验和安全性。
支付
前端开发
Web设计
前端中的 File 和 Blob 两个对象到底有什么不同
编程
前端中的 File 和 Blob 两个对象到底有什么不同
2024-11-18 14:50:11 +0800 CST
view 1465
本文详细介绍了JavaScript中的File和Blob对象的区别与应用。Blob用于表示不可变的二进制数据,适合处理大型文件,而File是Blob的子类,包含文件的元数据。通过示例代码,展示了如何创建、读取和上传Blob和File对象,以及它们在实际应用中的使用场景。
JavaScript
前端开发
文件处理
数据结构
WebAPI
如何增强FastAPI应用程序的安全性,防范常见漏洞如SQL注入、跨站点脚本(XSS)、跨站点请求伪造(CSRF)、不安全的反序列化以及日志记录不足
编程
如何增强FastAPI应用程序的安全性,防范常见漏洞如SQL注入、跨站点脚本(XSS)、跨站点请求伪造(CSRF)、不安全的反序列化以及日志记录不足
2024-11-19 09:36:22 +0800 CST
view 2983
本文讨论了如何增强FastAPI应用程序的安全性,防范常见漏洞如SQL注入、跨站点脚本(XSS)、跨站点请求伪造(CSRF)、不安全的反序列化以及日志记录不足。提供了相应的解决方案和代码示例,强调了使用参数化查询、模板引擎转义、CSRF令牌、Pydantic验证和适当的日志记录等措施,以确保应用程序的安全性。
Web框架
安全
Python
开发
从DNS到GPU:全方位解密现代Web性能优化体系
编程
从DNS到GPU:全方位解密现代Web性能优化体系
2025-03-30 09:11:45 +0800 CST
view 1074
本文系统性地分析了现代Web性能优化的17个关键环节,从DNS解析到GPU加速,涵盖了网络层、渲染关键路径、JavaScript执行等多个方面。提供了可落地的代码示例和量化指标,旨在帮助开发者实现显著的性能提升,最终实现秒开的用户体验。
Web性能
前端优化
开发者工具
eBPF:Linux内核的「万能插头」如何重塑云原生可观测性与安全格局
编程
eBPF:Linux内核的「万能插头」如何重塑云原生可观测性与安全格局
2026-04-13 03:56:14 +0800 CST
view 199
深入解析eBPF技术原理、CO-RE跨内核兼容机制,通过代码实战展示构建生产级可观测性采集系统和安全防护工具的方法,结合第四届eBPF大会技术前沿,探讨eBPF如何重塑云原生安全与可观测性格局
eBPF
Linux内核
云原生
可观测性
网络安全
CO-RE
Cilium
bpftrace
eBPF大会
容器安全
从BPF到eBPF:深入剖析Linux内核万能执行引擎的架构设计与工程实践
编程
从BPF到eBPF:深入剖析Linux内核万能执行引擎的架构设计与工程实践
2026-04-13 03:57:00 +0800 CST
view 235
深入解析eBPF技术原理、CO-RE跨内核兼容机制,通过代码实战展示构建生产级可观测性采集系统和安全防护工具的方法,结合第四届eBPF大会技术前沿,探讨eBPF如何重塑云原生安全与可观测性格局
eBPF
Linux内核
云原生
可观测性
网络安全
CO-RE
Cilium
bpftrace
eBPF大会
容器安全
10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
综合
10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
2024-11-19 09:36:25 +0800 CST
view 2258
无头浏览器是一种没有图形用户界面的Web浏览器,能够在后台执行任务,广泛应用于自动化测试、网络爬虫和数据抓取。它通过编程接口支持控制,提升测试效率并节省资源。主流工具包括Puppeteer、Selenium、Playwright等,适合在CI/CD流程中使用,但可能无法完全模拟真实用户体验。
开源工具
自动化
Web技术
测试
爬虫
综合
基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST
view 2094
这是一个基于WebCodecs实现的Web端视频编辑工具,功能类似于剪映Web版。该工具允许用户在线编辑视频,提供了便捷的编辑体验。开源地址为:https://github.com/x007xyz/fly-cut。
视频编辑
Web技术
开源工具
Shannon 深度解析:当 AI 学会自己当黑客,白盒渗透测试的范式革命
编程
Shannon 深度解析:当 AI 学会自己当黑客,白盒渗透测试的范式革命
2026-04-19 02:46:40 +0800 CST
view 218
Shannon是Keygraph开源的白盒AI渗透测试工具,38K+ Star,XBOW基准96.15%成功率。深度解析其多Agent架构、四阶段工作流、证明式验证机制,以及CI/CD集成实战。
Shannon
AI安全
渗透测试
白盒测试
OWASP
Web安全
Nginx 反向代理
编程
Nginx 反向代理
2024-11-19 08:02:10 +0800 CST
view 1419
Nginx是一种高性能的Web服务器和反向代理服务器,广泛应用于Web应用架构中。反向代理功能允许将客户端请求转发到后端服务器,并将响应返回给客户端。本文详细介绍了Nginx反向代理的配置步骤、案例及其在负载均衡中的应用,强调了安全性和扩展性。
Web服务器
反向代理
网络技术
Nginx
编程
Nginx rewrite 的用法
2024-11-18 22:59:02 +0800 CST
view 1779
Nginx的`rewrite`指令用于根据请求的URI重写路径,适用于URL重写、伪静态和重定向等场景。本文介绍了`rewrite`指令的语法、使用场景及具体案例,包括伪静态、永久重定向、去除尾斜杠和HTTP到HTTPS的重定向等。使用时需注意避免循环重定向,并优先考虑使用`try_files`指令。
Nginx
Web服务器
URL管理
NGINX 1.30 稳定版深度解析:Early Hints、MPTCP、ECH 加密与下一代 HTTP 范式革命
编程
NGINX 1.30 稳定版深度解析:Early Hints、MPTCP、ECH 加密与下一代 HTTP 范式革命
2026-04-19 11:15:09 +0800 CST
view 309
2026年4月NGINX 1.30.0稳定版正式发布,整合Early Hints、HTTP/2后端代理、MPTCP多路径传输、ECH加密等重磅新特性。本文从架构层面深度解析各核心功能原理并提供生产级配置示例。
NGINX
Web服务器
HTTP
HTTP3
反向代理
DevOps
网络安全
性能优化
NGINX 1.30 全面解读:Early Hints × MPTCP × ECH 如何重塑 Web 性能与安全边界
编程
NGINX 1.30 全面解读:Early Hints × MPTCP × ECH 如何重塑 Web 性能与安全边界
2026-04-19 11:15:28 +0800 CST
view 226
2026年4月NGINX 1.30.0稳定版正式发布,整合Early Hints、HTTP/2后端代理、MPTCP多路径传输、ECH加密等重磅新特性。本文从架构层面深度解析各核心功能原理并提供生产级配置示例。
NGINX
Web服务器
HTTP
HTTP3
反向代理
DevOps
网络安全
性能优化
thinkphp swoole websocket 结合的demo
编程
thinkphp swoole websocket 结合的demo
2024-11-18 10:18:17 +0800 CST
view 3296
WebSocket是HTML5提供的一种协议,允许在单个TCP连接上进行全双工通讯。通过WebSocketAPI,浏览器与服务器只需进行一次握手,便可建立快速通道进行数据传输。客户端使用JavaScript发起连接,连接建立后可通过send()方法发送数据,并通过onmessage事件接收服务器返回的数据。
网络通讯
Web技术
实时数据传输
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
8
9
10
11
12
...
47
下一页