【前端实战】如何让用户回到上次阅读的位置? 目录【前端实战】如何让用户回到上次阅读的位置?一、总体思路1、核心目标2、涉及到的技术二、实现方案详解1、基础方法:监听滚动,记录 scrollTop(不推荐)2、Intersection Observer + 插入探针元素3、基于 URL Hash 锚点跳转三、总结1、不同方案间对比总结2、结语 作 前端 2025年06月25日 45 点赞 0 评论 1749 浏览
在vue中如何优雅的封装第三方组件 在使用第三方组件的时候或多或少的会因为样式,业务不符合自己的需求进而进行封装。是否你也会有这样的困扰。封装业务组件的时候,弄了好多业务进自己的组件里。要传递好多参数给自己封装的组件,然后再在封装的组件里传递给第三方组件。不禁要知道每个组件的参数的意思还要对其增加参数。用于传递给第三方组件。一旦业务拓展,就还需要对应往封装组件增加属性,组件内增加接收传递给第三方组件。后期维护起来痛苦不堪。那么下面我 前端 2025年05月20日 191 点赞 0 评论 2016 浏览
前端获取IP地址方法总结 通过配置vite获取IP地址实现效果 实现方法1、需要下载os插件npm i os2、获取内网IP地址的方法import os from 'os'; export function getNetworkIp() { let needHost = ''; try { const network = os.networkInter 前端 2025年06月25日 33 点赞 0 评论 2018 浏览
list的模拟实现 一.list的简单介绍list是一个带头双向循环的链表,通过头结点分隔开首末尾。它和vector的使用方法类似,可以进行头插尾插,++/--等操作,区别在于list的结点在内存上不是连续的。list属于双向迭代器即可以++/--,不能想vector一样可以进行随机访问。二.list模拟实现的三个类 前端 2025年04月22日 80 点赞 0 评论 2029 浏览
vue中api统一管理 针对小型项目 无需管理的情况下 <script> import axios from 'axios'; export default { methods: { async request() { let data = {} try { // host指的是请求的域名,path指的是请求的路径, data是相关的参数和请求头配置 前端 2025年04月30日 130 点赞 0 评论 2047 浏览
技术文档画图工具箱 序 本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成 UI工具 主要有processon、draw.io、excalidraw、archimatetool、cloudcraft.co processon 架构图 截屏2022-04-01 上午11.41.50.png 前端 2025年04月19日 116 点赞 0 评论 2122 浏览
深入理解前端防抖(Debounce)与节流(Throttle):原理、区别与实战示例 深入理解前端防抖(Debounce)与节流(Throttle):原理、区别与实战示例 📌 引言 在前端开发中,我们经常需要处理高频事件(如输入框输入、滚动、窗口调整大小等)。如果不加限制,浏览器会频繁触发回调函数,导致性能问题, 前端 2025年05月13日 140 点赞 0 评论 2145 浏览
蓝桥第四课-新增商品页面开发以及接口调用 这节课来实现新增商品,首先是点击【添加商品】按钮实现跳转页面,在定义点击方法跳转页面之前,要先新建一个页面addShop 在【src/views/shopModel】文件夹下,新建一个【addShop】文件夹,在文件夹内新建【index.vue】 在【index.vue】内敲快捷键vbase(前提是你的vscode已经安装了Vue VSCode Snippets插件),快速生成vue组件基础结构 前端 2025年06月06日 45 点赞 0 评论 2157 浏览
为什么 JavaScript 的 parseInt(0.0000005) 打印“5”? 为什么 JavaScript 中的 parseInt(0.0000005) 打印 5?一个惊人的问题! 前言 最近,我在开发项目时遇到了一个奇怪的问题,parseInt (0.0000005) === 5😱。通常,输出 0 才是正确的,但为什么是 5?让我们一起探讨这个问题。 1.什么时候使用parseInt? 首先,您通常什么时候使用parseInt?大多数时候,我们使用它来解 前端 2025年06月20日 44 点赞 0 评论 2168 浏览
前端字符串缩写工具-abbreviate库使用指南 本文还有配套的精品资源,点击获取 简介:"abbreviate"是一个前端开源库,用于将长字符串缩写,便于在有限空间内显示更多信息。它遵循特定的调用约定,如 "r:abbreviate",并可能提供自定义长度、保留核心信息、智能处理、支持多种格式和可扩展性等特性。开发者可以 前端 2025年05月13日 97 点赞 0 评论 2206 浏览