15年，专注软件定制开发

php mysql shell go vue css api接口对接支付接口对接

html一些比较人使用的技巧和代码

html一些比较人使用的技巧和代码
2024-11-17 05:05:01 +0800 CST view 2347
本文介绍了一系列JavaScript和HTML代码片段，用于增强网页的安全性和用户体验，包括禁止右键、复制、粘贴等功能，防止网页被框架化和缓存，以及自定义表单样式和图标等。通过这些代码，开发者可以有效地控制用户对网页的操作，保护内容不被随意复制或修改。
网页安全 JavaScript HTML

7种常见的前端攻击及其防范措施，包括跨站脚本攻击（XSS）、跨站请求伪造（CSRF）、点击劫持、CDN劫持、HTTPS降级攻击和中间人攻击（MitM）

7种常见的前端攻击及其防范措施，包括跨站脚本攻击（XSS）、跨站请求伪造（CSRF）、点击劫持、CDN劫持、HTTPS降级攻击和中间人攻击（MitM）
2024-11-19 01:35:40 +0800 CST view 866
本文介绍了7种常见的前端攻击及其防范措施，包括跨站脚本攻击（XSS）、跨站请求伪造（CSRF）、点击劫持、CDN劫持、HTTPS降级攻击和中间人攻击（MitM）。通过清理用户输入、使用CSRF令牌、强制HTTPS等策略，网站可以有效提高安全性，保护用户数据和隐私。
网络安全前端开发信息安全

浅谈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安全编程

Nginx 如何防止 DDoS 攻击

Nginx 如何防止 DDoS 攻击
2024-11-18 21:51:48 +0800 CST view 960
本文介绍了如何利用Nginx防止DDoS攻击，包括限制请求率、连接数量、关闭慢连接、设置IP黑名单和白名单、通过缓存削减流量峰值等方法。通过这些配置，可以有效保护网站免受恶意攻击，确保正常用户的访问体验。
网络安全服务器配置 DDoS防护网站安全

回到上次阅读位置技术实践

回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST view 589
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案：使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测，分析了各方案的优缺点及适用场景，提供了选型建议以提升用户体验。
前端开发用户体验技术方案网页设计

15 个你应该了解的有用 CSS 属性
2024-11-18 15:24:50 +0800 CST view 865
本文介绍了15个开发者应该了解但常被忽视的有用CSS属性，包括caret-color、accent-color、pointer-events等，旨在提升网页设计和用户体验。通过这些属性，开发者可以更好地控制元素的样式和行为，从而构建更具吸引力和功能性的网站。
网页设计前端开发 CSS

动态渐变背景

动态渐变背景
2024-11-19 01:49:50 +0800 CST view 787
该文本展示了一个使用HTML和CSS创建的动态渐变背景效果。通过CSS的背景剪裁和线性渐变，标题文字呈现出渐变动画，背景色为浅灰色，整个页面居中显示。使用了@keyframes定义动画，使背景在不同颜色之间平滑过渡，增强视觉效果。
网页设计前端开发动画效果

Granim.js：为网页背景、元素和文字添加交互式渐变效果
2024-11-19 08:26:02 +0800 CST view 1170
Granim.js是一个开源的JavaScript库，用于创建流畅的交互式渐变动画，支持丰富的渐变配置和易用的API。它可以为网页的背景、元素和文字添加动态渐变效果，适用于简单和复杂的场景，如图像蒙层和文字渐变。该库提供了多种选项和回调函数，允许用户自定义动画效果，提升网页的视觉吸引力。
前端开发动画效果网页设计开源库用户体验

11 个实用 CSS 技巧，提升你的前端开发效率

11 个实用 CSS 技巧，提升你的前端开发效率
2025-05-11 09:23:52 +0800 CST view 405
本文介绍了11个实用的CSS技巧，旨在提升前端开发效率。技巧包括使用`shape-outside`实现图片文字环绕、`:where()`简化选择器、`scroll-behavior`实现平滑滚动等。这些技巧不仅能提高代码可读性，还能增强用户体验，帮助开发者写出更优雅和可维护的代码。
前端 CSS 开发技巧用户体验网页设计

底部导航栏
2024-11-19 01:12:32 +0800 CST view 798
该文本展示了一个底部导航栏的HTML和CSS实现，包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局，包含多个导航项，每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能，增强了用户体验。整体设计注重语义化和响应式布局，适合现代网页应用。
前端开发网页设计用户界面交互设计

html一个全屏背景视频
2024-11-18 00:48:20 +0800 CST view 691
该文本是一个HTML文档，展示了一个名为“程序员茄子”的专业网站开发页面。页面包含一个全屏背景视频和中心内容，内容包括标题和描述，旨在吸引用户并提供联系链接。使用了CSS样式来设置布局、字体、动画效果和按钮样式，整体设计现代且具有视觉吸引力。
网页设计前端开发用户体验

手机导航效果
2024-11-19 07:53:16 +0800 CST view 1103
该文本展示了一个简单的HTML网页结构，包含了基本的CSS样式，用于创建一个带有下拉菜单的导航栏。导航栏包含四个链接：主页、关于、服务和联系。CSS样式定义了页面的背景颜色、文本对齐方式以及导航链接的悬停效果，增强了用户体验。
网页开发前端设计用户界面

前端项目中图片的使用规范

前端项目中图片的使用规范
2024-11-19 09:30:04 +0800 CST view 750
本文详细介绍了前端项目中图片的使用规范，包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化和可访问性等方面。合理的图片使用不仅能提高页面加载速度，还能增强用户体验和SEO效果。
前端开发用户体验性能优化网页设计可访问性

🚀纯CSS实现3D翻书特效！无JavaScript也能玩出花

🚀纯CSS实现3D翻书特效！无JavaScript也能玩出花
2025-05-15 10:22:08 +0800 CST view 523
本文介绍了一种纯CSS实现的3D翻书特效，展示了如何通过CSS的高级特性如transform-style、perspective和transition等，创建逼真的翻页效果。该特效无需JavaScript，提供了优秀的交互体验，适合练习CSS3变换与3D动画。文中还提供了完整的HTML源码，便于读者直接使用和修改。
前端开发 CSS 动画效果网页设计用户体验

CSS中实现从左下角到右上角的渐变效果
2024-11-19 02:17:33 +0800 CST view 954
本文详细介绍了如何在CSS中实现从左下角到右上角的渐变效果。通过使用`linear-gradient`函数，可以指定渐变的方向和颜色过渡。示例中展示了两种颜色渐变、使用角度定义渐变以及添加多个颜色停止点来创建复杂的渐变效果。总结了方向渐变、颜色控制和多颜色渐变的实现方法，帮助读者更好地理解和应用CSS渐变。
前端开发 CSS 网页设计

解决闪烁问题的完整图片悬停放大HTML代码

解决闪烁问题的完整图片悬停放大HTML代码
2025-05-21 23:23:54 +0800 CST view 359
本文介绍了一种解决图片悬停放大时闪烁问题的HTML代码。通过使用CSS的`opacity`和`visibility`属性替代`display`，优化事件处理逻辑，并添加过渡动画效果，使得显示和隐藏过程更加平滑自然。提供了完整的HTML和JavaScript代码示例，详细说明了如何实现无闪烁的放大效果。
前端开发网页设计用户体验

如何在前端避免重排（Reflow）和重绘（Repaint）
2024-11-19 02:28:18 +0800 CST view 830
本文介绍了如何在前端开发中避免重排和重绘，以提高页面性能和用户体验。通过减少DOM操作、使用CSS动画、利用合成层、以及合理使用will-change属性等技术，可以有效降低重排和重绘的频率，从而优化页面渲染性能。总结了关键策略，强调了批量操作DOM和避免昂贵的CSS属性的重要性。
前端开发性能优化网页设计

120个实用CSS技巧汇总合集

120个实用CSS技巧汇总合集
2025-06-23 13:19:55 +0800 CST view 188
本文汇总了120个实用的CSS技巧，涵盖布局、视觉样式、交互、性能优化、动画效果等多个方面，适合新手和进阶前端工程师。每个技巧都配有代码示例，帮助开发者提升页面性能与用户体验，掌握高效、优雅的前端开发技能。
前端开发 CSS 网页设计

巧用opacity实现input的文件上传美化
2024-11-19 00:06:05 +0800 CST view 2696
本文讨论了如何美化文件上传标签，以提升用户体验。原生的上传按钮被认为不美观，因此提供了HTML和CSS代码示例，展示了如何使用自定义样式和图标来改善上传界面的外观。示例中包括了两个不同的上传框，分别用于身份证的正面和反面，配合相应的图标和描述。
前端开发用户界面网页设计

一个简单的打字机效果的实现

一个简单的打字机效果的实现
2024-11-19 04:47:27 +0800 CST view 766
该文本展示了一个简单的打字机效果的实现，使用HTML、CSS和JavaScript。通过CSS样式定义了打字机效果的外观和动画，JavaScript用于动态设置文本和控制动画的重置与执行。每隔5秒，文本会重新执行打字机效果，增强了用户体验。
前端开发网页设计动画效果

particles.js：轻量级 JavaScript 粒子库
2024-11-18 07:46:04 +0800 CST view 788
particles.js是一个轻量级的JavaScript库，用于在网页上创建粒子效果。用户可以自定义粒子的数量、颜色、形状及运动方式。使用方法包括添加容器、引入库、加载配置和设置选项。该库支持npm、Bower和CDN安装，并提供丰富的配置选项以增强网页视觉效果。相关项目包括Three.js、PixiJS和p5.js。
JavaScript库网页效果前端开发

在网页中嵌入 Google 翻译小部件的实践指南

在网页中嵌入 Google 翻译小部件的实践指南
2025-07-17 22:32:44 +0800 CST view 116
本文介绍了如何在网页中嵌入Google翻译小部件的实践指南，包括背景、基本使用方法、注意事项及替代方案。尽管Google于2019年停止推广该小部件，但仍可在非商业网站上使用。提供了代码示例和样式定制建议，并推荐了适合商业站点的替代方案，如GoogleCloudTranslationAPI和TranslatePress插件。
网页开发翻译工具技术指南 Google服务

CSS 奇技淫巧

CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST view 848
本文介绍了一系列高效的CSS技巧，旨在帮助前端开发者减少JavaScript代码，提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧，适用于现代网页设计。
前端开发 CSS 用户体验网页设计响应式设计

上一页12 3...7 下一页