logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue 项目主题切换功能实现:两种方案详解与选型分析

本文介绍了两种在Vue项目中实现主题切换的方法。第一种通过SCSS变量和CSS类名切换,在theme.scss中定义主题变量并在组件中切换类名。第二种更灵活,使用TypeScript定义主题配置,通过useTheme钩子动态修改CSS变量值,将主题信息存储在localStorage中。两种方法都能实现浅色/深色/自定义主题切换,但第二种方案提供了更强的类型安全和可扩展性,便于维护多主题配置。两种实

文章图片
#sass#前端#css
前端 | qs 是什么

qs是一个 JavaScript 库,它主要用于处理 URL 的查询字符串(query strings),它可以帮助你将对象序列化为查询字符串,也可以将查询字符串解析为对象。

文章图片
#前端
作为一名前端,对数据的请求要掌握多少?

前端数据请求核心技能包括:掌握XMLHttpRequest、FetchAPI和Axios,熟练处理异步Promise和async/await,能应对错误处理、跨域问题及性能优化。文章还提供了手写Promise的实现方案,包含状态管理、异步处理、链式调用等核心特性,帮助开发者深入理解异步编程原理。掌握这些内容可应对大多数前端数据请求场景。

文章图片
#前端
调整浏览器配置(绕过跨域CORS限制的解决方案)

调整浏览器配置(绕过跨域CORS限制的解决方案)

文章图片
#学习#前端#javascript +1
如何查看安卓版本号的方法(例如查看是13、12、11、10...)

如何查看安卓版本号的方法(例如查看是13、12、11、10...)

文章图片
#android
前端接口报500如何解决 | 发生的原因以及处理步骤

前端接口报500如何解决 | 发生的原因以及处理步骤

文章图片
#服务器#运维
实现路由懒加载的3种方法|vue-router

前端面试有时候会被问到“使用 vue 的时候会一下子加载所有的东西使得初始化页面很卡,该如何解决”?那这种情况你会怎么解决?我们应该想到可以使用路由懒加载和服务端渲染。

文章图片
#vue.js#前端#javascript
Vue2的路由vue-router固定版本安装

vue2的版本只能和vue-router 3.x使用,vue-router 4.x和vue3使用,如果安装vue-router不标注版本的话,会默认安装vue-router 4.x的版本,可以在package.json文件里查看vue-router的版本信息,我的是^3.5.2的版本。

文章图片
#vue.js#前端#npm
原来swiper的这个swiper-slide的间距调的这儿!

想要修改swiper-slide间隔距离可以修改spaceBetween的值,可设正值和负值,正值越大,距离越宽,负值则会变小。

文章图片
#前端#vue.js
到底了