- 博客(73)
- 收藏
- 关注
RSS订阅
原创 git常用操作（不断更新）
假设每个人有个开发分支，想隔一段时间就把自己的开发分支上的代码保持和测试分支一直，则需要如下操作：1 我想将test分支上的代码完全覆盖dev分支，首先切换到dev分支git checkout dev2 然后直接设置代码给远程的test分支上的代码git reset --hard origin/test3 执行上面的命令后dev分支上的代码就完全被test分支上的代码覆盖了，注意只是本地分支，这时候还需要将本地分支强行推到远程分支。git push -f.........
2021-08-03 16:13:07
275
原创 safari浏览器报错：SyntaxError: Invalid regular expression: invalid group specifier name的解决方案
用于查找在某些内容(但并不包括这些内容)之前或之后的东西，也就是说它们像\b,^,$那样用于指定一个位置，这个位置应该满足一定的条件(即断言)，因此它们也被称为零宽断言。正则表达式中只有当断言为真时才会继续进行匹配。xxx) 例：\d{3}(?\d)匹配三位数字，而且这三位数字的后面不能是数字。=xxx) 例：\b\w+(?=ing\b)，匹配以ing结尾的单词的前面部分。
2024-06-20 15:16:34
537
原创 vue+vite根据版本号清空用户浏览器缓存
项目生产环境发布新版本之后，用户可能会因为一些本地缓存的数据不一样而导致页面报错。这时候可以根据版本号去清空用户缓存。1、在package.json文件中有一个管理版本号属性：version。在我们每次打包部署之前修改当前版本号。
2024-03-11 17:55:03
993
2
原创 mac系统node版本更新小记
安装n的时候显示成功了，之后用sudo n stable安装node的时候就一直报错。，反复尝试了好几次都不行，只能放弃这种安装方法...选择自己期望的node版本执行对应命令即可。更换node版本切换工具n模块的镜像源。大家有兴趣也可以试一下这个方法。检查当前Node和npm的版本。查看当前Node和npm版本。清除node的cache。// 更新到指定版本。安装"n"版本管理工具。更新node版本 (
2024-02-27 11:03:21
743
原创 input placeholder文字换行
因为在placeholder不会解析html代码，所以用换行符 ＜br／＞和 /r/n 等都没有作用。我们可以用用转义字符代替＜br／＞。
2023-12-21 09:51:57
1269
原创 【vue警告】[Vue warn]: Extraneous non-props attributes (class) were passed to component but could
[Vue warn]: Extraneous non-emits event listeners (refreshRelationList) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event liste
2023-11-23 16:25:39
8466
原创 HTTP请求详解
URI是一类通用的资源标识符，有两个主要的子集URL和URN构成，URL通过描述资源的位置来标识资源，而URN则是通过名字来识别资源，与他们当前所处的位置无关。URL提供了一种统一的资源命名方式，大多数URl都有同样的结构"方案://服务器地址/路径"语法：URL语法建立在由下面9部分构成的通用格式上。其中，URL最重要的3个部分是方案(scheme)、主机(host)、路径(path)。
2023-11-17 15:48:10
81
原创 网页复制内容修改（解决复制文本多空格问题，带标注信息（如版权信息））
平时在使用网页复制文本的时候（双击三击或选中复制），有时候会多复制一个或几个空格（常见于换行），在某些有格式要求的时候就很麻烦，因为看不出来有空格或换行。在复制网页信息的时候希望能够带上自己的一些信息，比如复制别人博客代码的时候会带上出处信息。监听oncopy事件，在触发复制事件之后，修改复制到剪切板的内容。注意：从别人网页复制信息到自己网页不适用，但可以作为参考。
2023-11-08 10:36:55
384
原创 vue中单独使用element-plus图片放大功能
注意：url-list的值为数组，通过showImageViewer控制显隐。使用element的隐藏组件element-image-viewer。showImageViewer改为true。三、点击事件中给预览的图片地址赋值并将。二、在需要预览的地方绑定点击事件。
2022-11-17 16:34:43
1999
2
原创 vue路由权限和按钮权限的实现
一 菜单路由权限1.1前端路由配置表1.2后端数据返回1.3 拿到数据后存到vuex1.4 扁平化的目的是为了跳转路由时进行对比权限//扁平化方法flatten(data) { return data.reduce((arr,{name,id,resourceType,dimensionTypeCode,btnPermissions,path,children = [],}) => arr.concat([{name,id,resourceType,dimen.
2022-04-15 15:22:56
1826
原创 函数防抖&函数节流
函数防抖和节流都是控制事件触发频率的方法，应用场景也有很多，如：1. 输入框持续输入，将输入内容传给服务端进行校验；2.多次触发点击事件；3.onSroll滚动条滚动事件；4.onmousemove鼠标滑过事件；案例为了说明问题，假设一个场景：鼠标滑过一个div，触发onmousemove事件，它内部的文字会显示当前鼠标的坐标。它的效果是这样的>>函数防抖(debounce)这里的“抖”就是函数被触发了，而一般的抖动都是多次并且持续行的。假设一个函数持续多次执
2022-01-04 17:59:24
1198
原创 vue3+nodejs利用RSA加密实现登陆注册
前言现在市面上密码加密方式很多，常用的加密方式比如AES，RSA。还有一些通过散列算法生成摘要的方式，比如md5、sha1等等，我们最常用的是md5，但是md5是不可逆的，而且跟用户的操作习惯有很大的关联，如果密码过于简单很不安全，所以我们能不能用其他的加密方式来生成密文呢？md5剖析在用户登录时需要将密码加密，不能以明文发送。所以就涉及到加密，我们一贯的用法是使用md5，但是对于md5网上众说纷纭，说md5加密不安全，容易被暴力破解，首先MD5都不能称之为加密，它是不可逆的，所以本质它是对文件本身
2021-12-20 17:50:00
803
原创 Mac sourcetree连接gitee码云仓库
一、复制自己的ssh key 添加到gitee的ssh 共钥中二、添加后，在终端输入ssh -T git@gitee.com>> 出现下面的successfully就代表关联成功了三、sourcetree中选择新建---从URL克隆>> 源URL：gitee中的项目地址 目标路径：存放在自己本地的路径如果是首次连接的话会要求输入自己的gitee账号和密码。输入成功之后就会自动clone了。...
2021-12-07 14:59:49
3037
原创 Mac系统下查看和生成SSH Key
一、打开vim（terminal.app）查看本地是否存在SSH-Keyls -al ~/.ssh >> 如果vim输出的是如下内容：证明本地没有生成的SSH Key，请执行第二步。No such file or directory >> 如果vim输出的是如下内容：证明本地已经存在SSH Key 文件，请执行第四步。id_rsa id_rsa.pub二、如果没有，生成新的SSH Keyssh-keygen -t rs...
2021-12-07 14:46:14
493
转载 VSCode中的git使用篇
基本上使用在一个目录下clone项目；git clone XXXXXX.git1使用VScode打开项目右击通过Code打开。使用vscode提交代码打开下面视图，添加一行文字## 测试提交点击 + ；相当于git add .点击对号；等于git commit -m "备注信息"；右边的箭头输入需要备注的信息。然后按 Enter 确定。回车之后，然后我们可以看到。所有的修改的文件，均已经提交到缓存区...
2021-11-10 12:02:29
656
原创 vue通过post下载文件
//下载接口请求 async downloadSend(row) { //row中是表格中的某条数据 let req = { id: row.id, }; var { data } = await Download(req); this.downloads(data, row); }, // 下载文件 downloads(data, row) { //下载的文件名 l...
2021-09-27 17:07:06
572
原创 将字符串中的“/n“转为“＜/br＞“然后在html中渲染
js处理方式//将“/n”替换为“</br>”string = string.replace(/\r\n/g,"</br>") //将”/r/n“替换为”</br>“string = string.replace(/\n/g,"</br>");//替换所有的空格（中文空格、英文空格都会被替换）string = string.replace(/\s/g," ");css直接处理//content为需要渲染的字符串.
2021-09-27 17:02:40
2755
原创 element-plus之locale汉化
// App.vue<template> <ElConfigProvider :locale="locale"> <router-view v-if="isRouterAlive" /> </ElConfigProvider></template><script>//引入vue方法import { ElConfigProvider } from "element-plus";//中文包import zh.
2021-08-26 17:32:08
1341
原创 element-plus设置全局遮罩层
新建loading.ts文件import { ElLoading } from 'element-plus'; let loadingCount = 0;let loading; const startLoading = () => { loading = ElLoading.service({ lock: true, text: '加载中……', background: 'rgba(0, 0, 0, 0.6)' });
2021-06-16 14:21:25
1935
原创 element-plus时间选择器相关
一 时间格式化问题官方推荐使用dayjs 安装npm i dayjs -Ddayjs文档https://day.js.org/docs/zh-CN/display/format组件引入import dayjs from ‘dayjs’使用方式dayjs(date).format('yyyy-MM-dd')例如：dayjs('2021-05-31 11:01:35').format("YYYY-MM-DD HH:mm:ss")一 时间限制（如：只能选择今天之前的时...
2021-05-31 11:07:40
1990
转载 leaflet常用功能
简介纯JavaScript,在地图上进行操作(坐标点,路径,曲线等)的一个库,只提供操作地图API,实际加载某个地图,由开发者决定创建地图对象1) 页面创建div,设置div属性撑满整个屏幕,设置div中id属性2) 使用leafletAPI初始化地图对象// mapDiv为id名字,setView参数1: 地图中心坐标位置 参数2: 地图加载级别(数字越大,地图加载越近) const map = L.map('mapDiv').setView([33.6528734492,104.
2021-01-12 10:33:48
2463
原创 客户端存储技术（cookie、sessionStorage、localStorage、indexedDB）
存储事件只有在浏览器的另外一个实例修改存储时，才会被触发(只要另外打开一个浏览器，输入相同的URL，在心打开的页签中修改存储的值，然后返回原来的页签，就能看到存储事件本身的信息)。不过，即使能监听到存储发生了变化，也不能再根据不同的页签存储不同的数据了，因为存储系统已经变了，这是不可逆的。3. 事物特定于一个或者多个对象存储(指你需要操作的存储对象)，这些存储对象可以是只读的(用于获取数据)，也可以为读写的(用于修改数据)。也需要获取一个事物，从这个事物中获取一个存储对象，然后在此基础上打开一个游标。
2020-11-26 16:53:53
441
原创 Vue之点击弹窗之外的任意位置关闭弹窗
//弹窗<divclass="card"v-show="treeRightClick"id="menu"></div>mounted() { //点击任意位置关闭区域弹窗 document.addEventListener('click',(e) => { //获取弹窗对象 const userCon = document.getElementById('menu'); //判断弹窗对象中是否包含点击对象 if(userC...
2020-11-06 15:19:43
3124
1
原创 vue＋element实现中英文切换
1、安装 vue-i18n依赖yarn add vue-i18n 或者 npm install vue-i18n --save-dev2、在src下新建文件夹language，并在文件夹language下新建zh.js、en.js、index.js文件【src/language/zh.js】module.exports = { language: { name: 'English' }, user: { login:'登录',
2020-10-22 11:10:29
3003
转载 vue报错：was assigned to but it has no setter
v-model最基础的用法是在data中声明，再进行绑定data(){ return { value: 5 }}但是当需要的value是动态的，或者是vuex中对象的值、或是父组件中传入的变量值，严格模式中直接修改会抛出一个错误：...was assigned to but it has no setter解决方案：官方文档中给出了解决办法：https://vuex.vuejs.org/zh/guide/forms.html使用带有se
2020-08-10 12:52:53
21132
转载 vue 切换 class （切换类） toggleClass 单选 多选
注：以下三个例子，均以切换active为例一、切换toggleClass<div class="btn" :class="{'active':isChoose}" @click="togglePay"></div>data(){ return { isChoose : false }},methods:{ togglePay:function(){ this.isChoose = !this.i..
2020-08-07 12:47:34
1660
原创 element-ui滚动条表标签
<template> <div style="height:600px;"> <el-scrollbar style="height:100%"> </el-scrollbar> </div></template><style>.el-scrollbar__wrap{ overflow-x: hidden;}</style>
2020-08-05 10:55:10
382
原创 vue给dom元素绑定动态背景图
<div:style="{background:'url('+this.apiUrl+'/api/system/file/getImage?id='+sysInfo.indexImageLoginId+')'}"></div>
2020-07-28 15:46:28
1163
原创 elementui tree设置节点半选解决方案
问题1tree组件在获取完数据进行页面回显时，因为获取的数据中包含父节点的关系，把不该选中的子节点也全部勾上了。解决方案 let res = [1,11,23,25,28,37];res.map((i, n) => { var node = that.$refs.menuListTree.getNode(i); if (node.isLeaf) { that.$refs.menuListTree.setChecked(node, true);
2020-07-23 14:51:08
5280
原创 在 Leaflet 中合并使用谷歌中国卫星图和高德地图
<div id="map"></div> <script> var map = L.map("map", { center: [39.904983,116.427287], zoom: 3, zoomControl: false }).setMaxBounds([[-90,0],[90,360]]); var mapLayers = { .
2020-07-22 10:10:22
902
原创 导出分页数据为json和excel两种格式
安装xlsx和file_saver两个依赖包npm install --save xlsx file-saver在需要的组件中引入依赖import FileSaver from "file-saver";import XLSX from "xlsx";导出json文件的代码//将json转为字符串const data = JSON.stringify(this.fileData);const blob = new Blob([data], { type: "" });Fil
2020-06-03 13:29:58
161
原创 解决Vue中使用swiper4无法循环轮播
<div class="wrap"> <swiper :options="bannerSwiper" ref="bannerSwiper" class="swiper" v-if='bannerData.length>0'> <swiper-slide v-for="(item,index) in bannerData" :...
2019-11-23 12:31:24
622
原创 vue列表走马灯
html内容 <div id="summer-wrap"> <div class="list"> <ul> <li class="summerList" v-for="(item,index) in summerData" :key="index"> {{i...
2019-11-18 15:06:25
643
原创 vue之keep-alive 使用
结合router，对需要缓存的页面进行处理使用$route.meta的keepAlive属性<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if="!$route.meta.k...
2019-11-05 14:48:34
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人