程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
综合
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
2024-11-19 03:03:55 +0800 CST
view 1081
Neko虚拟浏览器是一款自托管的虚拟浏览器,允许用户在安全的虚拟环境中访问互联网。它支持多用户同时访问,适合开发人员和寻求隐私保护的用户。Neko提供了便捷的浏览体验,用户可以在多个设备上共享浏览器访问权限,适用于协作项目和资源共享。
虚拟浏览器
安全技术
WebRTC
Docker
隐私保护
如何在Vue3中使用本地存储localStorage保存数据?
编程
如何在Vue3中使用本地存储localStorage保存数据?
2024-11-19 08:11:16 +0800 CST
view 1031
本文介绍了如何在Vue3中使用localStorage保存数据,包括创建Vue3项目、实现用户输入组件、保存和检索数据的功能,以及如何结合Vuex进行全局状态管理。通过示例代码,读者可以学习到localStorage的基本用法及其在现代Web应用中的重要性,提升应用性能和用户体验。
前端开发
Vue框架
Web存储
Web浏览器的定时器问题思考
编程
Web浏览器的定时器问题思考
2024-11-18 22:19:55 +0800 CST
view 1004
本文探讨了JavaScript中定时器(setTimeout和setInterval)的执行问题,指出在CPU繁忙、频繁执行和页面后台等情况下,定时器的实际执行时间可能与预期不符。提供了示例代码展示定时器延迟的情况,并介绍了使用WebWorker来解决后台页面定时器延迟的问题,确保任务按预期执行。
JavaScript
Web开发
性能优化
定时器
浏览器
如何在Vue3中使用sessionStorage保存会话数据?
编程
如何在Vue3中使用sessionStorage保存会话数据?
2024-11-19 03:37:49 +0800 CST
view 846
本文探讨了如何在Vue3应用中使用sessionStorage保存会话数据。sessionStorage是WebStorageAPI的一部分,仅在一个会话期间有效。通过示例代码,展示了如何创建Vue3项目、表单组件,并在用户输入时保存数据到sessionStorage,以及在组件挂载时加载数据。最终实现了在页面刷新后仍能保留用户输入的数据,提升用户体验。
前端开发
WebStorage
Vue框架
Go 开发中的热加载指南
编程
Go 开发中的热加载指南
2024-11-18 23:01:27 +0800 CST
view 749
本文介绍了在Go开发中使用热加载工具Fresh和Air的方法。热加载功能可以在代码修改后实时更新服务,避免频繁重启应用程序。文章详细说明了如何安装和配置这两个工具,以及如何在项目中运行它们,以提高开发效率。
Go开发
热加载
Web开发
JavaScript 原生实现图片复制与粘贴
编程
JavaScript 原生实现图片复制与粘贴
2024-11-18 17:39:20 +0800 CST
view 740
本文介绍了如何通过JavaScript实现图片的复制与粘贴功能,解决了微信内置浏览器中用户下载图片体验差的问题。通过使用fetch获取图片数据并将其放入剪贴板,再从剪贴板读取并显示图片,简化了操作流程。此方案在iOS17中测试通过,其他设备的兼容性需进一步验证。
JavaScript
Web开发
用户体验
剪贴板操作
编程
IndexedDB-极速本地存储:浏览器中的超级数据库
2024-11-18 16:21:21 +0800 CST
view 1073
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
在Vue3中实现代码分割和懒加载
编程
在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST
view 879
本文探讨了如何在Vue3中实现代码分割和懒加载,以提高Web应用的性能和用户体验。通过使用Webpack的动态import语法,开发者可以按需加载组件,减少初始加载时间。文章提供了示例代码,展示了如何在路由和组件内部实现懒加载,并讨论了Webpack的分割策略及优化懒加载体验的方法。
前端开发
性能优化
Vue框架
Web应用
代码管理
Vue 3 中的新 `<script setup>` 语法详解
编程
Vue 3 中的新 `<script setup>` 语法详解
2024-11-19 06:45:51 +0800 CST
view 730
Vue3中的新<scriptsetup>语法为开发者提供了一种更简洁高效的方式来编写Vue组件。它通过编译时宏优化性能,支持TypeScript,简化了响应式数据、计算属性、props和emits的使用。本文详细介绍了<scriptsetup>的用法、优势及示例代码,展示了其在开发过程中的便利性和一致性。
前端开发
Vue.js
编程语言
Web技术
Vue 3 中的 Fragments 是什么?
编程
Vue 3 中的 Fragments 是什么?
2024-11-17 17:05:46 +0800 CST
view 688
本文介绍了Vue3中的Fragments特性,允许组件返回多个顶级元素而无需根节点,简化了DOM结构,提高了代码的可读性和性能。通过示例代码,展示了如何在列表和表单组件中应用Fragments,强调了其在开发中的灵活性和优势。
Vue.js
前端框架
Web开发
用户界面
性能优化
编程
ShareDB:构建实时应用从未如此简单
2024-11-18 08:39:58 +0800 CST
view 1118
ShareDB是一个全栈库,支持多用户实时协作,适用于在线文档编辑器、实时仪表板等应用。它通过Node.js服务器协调客户端,使用操作转换管理冲突。支持多种数据库和发布/订阅适配器,提供异步最终一致性、实时查询等功能。本文展示了如何安装和使用ShareDB,包括服务端和客户端示例代码。
实时协作
开发工具
Web开发
Nginx 防止IP伪造,绕过IP限制
编程
Nginx 防止IP伪造,绕过IP限制
2025-01-15 09:44:42 +0800 CST
view 1059
本文介绍了如何在Nginx中配置以防止IP伪造,确保后端应用程序能够获取真实的客户端IP。通过使用`X-Real-IP`头信息和相应的Nginx配置,能够有效避免恶意用户伪造IP地址的风险。此外,建议限制后端服务器仅接受来自Nginx的流量,以增强安全性。
网络安全
反向代理
Web架构
综合
浅谈CSRF攻击
2024-11-18 09:45:14 +0800 CST
view 940
CSRF(跨站请求伪造)是一种攻击方式,攻击者利用受害者的身份发送恶意请求,可能导致个人隐私泄露和财产损失。CSRF攻击依赖于用户在受信任网站的登录状态,攻击者通过第三方网站发起请求。防御措施包括同源检测、CSRFToken校验和双重Cookie验证,选择合适的防御策略可以提升Web应用的安全性。
网络安全
Web安全
攻击防御
综合
XSS攻击是什么?
2024-11-19 02:10:07 +0800 CST
view 650
本文介绍了XSS攻击的概念及其分类,包括反射型、存储型和DOM-basedXSS。详细阐述了每种类型的攻击原理、步骤及常见示例,并提供了防范措施,如数据过滤、HTML编码和CSP策略等。通过代码示例,展示了如何利用恶意链接和脚本进行攻击,以及如何有效防止这些攻击,确保Web应用的安全性。
网络安全
Web安全
编程
Vue 3 路由守卫详解与实战
编程
Vue 3 路由守卫详解与实战
2024-11-17 04:39:17 +0800 CST
view 753
本文详细介绍了在Vue3应用中使用路由守卫的方式,包括全局守卫、路由独享守卫和组件内守卫。通过示例代码,读者可以学习如何控制路由跳转、进行用户认证和权限校验,从而提升应用的安全性和用户体验。路由守卫的灵活性使得开发者能够更好地管理用户导航行为。
前端开发
Vue.js
Web应用
路由管理
用户体验
任务管理工具的HTML
代码
任务管理工具的HTML
2025-01-20 22:36:11 +0800 CST
view 687
该文本描述了一个任务管理工具的HTML结构和功能,包括任务输入、进度条、任务列表、拖放功能以及导出链接的功能。工具使用了现代的CSS样式来创建一个科技感的界面,并通过JavaScript实现任务的添加、删除、标记完成和进度更新。所有任务数据存储在本地存储中,用户可以通过链接导出任务。
Web开发
前端技术
任务管理工具
Salvo,一个为高性能和简洁性设计的RustWeb服务器框架
编程
Salvo,一个为高性能和简洁性设计的RustWeb服务器框架
2024-11-18 15:44:05 +0800 CST
view 1017
本指南介绍了Salvo,一个为高性能和简洁性设计的RustWeb服务器框架。通过实际示例,读者可以学习如何使用Salvo构建Web应用,包括灵活的路由系统、中间件支持、异步处理和静态文件服务等核心特性。指南还提供了环境准备、HelloWorld应用的编写及运行方法,帮助开发者快速上手Salvo。
Rust
Web开发
框架
php获取当前域名
代码
php获取当前域名
2024-11-18 00:12:48 +0800 CST
view 814
这段PHP代码用于检查当前请求是否使用HTTPS协议,并获取当前域名,最终组合成完整的URL并输出。代码首先判断HTTPS的状态,然后通过$_SERVER变量获取主机名,最后将协议和主机名组合成完整的URL。
编程
Web开发
安全
编程
2025,重新认识 HTML!
2025-02-07 14:40:00 +0800 CST
view 666
本文探讨了HTML的最新特性,包括可定制样式的下拉菜单、直接操控Popover、Checkbox变身Toggle、使用<search>简化搜索、声明式ShadowDOM、ImportMaps导入模块、inert属性、响应式视频以及利用<details>标签创建交互式手风琴效果。这些新特性为开发者提供了更灵活和现代的用户交互体验。
Web开发
前端技术
HTML5
Python 基于 SSE 实现流式模式
编程
Python 基于 SSE 实现流式模式
2025-02-16 17:21:01 +0800 CST
view 736
本文介绍了如何使用Python实现基于Server-SentEvents(SSE)的流式模式,强调了流式模式的优势和应用场景。通过FastAPI实现服务端数据流,使用JavaScript的EventSourceAPI在客户端接收实时消息。SSE适合单向数据推送,与WebSocket的双向通信进行了对比,展望了未来在HTTP/3协议下的应用前景。
编程
Web开发
实时通信
数据流
Vue3中实现基于用户权限的动态路由加载
编程
Vue3中实现基于用户权限的动态路由加载
2024-11-19 06:13:52 +0800 CST
view 781
本文探讨了如何在Vue3中实现基于用户权限的动态路由加载。通过定义用户权限模型和使用vue-router与vuex,动态生成路由并结合导航守卫进行权限控制,从而提高用户体验和系统安全性。用户登录后,系统根据其角色加载相应的页面,确保无权限用户无法访问敏感内容。
Web应用
前端开发
权限控制
Vue框架
动态路由
H5端向App端通信(Uniapp 必会)
编程
H5端向App端通信(Uniapp 必会)
2025-02-20 10:32:26 +0800 CST
view 712
本文介绍了如何使用uniapp实现H5端向App端的通信,解决WebView嵌套问题。通过在App端的webview组件接收消息和在H5端使用postMessage发送消息,用户可以在支付成功后顺利返回App端的订单列表页。此方法有效避免了WebView的嵌套问题,确保了通信的顺畅。
开发
技术
移动应用
Web开发
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 660
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
Go 语言中的万能 HTTP 工具:Resty 客户端全面指南
编程
Go 语言中的万能 HTTP 工具:Resty 客户端全面指南
2024-11-18 20:28:55 +0800 CST
view 1452
在现代Web开发中,HTTP请求和响应是不可避免的组成部分。Go语言的`go-resty/resty`库提供了一个强大且简洁的解决方案,使得编写HTTP请求变得更加方便。本文介绍了Resty的安装、使用、常见请求类型、JSON响应处理、文件上传与下载、超时与重试机制、中间件、上下文支持、代理与认证、Cookie管理等功能,适合需要处理HTTP请求的开发者。
Web开发
Go语言
HTTP客户端
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
...
6
7
8
9
10
...
14
下一页