自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端如何将base64数据转换成文件下载

在前端项目中,正常下载文件可以通过请求后台接口用blob的格式获取数据量进行下载,或者直接访问对应链接下载,但有时候因为一些原因前端返回的数据是base64字符串。这时候我们要下载的话就需要将base64字符串转换成blob文件流。转换成功后,我们只需要将转换的数据流进行下载即可。

2024-04-10 11:13:53 428 1

原创 如何使用electron开发基础桌面应用程序

进行加载就是直接通过访问网页的方式加载页面,好处是如果页面出现大更新,打包后安装的应用程序不用进行安装包更新,只需要部署的页面进行替换,坏处是加载速度是通过网速控制的,如果网络不好会导致页面都不显示的情况。进行加载前端打包后的文件,页面出现大更新,应用程序就需要进行安装包更新,但是好处是页面加载速度快,网络不好的情况也不会导致页面的崩溃。文件中我们需要创建应用程序窗口,创建加载完之后,我们可以根据需求完成应用程序页面的加载。配置就完结了,只需要当前目录启动一下命令就可以看见开发环境的桌面应用程序情况。

2024-04-09 14:37:17 686

原创 如何在内网搭建npm私服

之前在公司开发npm包的时候,公司让我将本地的默认上传仓库地址切换到公司的npm仓库地址,至此了解到npm可以在内网部署npm仓库的概念,了解到搭建团队的私有仓库,可以保证代码的安全和私密性。然后通过学习发现部署npm私库的方法有很多种,每种方式都有不一样的使用体验。下面是我学习他们搭建方式的相关链接,可以根据对应需求去学习任意一种搭建方式。

2024-01-26 10:59:40 542 1

原创 如何以vue3组件的方式封装地图包或工具包

在使用开源的地图框架在网页上搭建地图的时候,我就一直有过一个想法,那就是如何将它们封装成类似UI框架类似的组件,后面发现这其实是一个VUE3生命周期执行顺序的问题,下面是以地图为例子进行解析。

2024-01-25 17:10:25 626

原创 前端如何实现一键换肤

在前端项目中,有很多项目都存在一键换肤的功能,有很多现存的UI框架也存在相同的功能,但其实他们实现换肤的本质其实都是一样的。都是在顶部的DOM节点中插入对应的class属性或者attribute属性,通过分别设置不同的属性值,然后在这些不同的属性值下设置不同的子节点样式,从而实现不一样的主题样式。而在换肤的时候只需要改变顶部的DOM节点中的这个属性值,就可以展示对应属性的主题样式。

2024-01-22 15:04:31 461

原创 屏幕的可视化适配方案

在日常开发中我们总是会遇到各种不一样的分辨率屏幕,为此我们需要使用各种方案去对页面进行前端适配,下面是我对目前所存在的几种方案的展示及总结。

2024-01-21 10:21:31 1103

原创 mapbox gl 结合three.js 创建自定义图层-添加圆柱体

所以作为webgl常用框架的three.js也是可以作为CustomLayer的实现方式之一,下面便是通过结合three.js在mapbox gl 地图中添加圆柱体自定义图层。在mapbox-gl过程中,当现有的图层无法所需要的效果的时候,可以尝试使用自定义图层去实现新的效果展示。当然诸如three.js能实现的其他的三维效果,也可以在mapbox gl通过自定义图层添加到地图中。基于说明和案例我们可以了解到CustomLayer上可以以。的方式实现,也能够以。

2024-01-10 11:11:45 570

原创 react入门教程四:ReactRouter快速上手

ReactRouter 是 React 的路由库,它可以帮助开发人员构建基于路由的单页应用程序(SPA)。ReactRouter的主要作用是管理应用程序的导航和路由,使得应用程序可以在不刷新页面的情况下更新和转换不同的页面。它支持多种导航方式,如基于 URL 的导航、链接、模态框和其他操作。ReactRouter安装。

2023-12-13 11:33:53 106 1

原创 react入门教程三:Redux快速上手

Redux 是React最常用的集中状态管理工具,类似于Vue中的Pinia(Vuex),可以独立于框架运行作用:通过集中管理的方式管理应用的状态。

2023-12-07 15:17:39 62

原创 react入门教程二:React组件使用

useMemo 可以传入2个参数,第1个参数为函数,用来进行一些计算,第2个参数是依赖关系(可选参数),返回值为第一个函数 return 出去的值,只有在依赖项发生变化时才会重新执行计算函数进行计算,如果不传依赖项,每次组件渲染都会重新进行计算。是用来解决函数组件中不能定义自己的状态的问题,useState 可以传递一个参数,做为状态的初始值,返回一个数组,数组的第一个元素是返回的状态变量,第二个是修改状态变量的函数。函数组件是最基本的组件类型,与类组件相比,函数组件更加轻量级、易于理解和维护。

2023-12-05 16:16:40 98 2

原创 react入门教程一:基础和JSX语法

React是一个用于构建用户界面的JavaScript库。要快速入门React,首先你得已经了解JavaScript和HTML等这些前端的基本知识。然后了解React 的核心概念组件化和学习React 一系列工具和库的使用。然后经过不断的实战练习就可以完成对React的快速入门。

2023-11-29 14:30:12 82 3

空空如也

空空如也

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

TA关注的人

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