程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
如何在Vue3中使用本地存储localStorage保存数据?
编程
如何在Vue3中使用本地存储localStorage保存数据?
2024-11-19 08:11:16 +0800 CST
view 1054
本文介绍了如何在Vue3中使用localStorage保存数据,包括创建Vue3项目、实现用户输入组件、保存和检索数据的功能,以及如何结合Vuex进行全局状态管理。通过示例代码,读者可以学习到localStorage的基本用法及其在现代Web应用中的重要性,提升应用性能和用户体验。
前端开发
Vue框架
Web存储
Web浏览器的定时器问题思考
编程
Web浏览器的定时器问题思考
2024-11-18 22:19:55 +0800 CST
view 1029
本文探讨了JavaScript中定时器(setTimeout和setInterval)的执行问题,指出在CPU繁忙、频繁执行和页面后台等情况下,定时器的实际执行时间可能与预期不符。提供了示例代码展示定时器延迟的情况,并介绍了使用WebWorker来解决后台页面定时器延迟的问题,确保任务按预期执行。
JavaScript
Web开发
性能优化
定时器
浏览器
如何在Vue3中使用sessionStorage保存会话数据?
编程
如何在Vue3中使用sessionStorage保存会话数据?
2024-11-19 03:37:49 +0800 CST
view 864
本文探讨了如何在Vue3应用中使用sessionStorage保存会话数据。sessionStorage是WebStorageAPI的一部分,仅在一个会话期间有效。通过示例代码,展示了如何创建Vue3项目、表单组件,并在用户输入时保存数据到sessionStorage,以及在组件挂载时加载数据。最终实现了在页面刷新后仍能保留用户输入的数据,提升用户体验。
前端开发
WebStorage
Vue框架
Go 开发中的热加载指南
编程
Go 开发中的热加载指南
2024-11-18 23:01:27 +0800 CST
view 766
本文介绍了在Go开发中使用热加载工具Fresh和Air的方法。热加载功能可以在代码修改后实时更新服务,避免频繁重启应用程序。文章详细说明了如何安装和配置这两个工具,以及如何在项目中运行它们,以提高开发效率。
Go开发
热加载
Web开发
JavaScript 原生实现图片复制与粘贴
编程
JavaScript 原生实现图片复制与粘贴
2024-11-18 17:39:20 +0800 CST
view 753
本文介绍了如何通过JavaScript实现图片的复制与粘贴功能,解决了微信内置浏览器中用户下载图片体验差的问题。通过使用fetch获取图片数据并将其放入剪贴板,再从剪贴板读取并显示图片,简化了操作流程。此方案在iOS17中测试通过,其他设备的兼容性需进一步验证。
JavaScript
Web开发
用户体验
剪贴板操作
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 1171
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
编程
Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST
view 998
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库,支持高度可定制的打字和删除速度,适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例,展示了如何在Vue组件中集成Typed.js,提升用户体验。
前端开发
JavaScript
动态效果
用户体验
Web设计
在Vue3中实现代码分割和懒加载
编程
在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST
view 892
本文探讨了如何在Vue3中实现代码分割和懒加载,以提高Web应用的性能和用户体验。通过使用Webpack的动态import语法,开发者可以按需加载组件,减少初始加载时间。文章提供了示例代码,展示了如何在路由和组件内部实现懒加载,并讨论了Webpack的分割策略及优化懒加载体验的方法。
前端开发
性能优化
Vue框架
Web应用
代码管理
Vue 3 中的 Fragments 是什么?
编程
Vue 3 中的 Fragments 是什么?
2024-11-17 17:05:46 +0800 CST
view 702
本文介绍了Vue3中的Fragments特性,允许组件返回多个顶级元素而无需根节点,简化了DOM结构,提高了代码的可读性和性能。通过示例代码,展示了如何在列表和表单组件中应用Fragments,强调了其在开发中的灵活性和优势。
Vue.js
前端框架
Web开发
用户界面
性能优化
编程
ShareDB:构建实时应用从未如此简单
2024-11-18 08:39:58 +0800 CST
view 1134
ShareDB是一个全栈库,支持多用户实时协作,适用于在线文档编辑器、实时仪表板等应用。它通过Node.js服务器协调客户端,使用操作转换管理冲突。支持多种数据库和发布/订阅适配器,提供异步最终一致性、实时查询等功能。本文展示了如何安装和使用ShareDB,包括服务端和客户端示例代码。
实时协作
开发工具
Web开发
Nginx 防止IP伪造,绕过IP限制
编程
Nginx 防止IP伪造,绕过IP限制
2025-01-15 09:44:42 +0800 CST
view 1102
本文介绍了如何在Nginx中配置以防止IP伪造,确保后端应用程序能够获取真实的客户端IP。通过使用`X-Real-IP`头信息和相应的Nginx配置,能够有效避免恶意用户伪造IP地址的风险。此外,建议限制后端服务器仅接受来自Nginx的流量,以增强安全性。
网络安全
反向代理
Web架构
综合
浅谈CSRF攻击
2024-11-18 09:45:14 +0800 CST
view 952
CSRF(跨站请求伪造)是一种攻击方式,攻击者利用受害者的身份发送恶意请求,可能导致个人隐私泄露和财产损失。CSRF攻击依赖于用户在受信任网站的登录状态,攻击者通过第三方网站发起请求。防御措施包括同源检测、CSRFToken校验和双重Cookie验证,选择合适的防御策略可以提升Web应用的安全性。
网络安全
Web安全
攻击防御
综合
XSS攻击是什么?
2024-11-19 02:10:07 +0800 CST
view 667
本文介绍了XSS攻击的概念及其分类,包括反射型、存储型和DOM-basedXSS。详细阐述了每种类型的攻击原理、步骤及常见示例,并提供了防范措施,如数据过滤、HTML编码和CSP策略等。通过代码示例,展示了如何利用恶意链接和脚本进行攻击,以及如何有效防止这些攻击,确保Web应用的安全性。
网络安全
Web安全
编程
Vue 3 路由守卫详解与实战
编程
Vue 3 路由守卫详解与实战
2024-11-17 04:39:17 +0800 CST
view 771
本文详细介绍了在Vue3应用中使用路由守卫的方式,包括全局守卫、路由独享守卫和组件内守卫。通过示例代码,读者可以学习如何控制路由跳转、进行用户认证和权限校验,从而提升应用的安全性和用户体验。路由守卫的灵活性使得开发者能够更好地管理用户导航行为。
前端开发
Vue.js
Web应用
路由管理
用户体验
Salvo,一个为高性能和简洁性设计的RustWeb服务器框架
编程
Salvo,一个为高性能和简洁性设计的RustWeb服务器框架
2024-11-18 15:44:05 +0800 CST
view 1041
本指南介绍了Salvo,一个为高性能和简洁性设计的RustWeb服务器框架。通过实际示例,读者可以学习如何使用Salvo构建Web应用,包括灵活的路由系统、中间件支持、异步处理和静态文件服务等核心特性。指南还提供了环境准备、HelloWorld应用的编写及运行方法,帮助开发者快速上手Salvo。
Rust
Web开发
框架
php获取当前域名
代码
php获取当前域名
2024-11-18 00:12:48 +0800 CST
view 828
这段PHP代码用于检查当前请求是否使用HTTPS协议,并获取当前域名,最终组合成完整的URL并输出。代码首先判断HTTPS的状态,然后通过$_SERVER变量获取主机名,最后将协议和主机名组合成完整的URL。
编程
Web开发
安全
综合
20个超实用的CSS动画库
2024-11-18 07:23:12 +0800 CST
view 843
本文介绍了20个超实用的CSS动画库,适用于Web项目,提供多种动态效果。这些库大多数生成纯CSS代码,无需外部依赖,涵盖了加载动画、悬停效果、文本动画等,帮助开发者快速集成和提升用户体验。无论是构建交互效果还是丰富页面展示,这些工具都能为项目注入活力。
前端开发
动画
Web设计
用户体验
Python 基于 SSE 实现流式模式
编程
Python 基于 SSE 实现流式模式
2025-02-16 17:21:01 +0800 CST
view 768
本文介绍了如何使用Python实现基于Server-SentEvents(SSE)的流式模式,强调了流式模式的优势和应用场景。通过FastAPI实现服务端数据流,使用JavaScript的EventSourceAPI在客户端接收实时消息。SSE适合单向数据推送,与WebSocket的双向通信进行了对比,展望了未来在HTTP/3协议下的应用前景。
编程
Web开发
实时通信
数据流
Vue3中实现基于用户权限的动态路由加载
编程
Vue3中实现基于用户权限的动态路由加载
2024-11-19 06:13:52 +0800 CST
view 787
本文探讨了如何在Vue3中实现基于用户权限的动态路由加载。通过定义用户权限模型和使用vue-router与vuex,动态生成路由并结合导航守卫进行权限控制,从而提高用户体验和系统安全性。用户登录后,系统根据其角色加载相应的页面,确保无权限用户无法访问敏感内容。
Web应用
前端开发
权限控制
Vue框架
动态路由
Go 语言中的万能 HTTP 工具:Resty 客户端全面指南
编程
Go 语言中的万能 HTTP 工具:Resty 客户端全面指南
2024-11-18 20:28:55 +0800 CST
view 1484
在现代Web开发中,HTTP请求和响应是不可避免的组成部分。Go语言的`go-resty/resty`库提供了一个强大且简洁的解决方案,使得编写HTTP请求变得更加方便。本文介绍了Resty的安装、使用、常见请求类型、JSON响应处理、文件上传与下载、超时与重试机制、中间件、上下文支持、代理与认证、Cookie管理等功能,适合需要处理HTTP请求的开发者。
Web开发
Go语言
HTTP客户端
使用 LangChainGo + Gin 实现流式 AI 问答系统
编程
使用 LangChainGo + Gin 实现流式 AI 问答系统
2025-03-09 22:26:15 +0800 CST
view 996
本文介绍了如何使用LangChainGo和Gin框架结合Ollama大语言模型实现一个流式AI问答系统。通过流式响应,用户可以实时接收AI的回答,提升体验。文章详细描述了后端实现步骤,包括项目创建、代码编写及使用curl进行测试,最后展示了简单的前端实现。完整代码已开源,鼓励读者改进和扩展。
AI
编程
Web开发
流式处理
后端开发
Rust从零开始构建一个简单的单线程Web服务器
编程
Rust从零开始构建一个简单的单线程Web服务器
2024-11-18 12:27:22 +0800 CST
view 950
本文介绍了如何使用Rust从零开始构建一个简单的单线程Web服务器,涵盖了Web服务器的基本原理、TCP连接的处理、HTTP请求的解析和响应的构造。通过示例代码,读者可以理解Rust的高性能和内存安全特性,以及如何组织和重构代码以提高可维护性。
编程
Web开发
Rust
PHP来做一个短网址(短链接)服务
编程
PHP来做一个短网址(短链接)服务
2024-11-17 22:18:37 +0800 CST
view 779
本教程介绍了如何使用PHP创建一个短网址服务,包括短链接的定义、优点、数据库设计、PHP代码实现及伪静态规则。用户可以通过简短的链接访问长网址,并记录访问数据。教程还提供了代码示例,展示了如何处理表单提交和生成短网址,适合需要简化链接分享和管理的开发者。
编程
Web开发
PHP
数据库
短链接服务
响应式设计已死?流体布局才是未来!
编程
响应式设计已死?流体布局才是未来!
2025-03-12 18:30:00 +0800 CST
view 634
流体布局是一种Web设计方法,通过使用相对单位(如百分比、em、rem)使页面元素随屏幕大小动态调整,提供更好的用户体验。与传统固定布局相比,流体布局无需手动调整代码,自动适应不同屏幕,提升移动端体验和SEO排名,同时加快页面加载速度,是未来Web设计的核心趋势。
Web设计
前端开发
用户体验
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
...
6
7
8
9
10
...
16
下一页