logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

微信小程序 腾讯云ocr 身份证识别

微信小程序 接入腾讯云 ocr身份证识别

文章图片
vue项目中手动封装面包屑导航

什么是面包屑导航?面包屑包的烧鸡吗?真实的面包屑导航由来:面包屑导航(BreadcrumbNavigation)这个概念来自童话故事“汉赛尔和格莱特”,当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。作用:可以更清晰的告诉用户 当前所在导航的层次级别关系,

文章图片
#vue.js#javascript#前端
vue3 封装使用 pinia (可直接使用,包含数据持久化)

Pinia是 Vue 的存储库,它允许您跨组件/页面共享状态,与vuex功能一样。为什么不在用vuex了呢?Pinia 最初是为了探索 Vuex 的下一次迭代会是什么样子,结合了 Vuex 5 核心团队讨论中的许多想法。最终,我们意识到 Pinia 已经实现了我们在 Vuex 5 中想要的大部分内容,并决定实现它 取而代之的是新的建议。与 Vuex 相比,Pinia 提供了一个更简单的 API,具

文章图片
#javascript#vue.js#typescript +1
Vue3 Element-plus el-menu无限级菜单组件封装

对于element中提供给我们的el-menu组件最多可以实现三层嵌套,如果多一层数据只能自己通过变量去加一层,如果加了两层、三层这种往往是行不通的,所以只能进行封装

文章图片
#vue.js#elementui#javascript +1
vite vue引入svg图标及封装 (轻松上手)

​svg特征Preloading所有图标都是在项目运行时生成的,只需要操作一次dom即可。高性能内置缓存,仅在文件被修改时才会重新生成。一、如何使用1.安装vite-plugin-svg-icons插件node version:>=12.0.0vite version:>=2.0.02.使用插件vite.config.ts

文章图片
#vue.js#javascript#前端 +1
vuex + localStorage 实现 token持久化

一、 通过vuex 和 localStorage 进行配合实现 token持久化1. 我们知道 用 vuex保存token是为了每个组件都可以访问, 但vuex有一个缺点 就是刷新页面vuex中的数据会清空,这要导致只要用户一登录 并且刷新 保存的token就会消失,为了解决这个问题 我们要把token存在localStorage。2. 为什么不存在sessionStorage里 个人觉得 ses

#vue.js#前端
vue项目中 解决分页时遇到的坑!

做项目时,项目的功能无非就是增删改查,本篇解决分页时细节的一些操作,所有的项目大部分都是这个流程哈!效果图一、增加当我们增加一条新数据的时候,用户往往想看到最新添加的一条数据,但是我们增加后,页面不会跳到最后一页,所以我们要手动解决这个bugdata数据data() {return {tableData: [], //存放显示的数据pages: {page: 1, // 页码pagesize: 2

#vue.js#javascript#html
vue3 封装使用 pinia (可直接使用,包含数据持久化)

Pinia是 Vue 的存储库,它允许您跨组件/页面共享状态,与vuex功能一样。为什么不在用vuex了呢?Pinia 最初是为了探索 Vuex 的下一次迭代会是什么样子,结合了 Vuex 5 核心团队讨论中的许多想法。最终,我们意识到 Pinia 已经实现了我们在 Vuex 5 中想要的大部分内容,并决定实现它 取而代之的是新的建议。与 Vuex 相比,Pinia 提供了一个更简单的 API,具

文章图片
#javascript#vue.js#typescript +1
JavaScript宏任务(macrotask)和 微任务(microtask) 执行顺序

一、JavaScript单线程JavaScript是单线程指的是同一时间只能干一件事情,只有前面的事情执行完,才能执行后面的事情。导致遇到耗时的任务时后面的代码无法执行。在此之前啊 我们必须了解同步和异步1. 同步任务(synchronous)console.log(123);console.log(456);for (let i = 1; i <= 5; i++) {console.log

#javascript#前端#html +2
    共 49 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择