- 博客(153)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue--自定义指令实现按钮权限
我们通常给一个元素添加 v-if / v-show 来做权限管理，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。针对这种情况，我们可以通过全局自定义指令来处理：我们先在新建个 array.js 文件，用于存放与权限相关的全局函数；然后将导出的方法全局配置自定义指令。
2024-06-23 16:01:25
193
原创 编写postcss插件，全局css文件px转vw
跟目录下创建plugins文件夹，创建postcss-px-to-viewport.ts文件。vite. config.ts文件中引入PostCsspxToViewport方法。tsconfig.node.json文件增加plugins引入。
2023-09-12 17:12:34
528
原创 vue递归组件
递归组件可以直接使用组件名称，不需要引入，如需要引入，则定义组件name，使用name名称。第二种，定义name，使用name名称引入。第一种，直接使用tree.vue名称引入。
2023-09-08 16:55:01
565
原创 JS 方法实现复制粘贴
上面说的是以前的方式，前几天在看 vueuse 源码的时候，发现了一个复制粘贴的 api，是 navigation 上的 clipboard。navigation.clipboard.writeText 是一个异步方法，用来将特定的值复制起来，方便你去别的地方粘贴，具体的用法如下。navigation.clipboard.writeText 是一个异步方法，用来粘贴你刚刚复制的值。调用 textarea 的 select 方法。把这个 textarea 塞到页面中。创建一个 textarea 标签。
2023-09-05 21:14:52
730
原创 解决Linux报错：Swap file “xxxxxx.swp“ already exists
使用vim编辑文件实际是先 copy 一份临时文件并映射到内存给你编辑， 编辑的是临时文件， 当执行：wq 会保存临时文件到原文件，执行：q 后才删除临时文件。如果是这种情况，请使用“：recover”或“vim-r models_conf.yaml”要恢复更改（请参阅“：帮助恢复”）。综上：在上次编辑后直接退出，没有保存，产生临时文件；第二次编辑的时候产生的.swp文件没有删除后直接编辑，都会报错。如果已经这样做了，请删除交换文件“.models_conf.yaml.swp”以避免此消息。
2023-08-28 16:30:33
747
原创 解决Linux报错：Swap file “xxxxxx.swp“ already exists
使用vim编辑文件实际是先 copy 一份临时文件并映射到内存给你编辑， 编辑的是临时文件， 当执行：wq 会保存临时文件到原文件，执行：q 后才删除临时文件。如果是这种情况，请使用“：recover”或“vim-r models_conf.yaml”要恢复更改（请参阅“：帮助恢复”）。综上：在上次编辑后直接退出，没有保存，产生临时文件；第二次编辑的时候产生的.swp文件没有删除后直接编辑，都会报错。如果已经这样做了，请删除交换文件“.models_conf.yaml.swp”以避免此消息。
2023-08-28 16:29:51
961
原创 CentOS镜像下载
CentOS-7-x86_64-Everything-1708.iso 完整版，集成所有软件（以用来补充系统的软件或者填充本地镜像）CentOS-7-x86_64-NetInstall-1708.iso 网络安装版（从网络安装或者救援系统）step1: 进入阿里云站点，选择 CentOS-7-x86_64-DVD-1804.iso下载。CentOS-7-x86_64-Minimal-1708.iso 精简版，自带的软件最少。CentOS-7-x86_64-DVD-1708.iso 标准安装版（推荐）
2023-08-24 16:04:27
184
原创 VMware虚拟机连不上网络
之后点开0000后的每一项，找到有DriverDesc，REG_SZ，VMware Virtual Ethernet Adapter for VMnet8(和VMnet1)这一项的。添加一个“DWORD值”（32位的）【这里看你的系统】，名称为【*NdisDeviceType】(别忘了*)，数据值改为1。这时候回到第3步的网络界面，显示已启用，成功。虚拟机点击左上方“编辑” ---> “虚拟网络编辑器”，点击更改设置，进行授权，DNS1=8.8.8.8 // DNS和电脑对应。编辑完成后，重启网络。
2023-08-24 16:00:57
335
原创 MySQL下载与安装
MySQL下载与安装一、下载地址：https://dev.mysql.com/downloads/mysql/当前最新是8.0版本，我选择上一个最新的mysql-5.7.24-winx64.zip 二、安装MySQL安装文件分两种 .msi和.zip ，.msi需要安装 zip格式是自己解压，解压缩之后其实MySQL就可以使用了，但是要进行环境变量配置zip格式是自己解压我的电脑->属性->高级->环境变量选择Path,在其后面添加: 你的mysql bin文件夹的路径 ：F:\mysql\m
2023-07-21 13:15:27
486
原创 vue3 ts vite electron开发桌面程序
根目录创建plugins文件夹，文件夹中创建ts文件，vite.electron.build.ts是打包文件代码，vite.electron.dev.ts是开发环境代码。在tsconfig.node.json添加plugins文件夹下ts文件的提示。vite.config.ts导入文件，添加base:'./'vite.electron.build.ts代码。在src目录下创建background.ts文件。vite.electron.dev.ts代码。# 一定要安装成开发依赖。
2023-07-19 11:55:29
619
原创 前端代码提交规范（git cz）
所以就找到了一款适合大众而且也是相当知名的代码提交规范：commitizen（git cz），这款工具也是最早 Angular 团队提交代码的时候用的一套规范，在现今 github 和团队场景中运用十分广泛的工具。最近在提交代码的时候发现每次提交的代码说明都是层次不齐的，看上去让人感觉到特别的凌乱。commitizen 也可以简写为：git cz 格式化工具，为我们提供规范了代码的提交信息，在团队中使用能统一提交信息，在往后的代码回溯或者日志生成能够快速的查找到对应的目录。以上基本上就是对照的中文说明。
2023-07-18 14:38:03
281
原创 制作谷歌浏览器插件
下面是一个manifest.json文件所以配置大全 可以保存下(为了方便理解每个配置意思,加了注释,大家在粘贴复制时候要去掉注释)列出常见的配置选项，并对每个选项进行简要的解释和示例。强调重要配置选项，如插件名称、版本号、描述、权限等。解释manifest.json文件的作用和结构。
2023-07-14 17:28:12
463
转载 手把手带你安装“AppScan工具”（附带详细图解）
AppScan是IBM的一款web安全扫描工具，主要适用于Windows系统。该软件内置强大的扫描引擎，可以测试和评估Web服务和应用程序的风险检查，根据网站入口自动对网页链接进行安全扫描，扫描之后会提供扫描报告和修复建议等。AppScan有自己的用例库，版本越新用例库越全（用例库越全面，对漏洞的检测较全面，被测试系统的安全性则越高）1）通过探索了解整个web页面结果2）通过分析，使用扫描规则库对修改的HTTP Request进行攻击尝试3）分析 Response 来验证是否存在安全漏洞。
2023-06-25 17:45:10
2500
转载 vue中使用v-html防止xss注入
通常我们处理xss攻击会使用一个xss的npm包来过滤xss攻击代码。所以我们要做的就是给指令的value包上一层xss函数。这样我们就能覆盖html指令。这样我们就从源头解决了html指令存在的潜在xss攻击。3.在vue.config.js中覆写html指令。2.引入xss包并挂载到vue原型上。解决html指令存在的xss漏洞问题。
2023-06-25 11:17:01
2073
1
转载 JS复制文字到剪切板的极简实现及扩展
所以，创建的文本域务必要保证在屏幕区域内，否则复制行为执行的时候，会出现意料之外的体验问题（可以使用固定定位解决）。方法复制的文字内容，是无法进行修改与替换的，这其实是不友好的，因为对复制或拖拽的本文内容进行处理还是比较常见的。无需浏览器权限申请，文字内容直接进入剪切板，代码简单，使用方便，同时是异步，不用担心阻塞。日常开发，我们需要复制的内容一般是一段口令，一个链接，内容信息并不大，使用。所以，通常做法是创建一个隐藏的输入框，赋值，选中，然后复制。但是，实际开发，怎么可能让你在页面上塞一个输入框呢？
2023-06-01 17:01:03
1065
原创 webpack的核心概念分别是什么，如何理解
这篇文章主要介绍了 title ，小编觉得挺不错的，现在分享给大家，也给大家做个参考，希望大家通过这篇文章可以有所收获。webpack 是一种前端资源构建工具，一个静态模块打包器（module bundler）；webpack有5大核心概念（入口、输出、loader、插件、模式） ，下面本篇文章就来带大家深入了解一下，希望对大家有所帮助！入口( entry )指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。
2023-05-07 17:14:16
1045
1
转载 把Vue项目打包为桌面应用(nw.js)
成桌面应用有两种方式：（1）使用nwjs生成桌面应用；（2）使用Electron生成桌面应用。本文采用的是nwjs生成桌面应用，也是我认为最简单、最快捷的一种。进入打包后的dist文件夹，其中x86、x64是不同系统的桌面应用，点击进入就会看到对应的exe文件。的文件拷贝到这个文件夹里面，然后在 deskApp 文件夹添加以下内容的 package.json文件。新建 deskApp 文件夹，把。
2023-03-20 13:53:48
1479
3
转载 将Vue项目打包为桌面应用 electron
运行npm run packager 项目中会出现一个 App-win32-x64 的文件夹，这个文件就是打包好的桌面应用，文件夹里有一个 App.exe 文件，App.exe就是这个项目的启动文件。运行npm run electron:build 就是打包桌面程序，会出现一个dists文件夹，内含setup版本（就是安装包，下一步下一步那种）和zip压缩版本。回到vue项目，将我们的vue项目配置文件 vue.config.js中，修改公共路径为相对路径。这里把我的配置文件放出来，大家可以参考。
2023-03-20 13:51:15
477
原创 VS Code - 【解决】command ‘code-runner.run‘ not found
使用vscode开发dart语言，运行时提示【command 'code-runner.run' not found】的解决方法
2023-02-25 14:47:59
1291
原创 windows搭建本地Git服务器
1、在服务器上创建共享文件夹2、设置映射网络驱动器右键此电脑，选择映射网络驱动器3、服务器上共享文件夹内创建git裸仓库使用命令：git init -bare
2022-05-17 20:55:58
1151
原创 el-table tree 改变某一个单元格背景色
树状结构改变某个单元格颜色，根据层级判断是否展示数据<el-table :data="tableData" style="width: 100%;" :row-key="tableRowKey" border :highlight-current-row="true" :cell-style="tableCellStyle" :tree-props="treeProps" v-on:row-click="rowClick" v-loading="loading" height="100%">
2022-04-15 16:32:28
958
原创 图片转base64
base64前缀：data:image/png;base64,data:image/jpeg;base64, 等第一种：var imgSrc = "img/1.jpg";getBase64(img){//传入图片路径，返回base64 var that = this; var image = new Image(); image.src = img; if(img){ image.onload =function (){ ..
2022-04-12 21:33:29
681
原创 el-upload实现只上传一个文件且再次上传会覆盖前面的文件
:before-remove="()=>false"，阻止delete删除附件<div class="upload-file"> <el-upload ref="upload" :on-error="onError" :file-list="fileList" :auto-upload="false" :before-remove="()=>false" :on-cha
2022-03-29 15:08:38
4287
1
原创 git拉取代码如何解决冲突_Git工具-git pull拉取代码时冲突的解决办法
一，在使用git pull命令拉取代码时，有时会遇到以下错误信息：error: Your local changes to the following files would be overwritten by merge:...Please commit your changes or stash them before you merge.AbortingUpdating 1d17a2c5..3de3e123可按以下步骤解决此问题：1.先将本地修改存储起来使用git st
2022-03-22 09:28:59
22478
原创 Vue中Computed和Watch的用法及区别
一、 计算属性（computed）1.计算属性是为了模板中的表达式简洁，易维护，符合用于简单运算的设计初衷。例如：<p id="app">{{ myname.substring(0,1).toUpperCase() + myname.substring(1) }}</p>运算过于复杂，冗长，且不好维护，因此我们对于复杂的运算应该 使用计算属性的方式去书写。因此可改写为：<body> <div id="app">
2022-02-25 11:42:35
245
转载 js 函数的防抖(debounce)与节流(throttle)
在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。让我们先来看看在事件持续触发的过程中频繁执行函数是怎样的一种情况。html 文件中代码如下<div id="content" style="height:150px;line-height:150px;text-align:cent
2022-02-21 09:24:12
298
原创 通达信公式编写初中高级全套教程（附：通达信全部函数表）
通达信公式编写初中高级全套教程（附：通达信全部函数表）公式系统(初级)公式系统(中级)公式系统(高级)附录：全部指标函数表中高级在后面1.公式类型说明调出公式管理器： 功能à专家系统à公式管理器公式类型分为四大类：技术指标公式、条件选股公式、交易系统公式、五彩K线公式。1.1技术指标公式我们在技术分析界面中见到的指标为技术指标公式，比如MA, KDJ , MACD 等；可以通过公式管理器编写技术指标公式，在公式管理器界面选择技术指标公式，.
2021-12-06 13:35:57
17561
原创 a标签下载文件download重命名失效问题
下载阿里云oss上文件a标签下载文件由于跨域download重命名失效 downloadFile(url, fileName) { var x = new XMLHttpRequest(); x.open("GET", url, true); x.responseType = 'blob'; x.onload=function(e) { var url =
2021-07-16 14:45:54
1628
原创 js获取video标签src链接
varsetVideo =/<video/g; // 设置需要匹配的标签 varr='<video[^<>]*?src="([^<>]*?)"'; // 设置匹配的正则 varyyy=data.match(r); // data里的数据进行匹配 // vara=/\.mp4$/gmi; //varb=data.replace(a,".mp4#t=1") ...
2021-07-07 17:44:40
2852
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人