自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Go 切片的类 js es6 数组操作封装

最近由于工作上的原因学习了 Go 语言,由于写前端写习惯了,所以感觉 Go 中切片的相关操作有点别扭,于是趁着 1.18 发布了泛型之后,照着 js 中的数组操作写了一套 Go 的切片工具库,特此分享一下~~运行命令下载代码包在项目中导入操作类函数Foreach遍历切片中的元素Map切片内元素转换Filter切片元素过滤器Reduce切片元素累加器(未实现初始值)查找类函数Find查找切片内第一个满足条件的元素FindIndex查找切片内第一个满足条件元素的索引值

2022-06-22 15:17:18 436 1

原创 vue3.0+ts+element-plus多页签应用模板:头部工具栏(下)

目录系列链接一、目录结构二、封装TagsView(标签视图)系列链接第一章——vue3.0+ts+element-plus多页签应用模板:项目搭建篇第二章——vue3.0+ts+element-plus多页签应用模板:安装vue-router与vuex篇第三章——vue3.0+ts+element-plus多页签应用模板:element-plus按需引入篇第四章——vue3.0+ts+element-plus多页签应用模板:侧边导航菜单篇(上)第五章——vue3.0+ts+element-pl

2021-05-05 01:54:26 2438 1

原创 vue3.0+ts+element-plus多页签应用模板:头部工具栏(中)

目录系列链接一、目录结构二、封装PathBreadcrumb (面包屑)组件三、篇章小结系列链接第一章——vue3.0+ts+element-plus多页签应用模板:项目搭建篇第二章——vue3.0+ts+element-plus多页签应用模板:安装vue-router与vuex篇第三章——vue3.0+ts+element-plus多页签应用模板:element-plus按需引入篇第四章——vue3.0+ts+element-plus多页签应用模板:侧边导航菜单篇(上)第五章——vue3.0

2021-05-05 01:54:04 2480

原创 vue3.0+ts+element-plus多页签应用模板:头部工具栏(上)

目录系列链接一、目录结构二、写一个基本的HeaderToolbar系列链接第一章——vue3.0+ts+element-plus多页签应用模板:项目搭建篇第二章——vue3.0+ts+element-plus多页签应用模板:安装vue-router与vuex篇第三章——vue3.0+ts+element-plus多页签应用模板:element-plus按需引入篇第四章——vue3.0+ts+element-plus多页签应用模板:侧边导航菜单篇(上)第五章——vue3.0+ts+element

2021-05-05 01:53:36 3100 3

原创 vue3.0+ts+element-plus多页签应用模板:多级路由缓存

目录系列文章一、先说点啥1. 为啥需要路由缓存?2. 怎么实现路由缓存?二、路由扁平化三、定义tag模块处理路由缓存系列文章一、先说点啥1. 为啥需要路由缓存?关于这个问题,我就只假设一个场景:用户正在填写一个很长很长的表单,然后他填着填着就需要查看一下其他页面表格中的信息,这个时候他一定会去切换路由。好的,等他看完回来,他发现自己刚才用了一个小时填了一半的表单,居然被清!空!了!当然这只是个笑话,应该没有人会设计一个这样反人类的表单,但是如果这个系统有路由缓存的功能,那么刚才的悲剧是不是就可以避

2021-05-05 01:51:57 3368

原创 vue3.0+ts+element-plus多页签应用模板:侧边导航菜单(下)

目录系列链接一、目录结构二、实现头部logo1. 封装图标组件 (SvgIcon):(1) svg-sprite-loader(2) svgo-loader(3) 开始行动吧系列链接第一章——vue3.0+ts+element-plus多页签应用模板:项目搭建篇第二章——vue3.0+ts+element-plus多页签应用模板:安装vue-router与vuex篇第三章——vue3.0+ts+element-plus多页签应用模板:element-plus按需引入篇第四章——vue3.0+ts

2021-05-05 01:50:52 5095

原创 vue3.0+ts+element-plus多页签应用模板:侧边导航菜单(上)

目录系列链接一、目录结构二、安装sass三、编写主框架1. 添加主框架的路由2. 划分主框架的header,aside,main四、封装侧边栏组件1. 实现自由伸缩系列链接第一章——vue3.0+ts+element-plus多页签应用模板:项目搭建篇第二章——vue3.0+ts+element-plus多页签应用模板:安装vue-router与vuex篇第三章——vue3.0+ts+element-plus多页签应用模板:element-plus按需引入篇第四章——vue3.0+ts+elem

2021-05-05 01:50:19 7968 3

原创 vue3.0+ts+element-plus多页签应用模板:如何优雅地使用Svg图标

7

2021-05-05 01:49:33 3645 3

原创 vue3.0+ts+element-plus多页签应用模板:前言

目录项目地址前言作者的话能学到些什么系列文章项目地址github:https://github.com/wyb199877/multi-tabsdemo:前言作者的话为什么要做这么个项目呢?其实是因为前段时间在给一个企业做一个后台管理系统,然后就萌生了造轮子的想法。虽然,已经有很多大佬做出了很多很漂亮、功能丰富的模板,但是因为功能的凝练度太高,导致自己修改起来有些困难。同时有很多新手,自己去看那些大佬的源码是看不懂的。所以,我只将基础部分的架构,以及会用到的知识点总结出来,写成了这样一个项目。

2021-05-05 01:48:39 4459 8

原创 vue3.0+ts+element-plus多页签应用模板:element-plus按需引入与动态换肤

目录系列链接一、目录结构一、安装element-plus二、按需引入为什么要按需引入?如何按需引入?三、验证是否引入成功五、篇章小结系列链接第一章——vue3.0+ts+element-plus多页签应用模板:项目搭建篇第二章——vue3.0+ts+element-plus多页签应用模板:安装vue-router与vuex篇第三章——vue3.0+ts+element-plus多页签应用模板:element-plus按需引入篇一、目录结构现在你的目录结构,应该是这样的:├── config

2021-03-24 14:55:56 6007 8

原创 vue3.0+ts+element-plus多页签应用模板:vue-router与vuex

目录系列链接一、目录结构二、安装vue-router三、安装vuex四、改写main.ts五、篇章小结系列链接第一章——vue3.0+ts+element-plus多页签应用模板:项目搭建篇第二章——vue3.0+ts+element-plus多页签应用模板:安装vue-router与vuex篇一、目录结构现在,你的目录结构应该是这样的 (忽略node_modules):├── config # 配置文件| ├── dev.config.js

2021-03-24 00:00:32 2522 7

原创 vue3.0+ts+element-plus多页签应用模板:项目搭建

目录一、安装vue-cli@4.5.x二、创建项目三、项目配置四、IDE配置五、vue.config.js配置六、篇章小结一、安装vue-cli@4.5.x工欲善其事,必先利其器,我们需要安装vue-cli来创建项目(别问为什么,问就是简单、便捷、高效)。但是,在安装之前,首先要保证你的电脑里有12以上的node.js,不然你直接运行npm是会报错的。至于安装node的方案,请自行网上搜索。接下来,我们打开电脑上的终端软件(windows用powershell或者cmd),输入以下代码并回车:npm

2021-03-23 23:51:30 3839 1

原创 记一次前端性能优化——vue-cli4优化首屏加载

记一次前端性能优化——vue-cli4优化首屏加载一、前言vue.js是一款时下非常流行的前端框架,很多公司,例如阿里、腾讯、字节等都在积极应用vue作为前端开发框架。这就说明,熟练使用vue开发前端页面、熟悉vue实现原理以及会通过一些技巧进行用户体验优化便成为了你冲击大厂的资本。在学习过程中,我成功实现了性能优化的一部分——优化首屏加载,特此记录,以便以后复习与查阅、亦或是分享给更多需要的人。二、影响加载速度的因素其实不难发现,我们只需要在加载自己的线上项目的时候,打开控制台,进入Network

2020-12-04 00:14:02 1278 1

空空如也

空空如也

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

TA关注的人

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