前端

彻底理解粘性定位 - position: sticky

粘性定位可以被认为是相对定位(position: relative)和固定定位(position: fixed)的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。例如: .sticky-header { position: sticky; top: 10px; } 在 视口滚动到元素 top 距离小于 10px 之前,元素为相对定位。之后,元素将固定在与顶部距离 10px 的位置,直到

Vue3中使用setup监听props

背景描述 子组件展示父组件传来的参数,展示的信息随着父组件上tab的切换动态更新。 一开始的想法是单独监听这个传递的参数,但看了VUE3的文档之后,似乎对参数的监听必须精确到属性。例如参数为 { name: 'Doctor', gender: 'Timelord' } 需要在子组件的watch中写明监听的是name还是gender。 该参数中有很多可能会改变的属性,一一监

【Web API系列】Web Shared Storage API 深度解析:WindowSharedStorage 接口实战指南

前言在当今 Web 应用日益复杂的背景下,跨页面数据共享与隐私保护已成为现代浏览器技术演进的重要命题。传统 Web 存储方案(如 Cookies、LocalStorage)在应对多维度用户特征存储、跨上下文数据共享等场景时,逐渐暴露出技术瓶颈与安全隐患。为解决这一挑战,W3C 提出了革命性的 Shared Storage AP

盘点简洁好用的8款静态网站搭建框架,小白易上手

后台有个小伙伴最近接了一个私活,找了一个开源的静态网站框架,给一个小公司做了一个官网,部署到服务器上,顺手就赚了几千块钱。你眼红不?相对动态网站,静态网站不需要和后端的交互逻辑,所以只要有点前端基础都可以搞定。即使没有任何前端基础,也没问题,咱不是有 GPT 么&#xff1

前端说后端只是crud 后端说前端只是写界面。如何看待?

文章目录 概述 一、为什么产生这个争议话题? 二、现实中的前后端远不止如此 1.前端不仅仅是“写界面”: 2.后端也不只是“CRUD”: 三、CRUD 的挑战 —— 逻辑的深度与严谨性 案例1:简单的 CRUD - 个人博客文章管理 案例2:复杂的 CRUD - 证券交易所的订单系统

Python Web 框架对比与实战:Django vs Flask vs FastAPI

Python Web 框架对比与实战:Django vs Flask vs FastAPI1. 背景与动机Python 拥有丰富的 Web 开发框架,每个框架都有其特点和适用场景。本文对比 Django、Flask 和 FastAPI 三大主流框架,帮助开发者选择合适的工具。2. 框架对比 特性 Django Flask FastAPI 学习曲线

一键运行脚本实测:Qwen3Guard-Gen-WEB真的这么简单?

一键运行脚本实测:Qwen3Guard-Gen-WEB真的这么简单?你有没有过这样的经历—— 刚部署好一个安全审核模型,打开终端敲了十几行命令,配置环境变量、加载权重路径、修改端口、启动服务……最后发现网页界面打不开,日志里全是CUDA out of memory或tokenizer not found? 或者更糟

如何利用简单的浏览器插件Web Scraper爬取知乎评论数据

一、简单介绍:Web Scraper 的优点就是对新手友好,在最初抓取数据时,把底层的编程知识和网页知识都屏蔽了,可以非常快的入门,只需要鼠标点选几下,几分钟就可以搭建一个自定义的爬虫。我在过去的半年里,写了很多篇关于 Web Scraper 的教程,本文类似于一篇导航文章&#xff0c

告别“套娃”滚动:HarmonyOS ArkWeb嵌套滚动终极指南

告别“套娃”滚动:HarmonyOS ArkWeb嵌套滚动终极指南 你是否遇到过这样的困扰?在一个有整体滚动条的页面里,内嵌的Web内容也有自己的滚动条,像“套娃”一样,让你在两层滚动之间手忙脚乱。ArkWeb的嵌套滚动机制,正是为了终结这种割裂的体验而生。 在HarmonyOS应用开发中,当