- 博客(58)
- 收藏
- 关注
RSS订阅
原创 vue使用xlsx以及file-saver进行下载xlsx文件以及Unit8Array、ArrayBuffer、charCodeAt的使用
对象的一个方法，它用于返回给定位置的字符的 Unicode 编码值（整数）。Unicode 编码是一个标识字符的数字，它包含了世界上几乎所有字符的映射，包括常见字符、特殊字符和表情符号。代表内存之中的一段二进制数据，可以通过“视图”进行操作。创建完后，可以以对象的方式或使用数组下标索引的方式引用数组中的元素。charCodeAt：方法通常用于处理字符串中的字符，以便执行各种文本操作，比如排序、查找、比较等。对象来操作，它们会将缓冲区中的数据表示为特定的格式，并通过这些格式来读写缓冲区的内容。
2024-10-24 10:12:41
457
原创 vue使用xlsx以及file-saver进行下载xlsx文件以及Unit8Array、ArrayBuffer、charCodeAt的使用
对象的一个方法，它用于返回给定位置的字符的 Unicode 编码值（整数）。Unicode 编码是一个标识字符的数字，它包含了世界上几乎所有字符的映射，包括常见字符、特殊字符和表情符号。代表内存之中的一段二进制数据，可以通过“视图”进行操作。创建完后，可以以对象的方式或使用数组下标索引的方式引用数组中的元素。charCodeAt：方法通常用于处理字符串中的字符，以便执行各种文本操作，比如排序、查找、比较等。对象来操作，它们会将缓冲区中的数据表示为特定的格式，并通过这些格式来读写缓冲区的内容。
2024-10-24 10:02:06
1154
原创 vue项目中使用file-saver生成各种文件导出
JSON.stringify(data, null, 2): 格式化json数据 方便阅读。* FileSaver.saveAs(parame1, parame2) 浏览器保存文件。* new Blob(parame1, parame2): 转为Blob文件流.当然还有别的各种格式我写了部分使用其他的可以改变type格式使用。* data: 封装好的json数据。* parame1: Blob文件流。* parame1 [] 数据源。* parame2 文件流类型。* parame2：文件名。
2024-10-23 11:28:37
279
2
原创 git stash和git stash pop
git stash为给本地修改代码建立一个缓存区和存储工作区；一般我用于1、本地代码开发过程中有反馈bug或者急的需求可以进行git stash先把写的部分代码缓存起来2、用于当多人开发时出现代码冲突或者代码拉取不了时(因为本地代码开发造成)这时可以先把自己的代码进行git stash，之后在进行git stash pop，然后再进行提交当然你也可以为自己存储的代码去建立名称。
2024-10-23 11:10:52
595
原创 git pull过程中出现there is no tracking information for the current branch
在本地开发的过程中git pull 拉取代码时出现There is no tracking information for the current branch。这个时候证明的是本地代码分支没有远程的跟踪信息也就是说与远程的分支建立联系，所以导致拉取代码无法成功。执行完之后就能关联上远程分支进而就行进行git pull。<branch>为关联的远程分支名称。local_name为本地分支名称。其实可视化窗口已经给了解决方案。
2024-10-23 10:59:43
455
原创 jenkins中多个vue项目共用一个node_modules减少服务器内存的占用，对空间造成资源浪费
多个vue项目使用的node_modules一致，每个项目都安装一遍依赖，对空间造成资源浪费。通过服务器上的软连接mklink(windows服务器，如果是linux服务器用ln)来共用一套node_modulesmklink /d [链接文件或目录] [原始文件或目录]
2024-09-25 15:59:08
428
原创 vue中office预览文件
src='+你的加token的文件地址url)window.open('https://view.officeapps.live.com/op/view.aspx?src='+你的文件地址url)前提不能是内网环境，这是office微软提供的。通过这种可以直接在线浏览office文件。
2024-09-11 11:44:40
639
原创 通过XMLHttpRequest和window.open在浏览器中打开文件流pdf以及下载pdf
当然我这里使用的是原生的，如果可以的也可以使用axios、ajax都是可以的，反正都是通过接口获取文件流进而通过blob不同的类型转换用于浏览器的展示；blob的type有很多，还有图片image/png等等。首先通过接口获取文件流数据。浏览器下载文件和预览差不多。
2024-09-11 11:01:47
891
原创 windows环境中使用nginx以及清空进程和启动
接下来我们需要配置nginx.conf，在conf文件夹下有一个nginx.conf文件我们可以通过记事本或者notepad++打开。打开之后上面有一个server上有一个80的环境，一般情况我是不使用的，当然也是可以使用的；windows环境中每启动一次就会产生一个新的进程，这一点是windows上使用nginx很恶心的一个点。然后就可以进行nginx的启动，nginx的文件夹中有一个nginx.exe文件，直接双击就行。我使用的nginx是1.25.5版本的。查看所有的nginx的进程。
2024-09-05 15:40:51
430
原创 使用NATAPP进行外网穿透
然后把config.ini通过记事本打开找到authtoken，然后把你自己购买的authtoken放上去。第三步，选择完之后就点击免费购买就可以了，购买完之后就会一个独属于你自己的隧道，这个隧道有一个。然后启用natapp.exe，然后你所启用的项目通过生成的cc地址别人就可以访问到你本地的项目。第一步：通过官网先进行注册，注册完之后通过账号进行登录，进行NATAPP官方后台系统后。，然后左侧就行出现选隧道的，我使用的是免费的，当时我就选择的。中找到客户端下载，根据自己的下载一个就行。
2024-09-05 15:16:21
333
原创 vue中下标、上标和‘./v4‘ is not defined by “exports“出现时
'./v4' is not defined by "exports"出现启动项目时出现有两个最大的可能性。另一方面我们也可以通过sup和sub标签这两个标签进行上标和下标。除了我们平常通过复制、粘贴可以把我们想要的格式给复制使用。1、第一种就是node的版本太高启动的依赖版本低导致的。反正这两种都是跟版本有关无论更新谁都可以。2、依赖中uuid的版本出现问题。
2024-08-30 17:23:15
459
原创 html2Canvas和jspdf导出长pdf
在使用者个pdf生成与导出的过程中我遇见了一个问题就是我的数据量比较大在表格中也还有一些小的循环与赋值，导致我生成的pdf中后半部分有数据出现展示的和赋值不一样的情况。最后我也灭幼解决，幸好的生成是在查看中我通过判断提前把值都给生成好，不尽行循环赋值解决的，如果大家有知道的欢迎留言，共同学习。在公共方法的文件夹中建立一个新的文件htmlToPdf.js用来写咱们得方法然后通过main.js让全局都能进行使用。具体的html2Canvas和jspdf的我就不说了，直接开始了，然后main.js中引入。
2024-08-30 16:56:23
1564
原创 使用html2canvas和jspdf导出pdf包含跨页以及页脚
下载之后我们就可以通过选择文件按钮把.ttf文件上传到上面然后我们命名一个fontName,然后点击create生成一个字体的js文件，如果你的是vue项目那么直接引入使用即可，但是如果不是，我进行的处理是把其中的font复制出来自己建一个js文件。这个里面我加入了黑体这个字体因为在添加页脚的时候，中文会进行乱码。把这个font字体绑定在window上这个全局都可以进行使用。之后就是放到我们的项目中然后全局引入就可以了。之后就可以在使用的地方写我们的代码了。之后打开下图这个文件中的html文件。
2024-05-28 18:01:04
582
原创 Server-Sent Events（以下简称 SSE）以及event-source-polyfill使用单向长连接(后台主动向前端推送)
SSE 与 WebSocket 作用相似，都是建立浏览器与服务器之间的通信渠道，然后服务器向浏览器推送信息SSE 是单向通道，只能服务器向浏览器发送，因为流信息本质上就是下载。如果不使用event-source-polyfill只需要把new EventSourcePolyfill替换成new EventSource()然后去掉传的参数即可。如果不使用event-source-polyfill咱们直接new EventSource()就行。现在咱们先说一下使用event-source-polyfill。
2023-12-27 10:19:01
1067
原创 vue2中自定义右击菜单--vue-contextmenujs
当然其中还是有很多别的属性，比如label、icon、hidden、onClick等等，基本上这些已经满足我们日常使用了。第三步在我们需要右击菜单的代码上增加如下代码。第二步把我们的依赖引入到全局中。第一步我们先安装这个依赖。第四步在方法中写入方法。
2023-12-26 17:41:21
1328
原创 el-date-picker中可能会遇到下拉选项框偏移
一般情况我们的下拉选项框偏移造成这种情况的就是我们同一个html页面中出现不同形式的下拉时间选择。当我们出现这种情况的时候只需要在我们这个html的日期时间选择器上加上不同的key值就可以了。
2023-12-26 17:28:43
923
原创 el-table中表头自定义动态渲染
会对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法。有人会使用this.$refs.table.doLayout这个只能动态渲染更换数据布局。el-table中有时候我们可能遇到需要表头自定义以数组的形式进行循环显示。当我们改变tableHead时我们自定义的表头没有跟随渲染。所以我们需要在里面添加一个key值去动态布局我们的表头。如果大家有其他的方法可以留言共同学习。不会对我们所需要的表头进行重新布局。
2023-12-26 17:25:24
747
原创 qiankun中子系统变化透传到主系统调用主系统方法
3、在微应用子系统main.js的qiankun的mount中获取到全局设备参数属性并是设置为子系统全局。4、在微应用子系统中需要去调主系统方法时就在那个地方改变透传过来的参数。1、首先在主系统中qiankun启动前把变动的参数初始化。这是我用的方式，有什么问题或者有更好的方式大家共同交流。2、初始化之后就可以通过全局状态通信把参数透传为全局。5、然后在主系统中就能监听到子系统中改变此属性。
2023-12-14 11:08:33
514
原创 qiankun中主系统启动子系统本地静态图片加载404或者跨域问题
rule就会把assets中images中png、jpg、gif、svg的图片转为base64，当然这里有一个limit这个就是把不能大于多少kb的图片转为base64。1、第一种也是我常用的，就是把子系统中的静态图片全部转为base64这样通过主系统访问的时候就不是通过路径访问而是直接访问base64转为图片。3、第三种就是和第一种差不多就是在第一种的options中有一个publicPath这个路径去通过不同的环境配置不同的路径。有什么不对的请大家共同学习，可以在下面留言。
2023-12-14 10:51:55
1113
原创 hash模式下路由跳转页面不刷新
举个例子：当我在注册页面->注册状态页面->注册页面，在这个期间我从注册状态页面进行缓存的数据想要在注册页面使用，然而注册页面不会重新加载，显示的还是跳转前的状态；mode为hash时，纯粹页面，路由跳转过之后跳转上一级重复路由页面不会重新渲染。//js原始方法刷新，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入。说实话问题是处理了，但是我对于这两种方式去重载页面会造成什么问题不太了解；刚开始的时候我时候的是watch去监听路由然后刷新页面。这种情况下我们需要把页面销毁掉就可以进行重载了；
2023-06-09 18:08:54
2041
原创 vue中使用高德
当然还有直接在index中添加但是后台如果有域名限制，就需要把域名限制增加一部分，当然前端也是可以的。的时候选择个人就可以，如果是企业级的项目，可能会涉及人员变动，建议使用公司邮箱进行注册。首先我们要申请高德地图的key，当前升级过后高德地图使用也需要加上安全秘钥。当然还有其他安全的引入方法，具体可以去高德api文档看一下。安装完之后在main.js中引入全局依赖进行使用。创建完之后就可以通过key和安全秘钥进行使用。注册之后在我的应用中创建新应用。然后再页面就可以进行使用了。之后我们就下载安装依赖。
2023-04-06 10:08:42
415
原创 js中Number数据进行乘法再加上‘%’会出现精度问题解决
平常我们使用的方式就是Number(0.38)*100 + '%'这样有可能会出现精度的问题出现38.000000000000003%这种情况解决这种情况的方法在自己的方法库中添加一个方法然后再main.js中添加成全局属性然后就可以在 页面中调用
2023-04-04 17:33:41
313
原创 vue中父传子，父传孙说明
先来说一下，vue中父传往子组件用v-bind绑定属性，在子页面用props接收，子传往父的用$emitthis.$emit('change',data)，data就是你要传的数据，change为父页面中绑定的事件说一下父传孙的，在vue2中可以使用v-bind="$attrs"这个咱们统一上代码说：当然还有别的方法在vue版本为2.2.0以上的也可以使用provide与inject还能使用eventBus来传参接参当然大部分时候会使用vue...
2022-03-28 17:56:08
2176
原创 ES6过滤两数组取差集以及some和every的使用
两个例子：JSON数组var list1 = [{name: 'a', id: '123'},{name: 'b', id: '1234'},{name: 'c', id: '12345'}]var list2 = [{name: 'a', id: '123'}]首先我先使用ES6来处理var arr = [...list1].filter(res=>{return [...list2].every(t=>{return...
2022-03-24 09:48:04
1807
原创 vue-elementui中el-table跨页选择和v-if导致列错乱
在vue-elementui中使用el-table，当type="selection"的时候，分页数据进行不同页跳转选择需要这种功能的时候我们需要在el-table的标签上为每个el-table-column都创建一个id；所以就用到了row-key="id"这个属性；然后我们就需要在el-table-column为type="selection"添加一个属性reserve-selection;当这两个属性同时使用时就能实现我们的需求不能重置我们的选择总结一下：跳转页不重置我们的选择1、
2022-03-16 16:40:23
1858
原创 vuex存储刷新页面刷新不缓存
这种情况有知道有两种方式去解决，但是sessionStorage和localStorage的使用不知道为什么没有起作用；sessionStorage和localStorage：我在vue-vant-admin的H5项目中在app.vue中使用了replaceState请大家指教一下为什么没有起作用然后第二种方法可以；我使用了vuex-along的依赖或者使用yarn add vuex-along；就看你有npm还是yarn，两个都行之后你的依赖中就有有vuex-along
2022-02-22 17:22:14
354
原创 js中小数乘法问题
在js中0.025*3 = 0.075 但是实际上所以就用一个方法来先乘后除的方法num代表你需要多少的位数e为乘法的值（0.025*3）
2022-02-22 15:13:44
691
原创 前端async和await中使用try---catch进行捕获
在使用async和awaitawait只能放在async函数里 为了使我们的异步代码，更像同步的代码 如果asycn里的代码都是同步的，那么这个函数被调用就会同步执行在使用时可能会出现你需要捕获错误信息等等...
2022-02-21 18:03:01
743
原创 在vue的项目中文件流格式进行下载和导出：使用blob格式
在做项目时我们可能会遇到下载功能以及导出功能：其实这两个功能是一样的只是看客户需求是什么；说一下原生的文件流下载方法我这里的下载方法分两种，一种是带请求头token的一直是不带的其实本质上没有太大的区别：我写了一个公共的方法区分有请求头和无请求头；当然还有预览我一般使用window.open()...
2022-02-21 17:51:36
600
原创 vue-elementui-admin中v-has的自定义指令和v-if的冲突问题
在vue-elementui-admin的后台管理系统中往往就会使用到按钮的权限控制以及角色的权限控制问题，一般情况使用的就是自定义指令v-has的使用，在这个后台管理系统中就有这个自定义指令；不说太多直接上代码的使用方式：如上面的如果v-if和v-hasPermi同时使用时，除非我们页面进行重定向，v-haspermi是不会起到作用的，就是因为这里的v-if把咱们的dom元素给删除了，导致这个v-haspermi找不到这个dom元素了，所以我们把这里的v-if改为v-show就可以使用了.
2022-02-21 17:43:33
3783
原创 通过纯粹的vue、elementui通过el-dialog、el-tree、el-card扩展弹框，通过import导入
在项目的过程中会遇到各种各样的弹框形式；这里介绍一个我使用的弹框中的树形选择不说太多直接上代码template模板中的代码el-dialog中包含el-row，通过el-row去布局右边的展示框和删除选中数据通过import引入数据接口当然你写完的组件也可以成为局部组件和全局组件，全局组件需要在main.js中引入，这样不需要再使用import引入去使用，当然局部组件需要通过import去引入使用各个模块的说明data模块mounted模块
2021-04-19 15:52:57
942
原创 vue中this.$root.Bus.$on多次调用方法被覆盖或者出现多次调用的情况
在spring boot的前端vue项目中，各个组件间进行的方法通信：this.$root.Bus.$on问题比如我在组件中进行全局化的通知上面的这种情况就会出现后面的覆盖前面的，造成联动的失败，并且如果不进行判断的话就会出现重复调用的情况所以我需要在我的组件方法中添加vue的生命周期beforeDestory，当一个使用完之后，就先清除了，然后再通知下一个...
2021-01-04 17:04:19
1539
原创 对elementui中el-popover增加拖拽功能
我这里是依据原生的jq进行操作的；通过鼠标事件进行操作，通过鼠标的onmousemove事件进行拖拽移动定位；通过onmouseup进行管控拖拽结束功能话不多说上代码：首先是html的代码，先是使用咱们的el-popover使用之后咱们通过代码的细化可以看到在el-popover中写了一个它自身的Class：popoverClass，通过这个class咱们可以获取到它的dom节点通过console.log(popover)输出我们可以看到其中的层次结构然后使用debugg
2020-12-04 14:49:18
2205
5
原创 vue-elementui中使用el-tree、el-radio-group、el-checkbox-group选择器的简单封装
直接开搞上代码说事首先我们要先建三个文件，分别是静态文件html，样式文件css、js文件html文件中首先我是这样布局先说第一个文件的el-tree组件再说另一个el-radio-group和el-checkbox-group接下来说一说css文件接下来使我们的js文件，其中的列表Api是选中后通过id去获取完整的数据接下来data里的初始化数据配置生命周期计算属性computedmethods方法
2020-11-11 16:12:29
1538
原创 idea中添加less并解析为css使用
1、首先先全局进行下载less在idea先查看自己是否已经安装好node检查好之后通过npm安装less npm i -g less安装好less后来到设置中打开后查找file watchers，如果没有查到可以进行以下操作进行查找，查到后进行下载安装然后就能在工具中看到file watchers进去后点击+号进行添加然后做完这些可能你在添加less文件的过程中你会把less文件添加为text文件，她就不识别这个less文件了，在设置中...
2020-10-27 10:54:17
3248
3
原创 vue+elementui中对el-select封装
通过对el-select的简单封装可以在整个项目中进行使用，既然代码优化了，也让技术人员对代码的操作性提高了不说那么多直接上代码：通过define对vue和element-ui进行引入在html中使用是通过tg-el-select然后传入必要性的属性...
2020-09-28 11:01:42
2290
原创 vue+elementui中对el-table进行封装
组件简单的封装之后可以进行重复的使用，并且也规定好各种规则，对于代码的优化，页面的一致性有很大的好处不说那么多直接上代码：首先我们需要建三个文件分别是css、js、html，当然如果是纯vue的项目的话就直接vue文件和css文件我这里是通过define、require进行的封装的建好这三个文件后首先可以先写html：接下来就是js：这里面需要注意的就是方法中的handleClick和handleCurrentTableChange通过这两个方法$emit回传
2020-09-28 10:39:30
2079
3
原创 css中的@font-face使用和vue中全局和局部引入css
vue中全局引入css在main.js中通过import引入然后就能在代码中使用csscss在局部使用有两种写法第一种写法就是：直接在vue文件中写不过要注意需要在style中添加scoped的属性样式就起作用了还有一种就是直接在外部创建css文件通过import局部导入文件css中使用font-face，使用时，你要先找到自己使用的字体，通过自己转换得到woff和woff2文件推荐自定义字体网址https://fontmeme.com/zit
2020-09-24 11:43:44
2304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人