小胖伦的夕阳粉-CSDN博客

原创复制表格内容至剪切板（含数据转换）

根据当前行数据及列配置中的枚举值，转换数据；拓展出下拉框枚举是树形结构的，支持深层次遍历。处理每一个单元格数据，进行格式化数据。

2023-08-03 16:16:18 275

原创 XLSX.js实现多sheet页导出，并设置行样式

【代码】XLSX.js实现多sheet页导出，并设置行样式。

2023-07-06 18:20:28 1199

由于最近工作需求，紧急学习electron相关的技术知识，关于node.js的相关问题，后续会继续更新。【electron】简介及作用：electron的基本组成：Chromium + Node.js + Native APIChromium：Google 的Chrome浏览器背后的引擎，为electron提供了强大的UI能力，不用考虑兼容性的问题，比如可以不用写很多CSS兼容代码；Node.js：可以使用npm的包快速开发，并且使electron有底层开发的能力，比如文件的读写等；Native

2022-02-21 13:12:18 4542

原创【Node.js】Node.js攻略（二）npm及事件循环

什么是NPM？NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。（注：Yarn 是 npm 的一个替代选择。）常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的node.js已经集成了npm，所以之前npm也一并安装好了。可以通过输入 “npm -v” 来测试是否成功安装。命令如下，出现

2021-08-06 17:18:59 246

原创【Vue + node】node攻略（一）

先了解一下node是什么，有什么特点，可以干什么，经常干什么【初识node】官方文档记录：Node.js 是一个开源与跨平台的 JavaScript 运行时环境。Node.js 在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核）。Node.js 应用程序运行于单个进程中，无需为每个请求创建新的线程。Node.js 在其标准库中提供了一组异步的 I/O 原生功能（用以防止 JavaScript 代码被阻塞），并且 Node.js 中的库通常是使用非阻塞的范式编写

2021-07-07 16:55:03 413

原创【Vue + bpmn】前端实现画流程图

新业务下来要搞流程图，作为笔记仅供参考，记录此次渡劫历程技术：使用vue + ts + bpmn安装bpmn.js实现创建编辑流程图，首先我们需要安装 bpmn.js。材料要先有，才能根据自己的需要去锻造适合自己的兵器npm i bpmn.js --save -D注：安装完成后可以在node-modules中找到bpmn-font，bpmn-js，bpmn-moddle文件夹ts文件引入bpmn// 左侧工具栏及编辑节点的样式import 'bpmn-js/dist/assets/diag

2021-06-28 17:54:03 9588 1

原创【Vue3】李南江老师讲解--个人笔记（三）

【 Vue3笔记】【 toRaw() 方法】toRaw() 方法专门用来获取 ref 或者 reactive 类型的原始数据，如果是获取 ref 类型的原始数据，需要在对象后面添加 .value。获取原始数据的作用：由于 ref 和 reactive 数据类型每次修改都会被追踪并更新UI界面（消耗性能），如果有些操作不需要监听和更新UI界面，可以先使用toRaw获取原始数据，对原始数据进行修改。【 markRaw() 方法】markRaw方法：定义数据永远不被追踪，变成非响应式数据，这时

2021-03-19 18:02:52 225

原创【Vue3】李南江老师讲解--个人笔记（二）ref 和 reactive详解

【vue3笔记】实现响应式数据的方法可以使用 ref，reactive定义响应式数据，本质上就是将传入的数据包装成一个Proxy对象。使用 reactive 必须是对象（Json/arr），如果给 reactive 传递了其他的对象，默认情况下修改对象，页面不会自动更新。但是可以通过重新赋值的形式更新页面。<template> <div> <p>{{value.time}}</p> <button @click="myFn">按钮

2021-03-15 17:35:08 548

原创【Vue3】李南江老师讲解--个人笔记（一）

太喜欢李南江老师了，自带二倍速的语速还可以讲的明明白白又有一个有趣的灵魂i了i了【vue笔记】框架和库的区别：框架：是一整套的完整的解决方案，换框架的话，需要重构整个项目；库：也就是使用是插件，修改需要使用的插件就可以，可以实现无缝切换。vue的核心概念：1，通过数据驱动界面更新，不操作Dom来更新页面；2，组件化开发，可以将网页拆分成一个个的组件来编写let vm = new Vue({ router, store, el: '#app', render: (h

2021-02-26 15:56:18 444 2

原创设置vscode背景图片

首先在vscode扩展中，找到background这个插件，快捷键Ctrl+shift+x然后，在设置中找到settings.json文件再然后，在文件下面添加以下代码： "background.customImages": [ "file:///E:/file/Googlefile/4.png" //本地图片 ], //background 的相关配置 "update.enableWindowsBackgroundUpdates": true, "

2021-01-13 14:46:20 855

原创【Vue-router】hash模式和history模式

经过前一段时间磕路由的官方文档及做了一些实验，我终于是个废人了。现在对路由的了解，可能是由之前的‘人畜不分’阶段变成了‘这是个会做什么东西的人’阶段。前路漫漫，继续磕吧！刚嘛嘚！！现在单页应用盛行，前端路由也成为目前各个框架的基础标配，然后就搞得路由也是一大难题，越来越复杂，对于我这个小菜鸡来说，啃这个骨头，还是挺费头发的。今天总结两个牛掰哄哄的两个框架（React和Vue）的hash模式和history模式。先介绍一下，前端路由、hash模式及history模式到底是什么玩意儿前端路由：在服务端

2021-01-12 16:25:21 188

原创 Vue面试题总结（二）之 vue-router

vue-router是什么Vue Router 是 Vue.js 官方的路由管理器，创建单页应用程序：通过Vue.js，我们已经在使用组件组成应用程序。将Vue Router添加到混合中时，我们要做的就是将组件映射到路由，并让Vue Router知道在哪里渲染它们vue-router 的功能嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash

2021-01-11 18:04:52 2678

原创 Vue面试题总结（一）

1，MVVM与MVC的区别MVVM，View的变动直接反应在ViewModel上，采用是数据双喜那个绑定；MVC：View传送指令到Controller，Controller完成业务逻辑处理后，要求Model改变状态，Model将新的数据发送到View，用户得到反馈。2，Vue的核心是什么？数据驱动，组件系统数据驱动：ViewModel，保证数据和视图的一致性。组件系统：应用类UI可以看作全部是由组件树构成的。3，vue中的data为什么是一个函数？为了保证每一个实例的data属性都是独立的

2020-12-15 16:37:39 144

原创记一次--冲动租房--搞得身心疲惫

**首先来一波土拨鼠尖叫，啊！！！！！！！！！！！**由于想找一个在公司附近的房子，找了一天之后，就匆匆决定了一个公寓，就是那种写字楼里的套房，里面有独卫独厨，装修的也很好，也是冲动见了鬼了，直接就签了合同，押一付二。哈哈哈，这时候，就会发现自己没有脑子。因为重点，没有问周围的邻居都是些什么神仙。我，一介弱女子啊，直接提着大包小兜的就住进去了，风风火火一声吼啊，结果，现在苦逼的还要风风火火搬出去。中介还说的特别好，什么这个房子多好多好啊，要什么有什么。是啊，夜里三点多还在嗨的邻居也是要多嗨有多嗨。

2020-12-04 17:19:56 235 6

原创【Vue】数组对象排序

米娜桑~好久不见啦今天做个简单的排序总结之数组对象排序代码贴出来~这里的arr要根据自己的数组名进行修改，code要根据自己数组中对象的属性名进行调整，然后按照这个数组名进行排序created() { // 初始化下拉框搭配类型 this.$axios.run(***, (res) => { if (res.code === 0) { this.arr= res.data;

2020-11-04 19:11:44 4110

原创【CSS】absolute和relative以及子绝父相详解

子绝父相【position:absolute】绝对定位如果设置top、right、bottom、left属性并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由设置的top、right、bottom、left属性决定。如果没有设置上下左右属性的话，默认依据父级的坐标原始点为原始点。绝对定位可以覆盖页面上的其他元素，并可以通过z-index来控制它层级次序。z-index的值越高，它显示的越在上层。注意网页居中的话用absolute容易出错，因

2020-10-20 18:50:53 3435 1

原创【vue】实现表格中特定（报错）单元格高亮

需求：实现表格中特定（报错）单元格高亮，此处实现为空的单元格高亮【官方】el-elementtable组件中使用highlight-current-row属性，只能实现某行高亮，满足不了需求【优解】使用ref获取对应的dom元素,并对该元素添加样式先把表弄出来，字段绑定对应的值，并绑定ref，用来定位dom元素这里用了官方的:highlight-current-row="isHighLight"属性，实现选中行高亮<template> <div class="card-

2020-10-19 18:18:03 1191

原创【npm】Error: EPERM: operation not permitted && Error: listen EADDRINUSE :::3000

Error: listen EADDRINUSE :::3000端口被占用解决方法：停止3000端口或者修改本服务的端口Error: EPERM: operation not permitted权限不允许解决方法：vscode以管理员身份运行，再npm inpm i 卡住不动多次解决方法：下载cnpm（npm install -g cnpm --registry=https://registry.npm.taobao.org）使用cnpm下载依赖包祝伟大的祖国繁荣昌盛！七十一岁生日快乐！！

2020-09-30 15:37:36 151

原创【前端去重】数组去重&字符串去重&对象去重

今天被去重玩死了，最后发现from写成了form，真是被自己蠢死了！如果写代码不是为了折磨自己，那将毫无意义！接下来，鞭笞去重数组去重new Set去重之后获取的是假数组，需要用Array.from处理一下let value = ['是','不是','是'];value = Array.from(new Set(value));字符串去重第一种方法就是把字符串用split转换为数组，用上面数组去重的方法去重之后，再用join转回字符串let value = '是不是，是';value

2020-09-28 18:45:58 1458

原创【Vue】点击回车键，实现登录功能

恕瑞玛，你们的皇帝回来了！！点击回车键，实现登录功能 methods: { keyDown(e) { // 回车则执行登录方法 enter键的ASCII是13 if (e.keyCode === 13) { this.login(); // 定义的登录方法 } }, }, mounted() { // 绑定监听事件 window.

2020-09-25 16:40:36 767 3

原创【SVN VS GIT】观战两大版本控制系统的battle

上帝视角\(^o^)/~【Round 1】svn：集中式，有一个单一的集中管理的服务器，保存所有文件的修订版本，而协同工作的社畜们就通过客户端连到这台服务器，取出最新的文件或者提交更新。获取代码只能在这个唯一的版本库；解决冲突，最主要的是拼手速；服务器不可以炸，一旦宕机，哈哈哈~全组就放假了，等它；如果更幸运一点，磁盘出了故障，你的更改记录就化蝶飞走了，所以要及时备份；没有网络或者断开VPN你就无法做任何事情，给你的咸鱼工作时光又增加了继续咸鱼的理由。git：分布式，记录已经变化的文件，相当

2020-09-23 10:29:13 80

原创【数组&字符串】split & join & splice & slice & pop & shift & unshift & concat

今天我们来搞点什么呢？那就搞事情吧！┏ (゜ω゜)=☞split()方法 & join()方法不多巴巴，直接上货！【first blood】split()方法：将数据拆分为一个数组例如，以单个符号分割：a = ‘hello Miss.zuo’;a.split(’.’)【精准爆头：* ^ | 等有特殊含义的字符作为分隔符的时候必须使用转义符即\加以转义】再例如：以多个符号作为分割符：a = ‘hello Miss.zuo*you,hahaha.ge’;a.split(/[. *

2020-09-22 11:09:15 357

原创【正则表达式】盘数字&注释

明天就周末了，啊哈哈哈哈~~~今天就总结个小知识点慰劳一下辛苦的技几。。。吧~正则表达式攻略^ 匹配输入字符串开始的位置；当在一组方括号里使用 ^ 时，表示"非"或"排除"，常用来剔除某个字符$ 匹配输入字符串结尾的位置* 匹配前面的子表达式零次或多次+ 匹配前面的子表达式一次或多次\d 匹配一个数字字符[^a-z] 匹配除了小写字母以外的所有字符 \s 匹配任何空白字符，包括空格、制表符（\t 或 \x09 或 \cl）、换页符（\f）一个数字 {x} 的意思是前面的字

2020-09-18 16:06:43 229 1

原创【Vue】搞文件的上传（导入）与下载（导出）

美好的一天开始啦，欢乐时光到了，摇摇晃晃~~吨吨吨老规矩，先上官方上传方法：链接: https://element.eleme.cn/#/zh-CN/component/upload.文件上传使用fromData来实现文件上传<el-input type="text" readonly v-model="uploadFileName" value="uploadFileName" placeholder="请选择要导入的文件"></el-input><!-- &lt

2020-09-17 19:11:44 563

原创【Vue+el-element】玩表格

博客第二天纪念日今天挑战表格第一列相同数据合并单元格，其他列不同数据添加到一行显示element中有表格合并的方法：通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组，第一个元素代表rowspan，第二个元素代表colspan。也可以返回一个键名为rowspan和colspan的对象。详见链接: element表格.其

2020-09-16 15:12:50 306

原创【git】git常用命令及所遇问题解决方法-小结

git常用命令–小结git常用命令梳理萌新git常用命令总结，要开始了哦~预备！走你！围攻git常用命令！1.git查看并设置用户名及邮箱：查看git config user.namegit config user.email设置git config --global user.name “username”git config --global user.email [email protected]拉取项目代码：本地创建文件目录，切换到代码存放目录，克隆代码：git c

2020-09-14 10:56:46 389 2

zuo0407的博客