自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 npm i 安装遇到问题

在Node.js开发过程中,npm install 是安装和管理项目依赖的关键命令。然而,有时我们会遇到 npm install 运行卡住不动的情况,这通常与网络连接、NPM源的可用性和速度、资源下载超时等因素有关。1.使用国内镜像【淘宝镜像】安装下载淘宝镜像命令2.清楚缓存并重新安装设置HTTP(S)代理//需要将地址改为实际的代理服务器地址和端口4.查询日志以便于定位问题5.查询日志找到问题后,可独立安装某个包6.更新NPM版本。

2025-04-18 10:27:09 281

原创 vscode中REST Client插件

VScode中插件

2025-04-07 11:00:30 627

原创 Node js

Node.js 提供了许多内置的核心模块,这些模块是 Node.js 标准库的一部分,用于提供各种功能,例如文件系统操作、网络通信、路径处理等。

2025-03-21 14:26:14 269

原创 Typescript基础用法

它是 JavaScript 的超集,这意味着任何有效的 JavaScript 代码也是有效的 TypeScript 代码。TypeScript 在 JavaScript 的基础上添加了静态类型检查和其他一些高级特性,如接口、泛型、装饰器等。unknown: 表示未知类型,需要进行类型检查后才能使用,不可以赋值给其它类型。any: 表示任意类型,可以赋值给任何类型,也可以接收任何类型的值。与接口不同,类型别名可以用于基本类型、联合类型等。类型别名可以用于任意类型,包括基本类型、联合类型、元组等。

2025-01-04 15:42:25 682

原创 小程序跳转问题

所以,从登录页跳转到其他页面(非首页,非Tab页),只能用wx.navigateTo(),因为用wx.redirectTo()和wx.reLaunch()跳转到其他页面,其他页面会成为首页,顶部没有返回按钮。

2024-12-24 16:18:45 307

原创 跨域问题!

整个CORS跨域的过程,前端都是浏览器自动完成的,浏览器一旦发现ajax请求跨域资源,就会自动添加一些附加的头信息,有时还会多一次试探性的OPTIONS请求。跨域,又称跨域名访问。其中又分为:二级域名跨域、多级 域名跨域、端口号跨域以及协议跨域。下面说明这几种跨域,假如一网站是 http://www.abc.com,那么该网站访问其他资源的路径可能是以下几种: 代码解读复制代码。在浏览器当中,img标签的src、以及script标签的src、以及link标签的href不受浏览器同源政策的限制。

2024-12-06 09:46:49 420

原创 十万条数据渲染到页面上如何优化

但是因为定时器时间不精准,页面刷新时间和定时器执行时间对不上,所以当用户滑动过快时会造成白屏的问题。我们可以通过requestAnimationFrame这个api解决这个问题,这个api是根据用户的屏幕刷新率来执行的一个定时器,只需换一个api即可。虚拟列表的核心思想就是维护一个可视区域,比如固定高度的一个ul或者div,列表数据只会在可视区域内渲染,有点类似数组的滑动窗口的意思,当用户滚动时,更新可视区域的数据,列表之外的数据将不会被渲染。使用一个定时器分批次渲染数据,每次只渲染20条数据,递归调用。

2024-09-21 14:43:32 456

原创 H5屏幕的适配方案

【代码】H5屏幕的适配方案。

2024-09-21 14:16:12 253

原创 前端解决浏览器缓存

1、在 package.json 文件中有个 version 版本号的属性,在每次打包部署前修改当前的版本号。2、在 main.js 中修改版本号,将版本号存在浏览器缓存中,如果版本号不一致,就重新加载。3、给文件名后面添加 hash 值,确保文件名都是最新的,从而清除缓存。2.js、css在每次引用之后添加版本号,使其能区分版本。4、在 vue.config.js 文件中修改。1.在Head里添加禁止使用缓存的代码。

2024-07-16 17:52:41 874

原创 常见面试题

Vue 中的数据变化是异步的。所以,响应式属性、Dep 和 Watcher 之间的关系可以这样理解:响应式属性是被观察的目标,Dep 是观察者(Watcher)和目标(响应式属性)之间的桥梁,它负责添加观察者,也负责在目标发生改变时通知观察者。Watcher 则是观察者,它观察响应式属性的变化,当变化发生时,执行相应的操作。Dep(依赖):Dep 可以看作是一个订阅器,它维护着一个 Watcher 列表,当响应式属性被修改时,Dep 会通知它的所有 Watcher,告诉它们数据已经被更新。

2024-07-05 15:34:03 664

原创 UE,UX,UI区别

总体来说,UE 设计师需要综合考虑用户界面和用户体验,既确保产品具有有吸引力的外观,又能为用户提供良好的交互和体验。UX,全称为用户体验(User Experience),是指用户在与产品或服务进行交互的整个过程中的感受和情感,需要考虑到在外观之外更加深入的使用感受部分。简单来说,UX 设计师的目标就是让用户能够在轻松、愉快的氛围中,并且让用户能够以一种更加简单的方式来完成对产品的使用。因此,UX 设计师会在设计的过程中不断获取用户在使用产品时的感受并进行优化调整,从而增强用户对产品的满意度。

2024-07-04 15:19:59 581

原创 React中Hooks

总的来说,Hooks 让我们在函数组件中也能使用 state 以及其他 React 特性,提高了组件逻辑复用性,同时使代码更加清晰易懂。第二个参数是一个数组,用于指定effect的依赖项,只有依赖项变化时才会重新执行。第二个参数是一个数组,用于指定依赖项,只有依赖项变化时才会重新创建函数实例。第二个参数是一个数组,用于指定依赖项,只有依赖项变化时才会重新计算。如果计算量非常小,使用可能引起额外开销,适合使用在计算量较大的场景。使用场景: 缓存函数实例,避免组件重新渲染时重复创建函数实例。

2024-06-27 16:54:41 445

原创 React中jsx语法

JSX是React的核心组成部分,它使用XML标记的方式去直接声明界面,界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构(DOM结构)的语法,它的目的不是要在浏览器或者引擎中实现,它的目的是通过各种编译器将这些标记编译成标准的JS语言。

2024-06-24 15:09:45 219

原创 前端实现实时消息提醒功能

前端实现实时消息更新

2024-06-15 15:27:55 951

原创 vue3避坑

将 scss 主题配置文件,配置在 vite.config.ts 的 css.preprocessorOptions.scss.additionalData中。如果使用的是 TypeScript 时,编辑器会提示路径不存在的警告⚠️,这时候可以在 tsconfig.json中添加。当我们需要使用 scss 配置的主题变量(如 $primary)、mixin方法(如 @mixin lines)等时,如。Vue3.x 对于一些开发过程中的异常,做了更友好的提示警告,比如下面这个提示。

2024-06-04 15:04:30 422

原创 关于小程序分包加载

小程序的分包处理

2024-05-29 18:43:53 879

原创 Vue3总结

修改名字

2024-05-07 16:16:11 2182

原创 浏览器兼容

【代码】浏览器兼容。

2024-03-21 10:26:28 161 1

原创 js事件机制

网上查了很多,没有一个总结,很对人对具体的概念有比较模糊。所以今天深入理解一下JS事件循环机制到底是什么东西。

2024-03-14 10:06:24 385 2

原创 Pinia使用详解

Pinia本质上依然是一个状态管理的库,用于跨组件、页面进行状态共享(这点和Vuex、Redux一样)。

2024-03-11 16:53:39 1109 1

原创 不懂就问系列之——你不知道的HAR文件

不懂就问系列之——你不知道的HAR文件

2023-08-29 10:41:23 15299 4

原创 vue兄弟组件通信以及eventbus

EventHub

2023-05-09 13:44:53 309

原创 前端数据处理

前端的数据处理

2022-08-31 14:19:34 428

原创 vue---mixins的用法

vue中mixins

2022-03-16 17:42:14 315

原创 vue面试常考点

本人依据个人面试总结,不喜勿喷,后续还会继续发布哦~~

2022-01-21 16:12:05 752

转载 2分钟明白什么是面向对象编程

@2分钟明白什么是面向对象编程面向对象编程某百科称为其解释为:面向对象程序设计(Object Oriented Programming)作为一种新方法,其本质是以建立模型体现出来的抽象思维过程和面向对象的方法。模型是用来反映现实世界中事物特征的。任何一个模型都不可能反映客观事物的一切具体特征,只能对事物特征和变化规律的一种抽象,且在它所涉及的范围内更普遍、更集中、更深刻地描述客体的特征。通过建立模型而达到的抽象是人们对客体认识的深化。面向对象,面向过程面向过程(Procedure Oriented

2021-06-04 15:44:36 6688 2

原创 Vue

Vue面试题(常考点)一.对于 Vue 是一套 构建用户界面 的 渐进式框架 的理解对于“渐进式”这三个字的理解:Vue渐进式是先使用Vue的核心库,再根据你需要的功能再去逐渐增加相应的插件二.vue.js的两个核心数据驱动、组件系统数据驱动:ViewModel,保证数据和视图的一致性。组件系统:应用类UI可以看作全部是由组件树构成的。三.对于MVVM的理解MVVM是Model-View-ViewModel的缩写Model:代表数据模型,数据和业务逻辑都在Model层中定义;View:

2020-11-14 11:06:09 465

原创 MVC和MVVM的区别

MVC和MVVM的区别MV*模式● 明确:MV*模式主要解决的问题就是View代码难以维护的问题● 种类:MVC、MVP、MVVM 这里是引用 后端用的 MVP是基于MVC思想升级 起强调作用 前端用的 MVVM是基于MVC和MVP思想扩展出来MVC● Medel模型 负责数据处理,通常模型对象负责在数据库中存取数据。● View视图 负责显示页面,通常视图是依据模型数据创建的。● Cont

2020-11-04 17:07:30 236

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除