- 博客(106)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 设置windos电脑开机自动启动chrome浏览器，并且打开指定网页
注意，这是一个简单的批处理脚本，它只会在命令行窗口中执行。这是一个Windows批处理脚本，主要用于启动Chrome浏览器并设置一些特定的参数。的意思是在改变当前目录之前，如果目录不是硬盘的根目录或者U盘的根目录，就先退出，这样可以保证安全。是批处理中的一个变量，表示%0（即批处理文件自身）的完全路径（包含目录信息）。：启动Chrome浏览器并打开指定的URL，同时设置一些特定的参数。：设置命令行窗口的标题为"Chrome"。的值为0，表示浏览器窗口在屏幕的左上角。的值为0，表示浏览器窗口在屏幕的左上角。
2023-09-06 17:38:42
717
原创 【Vue】使用elementPlus的table时,实现自定义tooltip效果，单行显示，超出则显示省略号，鼠标移入后，当文字数量大于20则换行自定义展示的tooltip
使用elementPlus的table时，实现自定义show-overflow-tooltip效果，文字在table中单行显示，超出宽度则显示省略号，鼠标移入后，当文字为30个字以内的时候单行显示tooltip，超出30个字则显示可以换行自定义展示的tooltip。
2023-08-15 14:52:25
1430
原创 【Vue3】Vue3中的组合式API是什么？hook是什么？什么是“组合式函数”？项目中如何使用自定义 hook 函数？
组合式API(Composition API)是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue 组件。响应式 API：例如 ref() 和 reactive()，使我们可以直接创建响应式状态、计算属性和侦听器。生命周期钩子：例如 onMounted() 和 onUnmounted()，使我们可以在组件各个生命周期阶段添加逻辑。依赖注入：例如 provide() 和 inject()，使我们可以在使用响应式 API 时，利用 Vue 的依赖注入系统。
2023-07-22 10:36:35
258
1
原创 【权限控制】ACL、RBAC、ABAC三大权限管理模型，到底怎么选?
系统规模：对于小型系统，ACL 可能是足够简单的解决方案。而对于大型系统，RBAC 或 ABAC 可能更适合。复杂性：RBAC 和 ABAC 提供了更高级别的权限管理功能，但也带来了更多的复杂性。根据系统需求和管理员的技能来评估是否需要更复杂的模型。灵活性：如果需要灵活性和动态的权限管理，ABAC 是更好的选择。RBAC 提供了一种适度的灵活性，而 ACL 则较为静态。
2023-07-03 17:43:43
1297
原创 【JS】vis.js使用之vis-timeline使用攻略，vis-timeline在vue3中实现时间轴、甘特图
`vis-timeline`时间轴是一个交互式可视化图表，用于实时可视化时间数据。数据项可以只与某个时间点关联，也可以有开始和结束日期（即一个时间范围）。vis-timeline可以通过拖拽和滚动时间轴自由移动和缩放。可以在时间轴中创建、编辑和删除数据项目。轴上的时间尺度是自动调整的，支持从毫秒到年的尺度。vis-time时间轴使用常规`HTML DOM`呈现时间轴和放在时间轴上的项目，这样的好处就是可以使用自定义css样式进行灵活定制。
2023-04-18 09:28:06
3543
3
原创 【CSS】SVG实战入门，svg画曲线，svg简单动画上手入门
- `` 根元素以像素为单位定义了整个图像的 width 和 height，还通过 xmlns 属性定义了 SVG 的命名空间，- `version` 属性可定义所使用的 SVG 版本，- `` 元素的内容可以被阅读器显示在标题栏上或者是作为鼠标指针指向图像时的提示， - `` 元素允许咱们为图像定义完整的描述信息，- ``标签 用来创建一个矩形，通过 `fill` 属性 把背景颜色设为黄色。- ``标签 用来创建一个圆。
2023-03-14 16:57:28
1419
原创 【JS】jsx/tsx是什么？为什么 Vue3 的组件库都在使用 jsx/tsx？如何在Vue3中使用 jsx/tsx？
前几天得到一个疑问，为什么 React 要用 JSX 语法，这样显得代码好像“很耦合”。按照传统应推荐 html、js、css 模版分离，这样设计的优越性到底在哪里？
2023-03-10 11:41:00
1762
7
原创 【TS】TypeScript泛型 T 的用法详解
泛型，从字面上理解，泛型就是一般的，广泛的的意思。TypeScript中泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体类型，而是在使用的时候再指定类型的一种特性。泛型中的T就像一个占位符、或者说一个变量，在使用的时候可以把定义的类型传入，它可以原封不动地输出。，这些成员可以是：函数参数、函数返回值、类的实例成员、类的方法等。
2023-03-09 17:03:22
1320
原创 【JS】Blob对象使用：前端实现流文件下载
前端由于安全方面的因素，不能直接对文件进行写操作。但是在实际的业务需求中，难免会遇到各种各样文件的下载、预览。如果服务端下载文件是以流的形式传递到前端，前端通常是将流转换为objectURL,借用a标签的download属性，进行文件下载。
2023-02-27 16:47:19
1572
原创 【Vue】浅谈vue2、vue3响应式原理，vue中数组的响应式，响应式常见问题分析
Vue 最标志性的功能就是其低侵入性的响应式系统。组件状态都是由响应式的 JavaScript 对象组成的。当更改它们时，视图会随即自动更新。vue2使用Object.defineProperty实现响应式。vue3使用Proxy实现响应式。
2023-02-16 16:37:46
1516
1
原创 【Iot】阿里云物联网平台入门之什么是消息解析、什么是Topic、JavaScript脚本示例解析
即通过脚本（可以是js、php、python），将消息数据在设备自定义格式和JSON格式之间转换。Topic是消息发布（Pub）者和订阅（Sub）者之间的传输中介。物联网平台中，服务端和设备端通过Topic来实现消息通信。Topic是针对设备的概念，Topic类是针对产品的概念。产品的Topic类会自动映射到产品下的所有设备中，生成用于消息通信的具体设备Topic。Topic类：产品维度的Topic，是同一产品下不同设备的Topic集合。一个ProductKey下有多个Topic类。
2023-01-16 10:41:41
1651
原创 【CSS】flex布局用法解析，快速上手flex布局，flex:1是什么意思？肯定看的懂好吧？
flex-wrap属性定义，如果一条轴线排不下，如何换行。nowrap（默认）：不换行。wrap：换行，第一行在上方。（常用此项）wrap-reverse：换行，第一行在下方。flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap// 主轴水平向右，并且元素自动换行。
2022-12-24 17:13:19
3120
原创 【Three.js】Three.js快速上手教程
`three.js`是`JavaScript`编写的`WebGL`第三方库。提供了非常多的3D显示功能，是一个常见的`web 3D`库。
2022-12-19 17:24:47
3776
4
原创 【JS】前端js实现树形结构：递归拼接树形结构与使用filter函数，不使用递归实现树形结构, O(n)解法
前端树形结构一般用于网页的地理位置输入框，地理位置级联选择，人员的部门选择等。常见的做法是使用递归实现树形结构，还有的使用filter函数可直接实现树形结构。
2022-12-13 14:27:06
2427
1
原创 【TS】TypeScript声明文件（.d.ts）的使用
当我们在TS文件中需要引入外部库时，编译时是无法判断传入参数的类型的，所以我们需要在引入前加入一个声明文件来帮助ts判断类型。当然现在大部分库都自带有自己的声明文件，一般在@types目录下。
2022-12-13 08:51:26
3093
原创 【Web通信】WebSocket详解：WebSocket是什么？如何使用WebSocket？在Vue中封装WebSocket(心跳监测)。nginx配置websocket。
`WebSocket` 是一种基于`TCP`的**全双工**通信协议，它提供了一种在浏览器和服务器之间建立持久连接来交换数据的方法。数据可以作为“数据包”在**两个方向**上传递，而无需中断连接也无需额外的 `HTTP` 请求。- 使用场景：对于需要连续数据交换的服务，例如网络游戏，实时交易系统等，WebSocket 尤其有用。最典型的场景就是聊天室。
2022-11-21 17:27:38
1171
1
原创 【Web通信】短轮询与长轮询(Long Polling)是什么？
早期的很多网站为具备数据推送能力，所在用的技术基本都是HTTP轮询。**轮询**是由由客户端每隔一段时间（如每隔5s）向服务器发出HTTP请求，服务端接收到请求后向客户端返回最新的数据。客户端的轮询方式一般为==短轮询==或==长轮询==。
2022-11-03 11:54:33
910
原创 【权限控制】PC端与小程序权限设计浅析---RBAC基于角色的访问控制（Role-Based Access Control）
RBAC权限模型：RBAC，即基于角色的访问控制（Role-Based Access Control），是优秀的权限控制模型，主要通过角色和权限建立管理，再赋予用户不同的角色，来实现权限控制的目标。
2022-10-24 10:46:07
857
原创 【Vue】vue3.2中使用pdf.js踩坑：Cannot read from private field---pdf.js使用详解
本人项目中使用的是`vue3.2`+`vite`+`ts`，现在打算使用pdf.js库来加载预览pdf文件，下面是我的一些踩坑记录！真的太难受了！！！
2022-10-17 17:14:47
2422
8
原创 【Nginx】https兼容http后，post请求返回405、301，显示接口方法不允许
强制把`http`请求跳转到`https`,结果发现App有部分的功能不能使用.因为App一共设置了4种请求方式，分别是`GET`、`POST`、`DELETE`和`OPTIONS`方式，设置301跳转后所有的请求方法都变成了`GET`方式，导致一些功能无法正常使用。
2022-10-17 10:15:18
1931
原创 【JS】前端常见加密算法MD5、AES、RSA介绍，Vue3中使用jsencrypt使用rsa加密示例
哈希散列算法、对称加密算法和非对称加密算法。vue3中使用
2022-09-30 15:48:09
3274
原创 【Vue3】 vite获取.env文件中配置的环境变量
// 根据当前工作目录中的 `mode` 加载 .env 文件// 第二个参数：process.cwd()表示返回运行当前脚本的工作目录的路径（current work directory）// 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。const env = loadEnv(mode.mode, process.cwd(), '');
2022-09-19 11:07:04
8692
5
原创 【JS】js正则匹配字符串是否为指定的某几个字符结尾
在做省市区级联选择的时候遇到，有的情况需要点击非最底层但是又要求可以选中，就需要 前端来增加判断。这里可以使用正则来判断label的值是否以某个字符结尾
2022-09-16 14:21:30
2753
原创 【vue】vue3中状态管理Pinia（Vuex5）使用快速上手
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了名字Pinia。关于vuex的介绍可以查看我之前的文章。
2022-09-14 11:41:54
837
原创 【Vue3】vue3中组合式Api的setup写法快速入门上手起步
使用setup语法糖和setup函数对比，使用语法糖的代码整洁了好多，不会有那么多的对象嵌套。也不用做什么额外的return，代码也简化了不少。
2022-08-15 16:42:25
2435
原创 【JS】javascript判断数据类型的四种方法：Object.prototype.toString.call()、typeof、instanceof、constructor
1. 使用Object.prototype.toString.call() ---推荐方法2. 使用typeof3. 使用instanceof4. 使用constructor
2022-07-30 15:35:35
1220
原创 【JS】js给对象动态添加、设置、删除属性名和属性值
但是当我们遇到需要给对象动态添加属性和属性值时，点获取法好像就不方便了，尤其是我们不知道属性名的时候更麻烦。简短的回答是“有特别的顺序”整数属性会被进行排序，其他属性则按照创建的顺序显示。计算属性的含义很简单[fruit]含义是属性名应该从fruit变量中获取。注意如果我们遍历一个对象，我们获取属性的顺序是和属性添加时的顺序相同吗？当创建一个对象时，我们可以在对象字面量中使用方括号。js中访问对象属性一共有两种方法点获取法和方括号获取法。最常用的对象属性获取方法是点获取法。...
2022-07-30 14:51:39
16091
原创 【Node.js】使用 nvm 管理不同版本的 node 与 npm（nvm-windows的安装与使用）
nvm：nodejs 版本管理工具，也就是说：一个 nvm 可以管理很多 node 版本和 npm 版本。也可以额外配置全局npm与cnpm。
2022-07-23 22:46:09
940
原创 【Node】服务端口被占用Error: listen EADDRINUSE: address already in use :::9000-如何关闭node启动的端口
记录一次node项目启动时遇到的问题koa2启动项目后，使用ctrl+c中止代码运行，但是再次运行时发信啊端口被占用。解决的思路就是把9000端口运行的程序给杀死。再次运行程序就不会显示端口占用了。如果说必须要强制终止执行，添加。,此处pid为11588。...
2022-07-23 21:03:47
1586
原创 【Angular】在angular2的app.component.html中使用 *ngIf 更改路由出口router-outlet
如果使用*ngIf有条件地禁用和启用router-outlet。当一个router-outlet会被注册，无论你做什么，下一个router-outlet都不会响应router的变化。此时应该使用具名的路由出口，或者只使用一个路由出口。
2022-07-01 09:50:15
366
原创 前端token知识梳理：token如何存储？token过期如何处理？如何无感刷新token？
弄两个token，一个负责鉴权得token：access_token，一个负责刷新得token：refresh_token，每次请求的时候都带上这两个token，后端拦截器判断，先判断鉴权access_token是否有效和过期，如果有效的话，就允许访问。如果过期了，就判断刷新refresh_token是否有效，如果有效，就返回指定状态码，然后让前端根据这个状态码去吊用刷新token接口。如果刷新token失效了，就提示需要重新登录！...
2022-06-28 16:21:04
7841
4
原创 【axios】封装axios
Axios是一个基于 promise的 HTTP`库，可以用在浏览器和node.js中。(本文围绕XHR)axios提供两个http请求适配器，XHR和HTTP。XHR的核心是浏览器端的XMLHttpRequest对象；HTTP的核心是node的http.request方法。
2022-06-27 16:12:15
2475
原创 【CSS】css的background属性用法详解，background常用缩写形式
//指定背景颜色 //设置背景图像, 可以是真实的图片路径, 也可以是创建的渐变背景;//设置背景图像的位置//设置背景图像的大小 //指定背景图像的铺排方式//设置背景图像显示的原点[background-position相对定位的原点];//设置背景图像向外剪裁的区域;//指定背景图像是滚动还是固定; 默认滚动；...
2022-06-24 16:50:59
3282
原创 vue/js操作dom全屏切换,全屏打开dom.requestFullscreen()；
if (dom.requestFullscreen) { dom.requestFullscreen(); } else if (dom.webkitRequestFullScreen) { dom.webkitRequestFullScreen(); } else if (dom.mozRequestFullScreen) { dom.mozRequestFullScreen(); } else { dom
2022-06-23 16:16:11
427
原创 【Angular】angular去除输入的空格，Angular自定义属性指令-禁止input框输入空格-以及删除复制内容中的空格（附有其他解决办法）
禁止输入空格，即当用户按下空格键时便阻止输入，但是如果只是这样，那么用户仍然可能使用粘贴的方式输入空格，所以这里同时在keyup事件中将所有空格替换了。
2022-06-23 16:09:02
996
原创 【CSS】网页如何快速适应大屏显示，快速自适应，旧版网站改造
使用CSS与结合，放大整个屏幕@media:不同分辨率修改样式zoom属性设置或检索对象的缩放比例，通俗的理解我们在body标签添加一个class标签，在使用媒体查询的方式去修改zoom的值，这样就达到了不同分辨率下不用再去针对性的修改样式其他兼容问题给zoom样式加了个判断浏览器,是谷歌就生效,不是就不生效.然后也给火狐适配了一下.将中间的框用个div包起来 然后将中间使用transform:scale()进行缩小,缩小到原来的0.8,然后左右距离边边各10%.代码如下:另外的自适应htt
2022-06-02 09:27:13
1164
原创 【TS】在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型
一、什么是接口在 TypeScript 中，我们使用接口Interfaces来定义对象的类型。可以用来约束一个对象，函数，以及类的结构和类型。在面向对象语言中，接口Interfaces是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类classes去实现implement。TypeScript 中的接口是一个非常灵活的概念除了可用于对类的一部分行为进行抽象以外，也常用于对对象的形状（Shape）进行描述。二、定义接口2.1 默认定义接口一般首字母大写interface Pe
2022-05-27 16:08:31
2055
开发-性能优化方法论（蚂蚁集团高级java工程师）
2023-02-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人