前端

前端字符串缩写工具-abbreviate库使用指南

本文还有配套的精品资源,点击获取 简介:"abbreviate"是一个前端开源库,用于将长字符串缩写,便于在有限空间内显示更多信息。它遵循特定的调用约定,如 "r:abbreviate",并可能提供自定义长度、保留核心信息、智能处理、支持多种格式和可扩展性等特性。开发者可以

为什么 JavaScript 的 parseInt(0.0000005) 打印“5”?

为什么 JavaScript 中的 parseInt(0.0000005) 打印 5?一个惊人的问题! 前言 最近,我在开发项目时遇到了一个奇怪的问题,parseInt (0.0000005) === 5😱。通常,输出 0 才是正确的,但为什么是 5?让我们一起探讨这个问题。 1.什么时候使用parseInt? 首先,您通常什么时候使用parseInt?大多数时候,我们使用它来解

蓝桥第四课-新增商品页面开发以及接口调用

这节课来实现新增商品,首先是点击【添加商品】按钮实现跳转页面,在定义点击方法跳转页面之前,要先新建一个页面addShop 在【src/views/shopModel】文件夹下,新建一个【addShop】文件夹,在文件夹内新建【index.vue】 在【index.vue】内敲快捷键vbase(前提是你的vscode已经安装了Vue VSCode Snippets插件),快速生成vue组件基础结构

深入理解前端防抖(Debounce)与节流(Throttle):原理、区别与实战示例

深入理解前端防抖(Debounce)与节流(Throttle):原理、区别与实战示例 📌 引言 在前端开发中,我们经常需要处理高频事件(如输入框输入、滚动、窗口调整大小等)。如果不加限制,浏览器会频繁触发回调函数,导致性能问题&#xff0c

技术文档画图工具箱

序 本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成 UI工具 主要有processon、draw.io、excalidraw、archimatetool、cloudcraft.co processon 架构图 截屏2022-04-01 上午11.41.50.png

vue中api统一管理

针对小型项目 无需管理的情况下 <script> import axios from 'axios'; export default { methods: { async request() { let data = {} try { // host指的是请求的域名,path指的是请求的路径, data是相关的参数和请求头配置

list的模拟实现

一.list的简单介绍list是一个带头双向循环的链表,通过头结点分隔开首末尾。它和vector的使用方法类似,可以进行头插尾插,++/--等操作,区别在于list的结点在内存上不是连续的。list属于双向迭代器即可以++/--,不能想vector一样可以进行随机访问。二.list模拟实现的三个类

前端获取IP地址方法总结

通过配置vite获取IP地址实现效果 实现方法1、需要下载os插件npm i os2、获取内网IP地址的方法import os from 'os'; export function getNetworkIp() { let needHost = ''; try { const network = os.networkInter

在vue中如何优雅的封装第三方组件

在使用第三方组件的时候或多或少的会因为样式,业务不符合自己的需求进而进行封装。是否你也会有这样的困扰。封装业务组件的时候,弄了好多业务进自己的组件里。要传递好多参数给自己封装的组件,然后再在封装的组件里传递给第三方组件。不禁要知道每个组件的参数的意思还要对其增加参数。用于传递给第三方组件。一旦业务拓展,就还需要对应往封装组件增加属性,组件内增加接收传递给第三方组件。后期维护起来痛苦不堪。那么下面我

【前端实战】如何让用户回到上次阅读的位置?

目录【前端实战】如何让用户回到上次阅读的位置?一、总体思路1、核心目标2、涉及到的技术二、实现方案详解1、基础方法:监听滚动,记录 scrollTop(不推荐)2、Intersection Observer + 插入探针元素3、基于 URL Hash 锚点跳转三、总结1、不同方案间对比总结2、结语         作