自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端优化-懒加载

这里 需要用到一个Vue的插件VueUse(VueUse | VueUse)根据文档中"起步模块",将Use引入你的项目用的就是"useIntersectionObserver"这个函数,它可以帮我们监听页面元素是否进入视口。// 引入方法// 定义全局方法// el: 绑定那个元素// binding: 表达式后面的值// 监听对象,布尔值-监听对象是否进入视口区域if(isIntersecting){ //如果为true 说明进入了视口区域// 进入可视区域},})

2023-11-30 09:43:50 403

原创 反向代理解决跨域问题

api/proxy-image/ 是配置文件中app.get新增的路由。image1就是新增路由中的图片,有1就有2说明可以配置多个图片进行跨域。项目中后端给的数据 图片可能是一个链接网址,这时候就不可避免的需要跨域。2.文件内需要需要引入express cros axios。3.配置之后启动服务 启动成功后会在终端返回你的端口号。9212是我在app.js(配置文件)中设置的端口号。1.需要在项目中新增一个app.js。

2023-10-14 23:02:00 189 1

原创 免费浏览Github + 提升github下载速度(程序员必备

接下来说如何登录,直接访问github.com就可以进入到github的官网主页,但是因为是国外的软件所以需要 --- 木弟子 也可以说是魔法。但是像这类东西都不是免费的,但但但但如果有一个也可以达到同样的效果又是免费的,那也可以省去一部分开销。GitHub 是一个面向开发者的协作平台和代码托管服务,它提供了一种集中存储、版本控制和协作的方式,以便开发团队可以共同合作编写和管理软件项目。这个东西,就是既可以达到加速github的效果还是免费的-----6.比方说我搜索Three教学学习,但是下载很慢。

2023-10-14 22:47:40 208

原创 Vue中使用jspdf转为pdf并文件下载(附:解决文件中文乱码

github中搜索jspdf,clone或者下载zip文件,下载之后找到 ’fontconverter‘ 打开 里面有一个'fontconverter.html',在浏览器中运行。打开之后就是这个样子,选择你的字体文件(xx.ttf) 然后点击Create会自动下载一个依赖你上传的字体文件的js,将这个js拖动到你的项目中使用。然后再项目中引入 回到第 3 步的方法内部中,可以看到我们使用了这个字体并定义了字体格式。有某些场景,比如说页面有一个下载按钮,点击了下载按钮之后,会下载一个pdf文件。

2023-10-13 13:44:58 1029

原创 前端:Proxy反向代理解决跨域问题

第二步骤:通过服务器去向接口发请求proxy: 所有发往 api 的请求 (包含 api 的请求) ==> 转发到target 所指定的地址中去,而target里面就是基地址,而拦截器的basuURL就可以改为:'/api',这样就可以解决跨域导致的问题了。跨域(Cross-Origin)指的是在浏览器环境下,当一个网页的运行代码试图访问不同源(Origin)的资源时,就会发生跨域。3.不同端口号:从http://example.com:8080 请求到 http://example.com:3000。

2023-09-26 13:14:42 261

原创 冒泡排序-选择排序-快速排序-计数排序-插入排序

3-快速排序(快速排序中,划分是一个关键的步骤,它通过选择基准元素并将数组重新排列,使得基准元素左边的元素都小于等于它,右边的元素都大于它。2-选择排序(每一次迭代选出最小(或最大)的元素,然后放置到已排序部分的末尾,逐步缩小未排序部分的范围。与冒泡排序不同的是,选择排序不会经常交换元素,而是在一次迭代结束后才进行交换,因此相对于冒泡排序,选择排序的交换次数较少。1-冒泡排序(通过相邻元素之间的比较和交换,逐渐将最大(或最小)的元素移动到列表的末尾,以达到排序的目的)

2023-09-26 12:57:16 28

原创 Vue中excel导出-导入-查看导入(注:二进制转blob

二进制转blob,excel文件导出-导入-查看

2023-09-26 01:59:00 283

原创 树形列表结构渲染-方法

methods中定义方法,发起异步请求获取列表数据--在created(组件创建的时候调用方法获取数据)然后再回到第一步,渲染结构。定义好之后,需要一个空数组来存放你请求下来的数据-再经过这个方法来找到子id--然后再渲染到结构当中去,就可以实现这个效果。很多项目中有这么一个场景,普遍存在后台管理项目,点击一个部门-部门下拉出现子部门-子部门也许还会出现子部门。getdepartementList()是封装获取列表的方法,findChildren是封装找子id的方法。这样就可以实现一个树形列表的模块。

2023-09-26 01:06:16 151

原创 前端:防抖节流函数

前端中防抖节流函数封装--应用场景-原理

2023-09-26 00:44:41 38

原创 封装一个函数实现lastIndexof方法

思路:用最简单的循环,让i等于数组的最后一位 i不能小于0,让它递减这就实现了从数组后面开始找,注意这个方法的用途,找出给定数字最后一次出现,那么从后面往前面找,第一次不就是最后一次~两个参数 一个是数组的长度,一个是传入的给定值。

2023-09-26 00:16:18 38

空空如也

空空如也

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

TA关注的人

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