自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue3+element-plus+vite 组件的二次封装-- 将生成vitepress 静态资源文档发布到Github pages以及Gitee pages,薅羊毛,免费静态站点

将生成vitepress 静态资源文档发布到Github pages以及Gitee pages,薅羊毛,免费静态站点。vitepress 文档已经完成了,这个章节,将讲述如何将文档发布到github 以及gitee 的pages 服务上。

2022-12-30 14:49:48 69

原创 Git篇 -- 配置多个SSH-KEY 多个github以及gitee,避免冲突

ssh 是一种非对称加密,你在你本地生成一对钥匙,公钥+私钥,将私钥保存在本地,公钥上传到目标服务器上,如github,或者gitee,以下简称**服务端**。只要配置好了,你每次访问服务端,他都会携带私钥去做一些权限限制的操作,比如push代码之类的,服务端就会先验证你的私钥是否有配对的公钥,对的话,就给你操作。ssh跟Git分布式版本控制没什么关系,他只跟github跟gitee这些代码托管平台有关。

2022-12-30 13:28:59 93

原创 Vue3+element-plus+vite 组件的二次封装-- 添加vitePress,为组件库编写使用文档,组件库文档,vitepress文档

VitePress 是 VuePress 小兄弟, 基于 Vite构建。一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。组件库文档vitepress文档库

2022-12-29 17:15:26 94

原创 Vue3+element-plus+vite 组件的二次封装-- 添加vue项目单元测试(vitest+happy-dom+testing-library)

vitest 跟 jest 是单元测试框架,他们只能在nodejs环境中测试;happy-dom 跟 jsdom 是一个没有图形用户界面的web浏览器的JavaScript实现;@vue/test-utils 是官方的底层组件测试库,用来提供给用户访问 Vue 特有的 API。@testing-library/vue (vue官方推荐使用~)也是基于此库构建的。

2022-12-28 14:48:04 156

原创 vue2 vue3 通用的axios的二次封装,实现功能、业务、配置分离,配置传递的是url跟请求方法get,post,patch,delete;业务传递的是业务对象以及对象的格式(formdata)

使用的网络请求库是axios点击此处。对于后台管理系统来说,常用的就是增删改查,虽然代码量不是很多,但是也不是很舒服,所以对其进行了二次封装,实现功能与业务与配置分离。配置传递的是url跟请求方法get,post,patch,delete;业务传递的是业务对象以及对象的格式(formdata),以及axios的其他配置;功能主要是将配置转化成http对象,并且设置了axios通用配置,以及axios 请求以及响应拦截器。按照自己的需求还可以添加其他的配置。

2022-12-26 10:54:12 42

原创 Vue3+element-plus+vite 组件的二次封装-- 组件库发布到npm

Vue3+element-plus+vite 组件的二次封装-- 组件库发布到npm。1. Vue3+element-plus+vite 组件的二次封装,封装了头部的搜索条件栏,tabel栏,分页栏,form表单,都设置成了通过json可配置项,方便复用;2. 封装好了就开始打包,并且进行本地测试;3. 组件库发布到npm;4. 添加vitest单元测试框架;5. 添加vuepress文档。

2022-12-15 22:10:52 166

原创 Vue3+element-plus+vite 组件的二次封装-- 新建npm打包项目,生成二次封装npm组件库,本地测试

Vue3+element-plus+vite 组件的二次封装-- 新建npm打包项目,生成二次封装npm组件库。封装好的组件,只能在当前项目里面复用,如果其他项目也有类似的需求,除了可以copy外,还有发布到npm库中。npm包的样式文件也需要在pakeage.json中显式导出,不会有会报错!!!本地npm组件库测试。

2022-12-14 17:06:50 197

原创 Vue3+ts+element-plus 组件的二次封装-- 新增修改Form弹框的二次封装,通过JSON进行配置Form表单,实现高内聚低耦合

环境状态vue版本:vue3是否使用 ts:是后台管理系统的网站,一个页面无非就是4个常用业务块头部的搜索栏table表格页脚新增编辑弹框那咋们是不是可以将其进行封装成组件呢?只需要传入一个配置文件就可以了~项目解构如下:封装后的展示图如下:如果能做成这样,是不是页面就会整洁很多?这边虽说是Form弹框,但是还是用到了elementUI的两个组件:1个是el-dialog,1个是el-form。通过JSON进行配置Form表单,实现高内聚低耦合

2022-11-29 18:09:06 329

原创 Vue3+ts+element-plus 组件的二次封装-- 页脚分页el-pagination的二次封装

环境状态vue版本:vue3是否使用 ts:是后台管理系统的网站,一个页面无非就是4个常用业务块头部的搜索栏table表格页脚新增编辑弹框那咋们是不是可以将其进行封装成组件呢?只需要传入一个配置文件就可以了~项目解构如下:封装后的展示图如下:如果能做成这样,是不是页面就会整洁很多?

2022-11-29 16:35:27 308

原创 Vue3+ts+element-plus 组件的二次封装-- el-table的封装,通过json进行配置表单,可用插槽进行拓展

Vue3+ts+element-plus 组件的二次封装-- el-table的二次封装,附带思路讲解以及源码。el-table的封装,通过json进行配置表单,可用插槽进行拓展。

2022-11-29 13:09:11 239

原创 Vue3+ts+element-plus 组件的二次封装-- 头部搜索条件的封装

环境状态vue版本:vue3是否使用 ts:是后台管理系统的网站,一个页面无非就是4个常用业务块头部的搜索栏table表格页脚新增编辑弹框那咋们是不是可以将其进行封装成组件呢?只需要传入一个配置文件就可以了~项目解构如下:封装后的展示图如下:如果能做成这样,是不是页面就会整洁很多?

2022-11-28 22:20:32 70

原创 web前端面试--节流的原理以及实现(附带源码)

web前端面试--节流的原理以及实现(附带源码)。限制单位时间内可以执行操作的次数。一开始,只要触发了,就开始计时,在单位时间内,无论再次触发也不会执行操作,只有等到单位时间结束,执行了操作,才会开始新的一轮。

2022-11-23 02:38:56 22

原创 vue2 vs vue3 -- vue与脚手架之间的关系(从新建环境开始)

了解vue与脚手架之间的关系。 从新建搭建环境开始到新建项目,到启动项目。从webpack,到vue.config.js,从vue2到vue3。

2022-11-22 23:12:28 167

原创 TypeScript--接口interface的定义,实现,继承

TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码进行类型限制。接口可以对普通对象,函数,类进行类型限制!!!

2022-11-17 15:39:59 403

原创 web前端面试--防抖的原理以及实现(附带源码)

防抖就是单位时间内,如果只有一个操作,时间到了就执行;如果在单位时间内,你又操作了,那就需要重新计时,以保证最后一次操作是使用者本身已经确定完毕的。

2022-11-11 20:24:08 175 1

原创 web前端面试--路由中history与hash的区别(附带源码)

history和hash都是利用浏览器的两种特性实现前端路由;代码示例用原生HTML,不用vue框架实现。

2022-11-10 20:39:52 101

原创 TypeScript-声明变量的3种方式

typescript中变量的声明,包括解构数组,解构对象的声明,以及解构对象别名的声明。

2022-11-03 22:52:32 108

原创 TypeScript-数据类型(boolean,number,string,array,tuple,enum,any,unknown,void,undefined,null,never)

TypeScript 数据类型:为了让程序有价值,我们需要能够处理最简单的数据单元:数字,字符串,结构体,布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。(boolean,number,string,array,tuple,enum,any,unknown,void,undefined,null,never)

2022-11-03 17:13:52 32

原创 autoJS pro-手机自动化脚本(douyin App模拟人工操作点赞、评论、收藏、转发)

autoJS pro-手机自动化脚本(douyin App模拟人工操作点赞、评论、收藏、转发)

2022-09-15 17:41:43 3217 1

原创 autoJS pro-手机自动化脚本(悬浮框控制以及打印log)

autojsPro真机测试的时候,经常会有部分信息不能直接显示出来,如果通过toast()的话,会自动消失,不能查看记录。为此,这边设置了一个浮动框,一方面是用来做操控,另外一方面就是为了打印数据并且可以实时查看。

2022-09-15 16:44:00 2403

原创 autoJS pro-手机自动化脚本基础小功能篇(截图、版本号、打印日志)

autoJS pro-手机自动化脚本基础小功能篇(截图、版本号、打印日志)

2022-09-15 16:32:21 2762

原创 web前端面试--(JS)箭头函数和普通函数的区别

从网上找到一些箭头函数跟普通函数的区别,咋们现在来进行认证,打横线就是错误的地方,所以说网上的东西未必都是对的,要多探讨一下...:)

2022-09-02 12:26:50 245

原创 web前端面试--浏览器兼容性问题

不同浏览器或者相同浏览器不同的版本内核,都可能引起兼容性问题,不只是dom,还有css以及js。

2022-08-22 15:48:47 592

原创 Chrome扩展框架-Vue项目(用vue配合webpack实现浏览器扩展,包含热更新,无需重复加载浏览器插件)

用Vue以及webpack来实现Chrome扩展,包括background,devtools pannel,popup,options,content_script,以及热加载。用vue配合webpack实现浏览器扩展,包含热更新,无需重复加载浏览器插件。

2022-07-06 18:30:58 446 3

原创 Chrome扩展框架-浏览器插件安装方法

从零开始学习浏览器插件,第一步安装自定义浏览器插件。这里是为开发者写的文章,所以这边安装的浏览器为谷歌浏览器。

2022-06-17 18:14:22 371

原创 uniapp项目H5端横屏问题-样式错乱+字体大小+video

uniapp项目H5端,如果手机打开了自由旋转,横屏问题就会出来,样式错乱、字体大小、以及使用遮罩层级没有video 高的问题。

2022-06-14 17:55:01 1756

原创 Chrome扩展框架--较完善框架

每次开发一个chrome谷歌扩展程序需要重新翻阅资料后,重新搭个框架,这次想要弄个较完善的版本放在GIT上,需要的时候能快速开发。涵盖了第三方JS引入,background监听ajax请求,F12调试自定义的panel栏目。...

2022-04-21 23:29:46 787

原创 Chrome扩展框架--浏览器插件Demo

一个浏览器插件的demo,搭了个类似的手脚架,快速开发,主要方便调试,不用老是手动刷新插件这个问题。

2022-04-19 17:11:28 709 5

原创 nodejs 开发环境配置-快速切换node版本、npm包源以及热启动

nodejs 开发环境配置 快速切换npm版本node版本淘宝镜像

2022-04-19 16:35:39 1167

原创 vue打包篇-分析包数据再进行CDN配置图片文件压缩等优化

vue程序代码写完了,不做任何优化,发现包有点大,为此我们需要分析打包文件中都有些什么。

2022-04-13 12:00:02 4537

空空如也

空空如也

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

TA关注的人

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