程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
html一些比较人使用的技巧和代码
编程
html一些比较人使用的技巧和代码
2024-11-17 05:05:01 +0800 CST
view 3008
本文介绍了一系列JavaScript和HTML代码片段,用于增强网页的安全性和用户体验,包括禁止右键、复制、粘贴等功能,防止网页被框架化和缓存,以及自定义表单样式和图标等。通过这些代码,开发者可以有效地控制用户对网页的操作,保护内容不被随意复制或修改。
网页安全
JavaScript
HTML
GitHub史上最大规模供应链级联攻击:3,800个内部仓库被窃——从TanStack投毒到"国家安全部"警告的完整技术剖析(2026)
编程
GitHub史上最大规模供应链级联攻击:3,800个内部仓库被窃——从TanStack投毒到"国家安全部"警告的完整技术剖析(2026)
2026-06-22 13:57:19 +0800 CST
view 73
2026年6月,GitHub史上最大规模供应链级联攻击爆发。攻击者从TanStack npm投毒切入,经Nx贡献者凭证窃取、Nx Console VS Code扩展投毒,最终在48小时内窃取GitHub约3,800个内部仓库。本文深度还原完整攻击链,剖析Mastra、Miasma等连锁事件,并提供从个人到企业的完整防御方案。
供应链安全
npm投毒
GitHub安全
网络安全
CVE-2026
开源安全
VS Code插件投毒事件深度解析:GitHub 3800个内部仓库被盗背后的供应链安全危机——从攻击链、权限提升到防御体系完全指南(2026)
编程
VS Code插件投毒事件深度解析:GitHub 3800个内部仓库被盗背后的供应链安全危机——从攻击链、权限提升到防御体系完全指南(2026)
2026-05-29 07:38:26 +0800 CST
view 352
2026年5月GitHub因员工安装被投毒的VS Code插件导致3800个内部仓库被盗。本文深度分析攻击链、VS Code插件权限机制、供应链安全危机,并提供从个人到企业的完整防御体系构建方案。
VS Code插件安全
GitHub安全事件
供应链安全
软件安全
插件投毒
供应链攻击新战场:VS Code插件投毒如何端走GitHub 3800个内部仓库——攻击链深度剖析与零信任防御体系构建(2026)
编程
供应链攻击新战场:VS Code插件投毒如何端走GitHub 3800个内部仓库——攻击链深度剖析与零信任防御体系构建(2026)
2026-05-29 07:39:13 +0800 CST
view 387
2026年5月GitHub因员工安装被投毒的VS Code插件导致3800个内部仓库被盗。本文深度分析攻击链、VS Code插件权限机制、供应链安全危机,并提供从个人到企业的完整防御体系构建方案。
VS Code插件安全
GitHub安全事件
供应链安全
软件安全
插件投毒
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1390
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
编程
15 个你应该了解的有用 CSS 属性
2024-11-18 15:24:50 +0800 CST
view 1754
本文介绍了15个开发者应该了解但常被忽视的有用CSS属性,包括caret-color、accent-color、pointer-events等,旨在提升网页设计和用户体验。通过这些属性,开发者可以更好地控制元素的样式和行为,从而构建更具吸引力和功能性的网站。
网页设计
前端开发
CSS
动态渐变背景
代码
动态渐变背景
2024-11-19 01:49:50 +0800 CST
view 1605
该文本展示了一个使用HTML和CSS创建的动态渐变背景效果。通过CSS的背景剪裁和线性渐变,标题文字呈现出渐变动画,背景色为浅灰色,整个页面居中显示。使用了@keyframes定义动画,使背景在不同颜色之间平滑过渡,增强视觉效果。
网页设计
前端开发
动画效果
综合
Granim.js:为网页背景、元素和文字添加交互式渐变效果
2024-11-19 08:26:02 +0800 CST
view 2106
Granim.js是一个开源的JavaScript库,用于创建流畅的交互式渐变动画,支持丰富的渐变配置和易用的API。它可以为网页的背景、元素和文字添加动态渐变效果,适用于简单和复杂的场景,如图像蒙层和文字渐变。该库提供了多种选项和回调函数,允许用户自定义动画效果,提升网页的视觉吸引力。
前端开发
动画效果
网页设计
开源库
用户体验
11 个实用 CSS 技巧,提升你的前端开发效率
编程
11 个实用 CSS 技巧,提升你的前端开发效率
2025-05-11 09:23:52 +0800 CST
view 1301
本文介绍了11个实用的CSS技巧,旨在提升前端开发效率。技巧包括使用`shape-outside`实现图片文字环绕、`:where()`简化选择器、`scroll-behavior`实现平滑滚动等。这些技巧不仅能提高代码可读性,还能增强用户体验,帮助开发者写出更优雅和可维护的代码。
前端
CSS
开发技巧
用户体验
网页设计
代码
底部导航栏
2024-11-19 01:12:32 +0800 CST
view 1605
该文本展示了一个底部导航栏的HTML和CSS实现,包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局,包含多个导航项,每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能,增强了用户体验。整体设计注重语义化和响应式布局,适合现代网页应用。
前端开发
网页设计
用户界面
交互设计
代码
html一个全屏背景视频
2024-11-18 00:48:20 +0800 CST
view 1492
该文本是一个HTML文档,展示了一个名为“程序员茄子”的专业网站开发页面。页面包含一个全屏背景视频和中心内容,内容包括标题和描述,旨在吸引用户并提供联系链接。使用了CSS样式来设置布局、字体、动画效果和按钮样式,整体设计现代且具有视觉吸引力。
网页设计
前端开发
用户体验
代码
手机导航效果
2024-11-19 07:53:16 +0800 CST
view 1766
该文本展示了一个简单的HTML网页结构,包含了基本的CSS样式,用于创建一个带有下拉菜单的导航栏。导航栏包含四个链接:主页、关于、服务和联系。CSS样式定义了页面的背景颜色、文本对齐方式以及导航链接的悬停效果,增强了用户体验。
网页开发
前端设计
用户界面
前端项目中图片的使用规范
编程
前端项目中图片的使用规范
2024-11-19 09:30:04 +0800 CST
view 1613
本文详细介绍了前端项目中图片的使用规范,包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化和可访问性等方面。合理的图片使用不仅能提高页面加载速度,还能增强用户体验和SEO效果。
前端开发
用户体验
性能优化
网页设计
可访问性
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
代码
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
2025-05-15 10:22:08 +0800 CST
view 1540
本文介绍了一种纯CSS实现的3D翻书特效,展示了如何通过CSS的高级特性如transform-style、perspective和transition等,创建逼真的翻页效果。该特效无需JavaScript,提供了优秀的交互体验,适合练习CSS3变换与3D动画。文中还提供了完整的HTML源码,便于读者直接使用和修改。
前端开发
CSS
动画效果
网页设计
用户体验
编程
CSS中实现从左下角到右上角的渐变效果
2024-11-19 02:17:33 +0800 CST
view 1786
本文详细介绍了如何在CSS中实现从左下角到右上角的渐变效果。通过使用`linear-gradient`函数,可以指定渐变的方向和颜色过渡。示例中展示了两种颜色渐变、使用角度定义渐变以及添加多个颜色停止点来创建复杂的渐变效果。总结了方向渐变、颜色控制和多颜色渐变的实现方法,帮助读者更好地理解和应用CSS渐变。
前端开发
CSS
网页设计
解决闪烁问题的完整图片悬停放大HTML代码
代码
解决闪烁问题的完整图片悬停放大HTML代码
2025-05-21 23:23:54 +0800 CST
view 1315
本文介绍了一种解决图片悬停放大时闪烁问题的HTML代码。通过使用CSS的`opacity`和`visibility`属性替代`display`,优化事件处理逻辑,并添加过渡动画效果,使得显示和隐藏过程更加平滑自然。提供了完整的HTML和JavaScript代码示例,详细说明了如何实现无闪烁的放大效果。
前端开发
网页设计
用户体验
编程
如何在前端避免重排(Reflow)和重绘(Repaint)
2024-11-19 02:28:18 +0800 CST
view 1662
本文介绍了如何在前端开发中避免重排和重绘,以提高页面性能和用户体验。通过减少DOM操作、使用CSS动画、利用合成层、以及合理使用will-change属性等技术,可以有效降低重排和重绘的频率,从而优化页面渲染性能。总结了关键策略,强调了批量操作DOM和避免昂贵的CSS属性的重要性。
前端开发
性能优化
网页设计
120个实用CSS技巧汇总合集
代码
120个实用CSS技巧汇总合集
2025-06-23 13:19:55 +0800 CST
view 1176
本文汇总了120个实用的CSS技巧,涵盖布局、视觉样式、交互、性能优化、动画效果等多个方面,适合新手和进阶前端工程师。每个技巧都配有代码示例,帮助开发者提升页面性能与用户体验,掌握高效、优雅的前端开发技能。
前端开发
CSS
网页设计
Scrapling 深度实战:当爬虫学会「自适应进化」——从 StealthyFetcher 隐身引擎到自适应解析的生产级完全指南(2026)
编程
Scrapling 深度实战:当爬虫学会「自适应进化」——从 StealthyFetcher 隐身引擎到自适应解析的生产级完全指南(2026)
2026-06-11 09:21:13 +0800 CST
view 207
Scrapling 是2026年GitHub最火的下一代Python爬虫框架,通过StealthyFetcher隐身引擎(JA3/JA4指纹伪装)和AdaptiveParser自适应解析,让Cloudflare通过率从5%提升到92%,网站改版不再导致爬虫报废。本文深度拆解架构设计、生产级实战代码、性能对比及分布式调度方案。
Scrapling
Python
爬虫
反爬虫
Cloudflare
StealthyFetcher
自适应解析
网页抓取
数据采集
编程
巧用opacity实现input的文件上传美化
2024-11-19 00:06:05 +0800 CST
view 3469
本文讨论了如何美化文件上传标签,以提升用户体验。原生的上传按钮被认为不美观,因此提供了HTML和CSS代码示例,展示了如何使用自定义样式和图标来改善上传界面的外观。示例中包括了两个不同的上传框,分别用于身份证的正面和反面,配合相应的图标和描述。
前端开发
用户界面
网页设计
一个简单的打字机效果的实现
代码
一个简单的打字机效果的实现
2024-11-19 04:47:27 +0800 CST
view 1449
该文本展示了一个简单的打字机效果的实现,使用HTML、CSS和JavaScript。通过CSS样式定义了打字机效果的外观和动画,JavaScript用于动态设置文本和控制动画的重置与执行。每隔5秒,文本会重新执行打字机效果,增强了用户体验。
前端开发
网页设计
动画效果
综合
particles.js:轻量级 JavaScript 粒子库
2024-11-18 07:46:04 +0800 CST
view 1590
particles.js是一个轻量级的JavaScript库,用于在网页上创建粒子效果。用户可以自定义粒子的数量、颜色、形状及运动方式。使用方法包括添加容器、引入库、加载配置和设置选项。该库支持npm、Bower和CDN安装,并提供丰富的配置选项以增强网页视觉效果。相关项目包括Three.js、PixiJS和p5.js。
JavaScript库
网页效果
前端开发
在网页中嵌入 Google 翻译小部件的实践指南
编程
在网页中嵌入 Google 翻译小部件的实践指南
2025-07-17 22:32:44 +0800 CST
view 1309
本文介绍了如何在网页中嵌入Google翻译小部件的实践指南,包括背景、基本使用方法、注意事项及替代方案。尽管Google于2019年停止推广该小部件,但仍可在非商业网站上使用。提供了代码示例和样式定制建议,并推荐了适合商业站点的替代方案,如GoogleCloudTranslationAPI和TranslatePress插件。
网页开发
翻译工具
技术指南
Google服务
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1670
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
...
14
下一页