weixin_43742121的博客

原创 el-date-picker下拉时间框被遮盖挡住

【代码】el-date-picker下拉时间框被遮盖挡住。

原创 el-element组件中，ele-tooltip content 无法识别反斜杠解决办法

在 HTML 属性中，你可以通过使用两个反斜杠来转义一个反斜杠，因为在 HTML 属性中，一个反斜杠会被浏览器自动解释为转义字符的开始。

原创 要将Git仓库的master分支回滚到上一版本

如果你使用的是git reset命令进行回滚，并且想要将更改推送到远程仓库，你需要使用–force（或-f）选项来强制推送更改，因为这会改变分支的历史记录。如果你使用的是git revert命令，则不需要使用–force选项，因为git revert会生成一个新的提交，而不是改变分支的历史记录。如果你使用的是git revert命令，则不需要使用–force选项，因为git revert会生成一个新的提交，而不是改变分支的历史记录。因此，在执行回滚操作后，最好及时通知团队成员，并解释回滚的原因和具体操作。

原创 如何在git tag上提交代码

修改代码：在切换到标签所在的提交后，可以根据需要对代码进行修改。完成以上步骤后，修改后的代码和新标签将被提交到远程仓库，并且可以在其他操作中使用这些修改和标签。创建新标签或者更新已有标签：完成代码的修改和提交后，可以选择创建一个新的标签或者更新已有标签。推送修改到远程仓库：如果需要将修改后的代码和新标签推送到远程仓库，可以使用。切换到标签所在的提交后，可以进行代码修改。创建一次新的提交，并在提交信息中描述修改的内容。– 更新已有标签：要更新已有的标签，可以使用。– 创建新标签：要创建一个新标签，可以使用。

原创 前端漏洞修复

CVE-2022-1650 vue漏洞修复。

原创 【无标题】

git stash pop 切换完分支，将内容放出来继续开发。保存不想提交的内容，切换分支。

原创 依赖注入 provide 和inject

原创 window.open跳转携带本地地址

在项目中遇到一个问题，在使用window.open 跳转其他项目的时候，地址肉眼观察书写正确，但是跳转的时候就是会携带本地的地址，每次都跳转不过去，后来发现是后端的库里在http前面加了空格，返回前端的时候这个空格不展示，称之为零宽空格，转义字符是%E2%80%8B。处理办法，就是让后端去掉空格就可以正常跳转了。

原创 ES6ES6

Rest 参数与 spread·扩展运算符在 ES6 中已经引入，不过 ES6 中只针对于数组在ES9 中为对象提供了像数组一样的 rest 参数和扩展运算符。2.object.entries()方法返回一个给定对象自身可遍历属性[keyvalue] 的数组。1.object.values()方法返回一个给定对象的所有可枚举属性值的数组。async和await 两种语法结合可以让异步代码像同步代码一样。该方法返回指定对象所有自身属性的描述对象。4.1.async 和 await。

原创 switch中不能定义相同变量名的解决

在用swith的时候发现变量重复解决办法如下：switch(key){ case aa: let name = '' break case bb: let name = '' break default: break}这样会报错这样解决，加{}提成局部变量就可以了switch(key){ case aa: {let name = '' break } case bb: {let name = '' break } default: bre

原创 element 上传文件 文件列表只显示最新的一条

element 上传文件 文件列表只显示最新的一条

原创 js 记不住的

快速去字符串逗号str = str.replace(/,/g, "");

原创 2021-10-29 整数反转

给你一个 32 位的有符号整数 x ，返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−231, 231 − 1] ，就返回 0。假设环境不允许存储 64 位整数（有符号或无符号）。示例 1：输入：x = 123输出：321示例 2：输入：x = -123输出：-321示例 3：输入：x = 120输出：21示例 4：输入：x = 0输出：0提示：-231 <= x <= 231 - 1解题思路1、判断正负，负数加标识

原创 vue虚拟列表

什么是进程？什么是线程？进程是系统进行资源分配和调度的一个独立单位，一个进程内包含多个线程。渲染进程GUI渲染线程（页面渲染）JS引擎线程（执行js脚本的）事件触发线程（EventLoop轮询处理线程）事件(onclick),定时器（setTimeout）,ajax（xhr）（独立线程）GUI渲染线程和JS引擎线程 互斥的我们所谓的js为什么是单线程的？因为多个线程同时操作dom，一个删除，一个增加，就不知道取哪个了把一些当前js引擎执行完毕后立即执行的成为微任务把一些..

原创 九种跨域处理

同源策略协议 域名 端口 这三个一致就是同域http://www.aa.cn:8081https://www.bb.cn:8082为什么浏览器不支持跨域cookie localStorage这些都是同域下的，不支持跨域DOM元素也也有同源策略 iframeajax 也不支持跨域实现跨域（期望两个页面见可以实现通信 怎么弄？？？）1、jsonp2、cors（后端提供）3、postMessage (两个页面间的通信)4、document.domain5、window.name6、l

原创 git命令

在工作有遇到的就会写出来，持续完善。。。。。1、情况：我的两个分支，一个feature,一个develop,我在develop上修改的内容（已经提交到远程）想同步到feature,可以使用git cherry-pick 提价的版本号操作如下，切换到develop 分支 使用git log 查看提交代码找个地方将版本号复制下来切换到分支featuregit cherry-pick ba7bec197f8b313090406d8eb993a1b0f9f1184a就同步过来了如果想

转载 gitlab 拉取分支，删除分支，合并分支

例如从master上要拉取一个分支dev1、切换到master分支拉取最新代码：git checkout master获取最新代码git pull origin master2、拉取名称为dev的新分支git checkcout -b dev3、把新分支push 到远端git push origin dev4、关联git branch --set-upstream-to=origin/dev5、再次拉取git pull origin dev将dev的修改合并

原创 el-popover自主控制显示和收起的方法

<el-popover v-if="gridData.length>1" placement="bottom" width="600" ref="gridTable" popper-class="gridData_sty" style="max-height:300px;" trigger="click"> <el-button slot="reference" type="primary

原创 vue 中如何更新数组,动态渲染tabel中的数据，重新加载tabel数据

vue 中如何更新数组,动态渲染tabel中的数据，重新加载tabel数据使用 this.$set()方法this.tableData = [ {a:1,b:2,c:3}, {a:11,b:22,c:33}, {a:12,b:22,c:32} ]let obj = {a:4,b:4,c:4} this.$set(this.tableData,1,obj );第一个参数 是 数组第二个参数 是 要改变的数组的索引第三个参数是 替换的对象..

原创 一些Vscode插件

1、Document ThisTypeScript， visual studio code里面安装一个 Document This插件在js文件中，将光标放置于function上面，快捷键是 Ctrl+Alt+D 加 Ctrl+Alt+D。或者 /** enter也可以达到效果

原创 Promise.resolve和Promise.reject源码实现以及区别

1、Promise.resolve源码实现Promise.resolve = function(value){ return new Promise((resolve,reject)=>{ resolve(value) })}2、Promise.reject 源码实现Promise.reject = function(value){ return new Pro...

原创 promise

promise https://promisesaplus.com///目前低版本浏览器 ie 不支持， 需要polyfill es6-promise (这个包实现了pormise)高版本浏览器都支持了pormise1、Promise 是一个类，天生的，类中需要传入一个executor 执行器，默认会立即执行2、promise 内部会提供两个方法 ，可以更改 promise 的 状态po...

原创 观察者模式

//观察者模式 观察者和被观察者 是有关联的 观察者需要将自己放到被观察的者之上，放被观察者状态发生变化，需要通知所有的观察者//我家有只，观察他饿不饿class Subject{//被观察者 constructor(name){ this.name = name this.state = '不饿' this.observers = [] } attac...

原创 es5中Object.keys，values，entries的使用

console.log(Object.keys({name:‘小红’,age:10}))console.log(Object.values({name:‘小红’,age:10}))console.log(Object.entries({name:‘小红’,age:10}))对应的结果:

原创 Element.getBoundingClientRect的用法

Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置包括 width,height,x,y,top,left,right,bottom语法1、let rectObject = object.getBoundingClientRect();这样获取，获取到的是一个对象2、如果想获取单个属性的值时，可用{}抱起来属性获取let {widt...

转载 css link和@import区别用法

这里link与@import介绍的是html引入css的语法单词。两者均是引入css到html的单词一、用法1、link语法结构此标签是引入CSS文件link标签，只要设置好路径即可。2、@import语法结构@import + 空格+ url(CSS文件路径地址);1）、在html中2）、在css中直接使用@import url(CSS文件路径地址);在css和html中...

原创 vscode

常用插件：code runner：逐行执行代码，可以选中某一行代码执行spelling checker：检测拼写错误Bracket Pair：括号对齐，标色，找到对应的代码块补充待续…...

原创 vue路由传参 params传参不能传对象

不能传对象，传对象的时候，刷新完数据会丢失传递的是一个对象但是：跳转以后，刷新页面，数据会丢失，所以说不能传对象，会有问题

原创 用react 写一个Hello world

1、准备环境安装node.js 用node -v 和npm -v出现正确的版本号说明Node 和 npm 都没有问题2、安装脚手架npm install -g create-react-app3、创建一个React项目D: //进入D盘mkdir ReactDemo //创建ReactDemo文件夹create-react-app demo02 //用脚手架创建React...

原创 卸载yarn

新建react项目一直报 yarn的错误，所以想把yarn卸载掉终于找到一个方法npm uninstall -g yarn操作步骤1、2、3、yarn就被卸载了。参考https://segmentfault.com/q/1010000015403819...

原创 在el-table中复选框部分禁用功能

<el-table class="table" :data="tableData" size="small" align="center" v-loading="loadingTable" style="width: 100%" ...

原创 vue 如何监控对象里的值

formData: { areaId: '', instId: ''， disable:false, disable1:false} watch: { 'formData.areaId': function(val) { if (val !== '') { this....

原创 vue + ElementUI 关闭对话框清空验证，清除form表单

清空form表单这么写用resetFields()方法

原创 jenkins 自动化构建no的项目

最近领导让研究前端自动化构建，经过两周的时间，终于通了，踩了很多坑，下面就来看看吧在虚拟机里，首先保证安装了docker环境安装的jenkins的步骤如下：(ps前半部分是同事总结的)一、安装docker安装网址：https://docs.docker.com/install/linux/docker-ce/centos/（使用储存库安装）卸载旧版本 $ sudo yum r...

原创 gitlab

gitlab 是什么是一个用于仓库管理系统的开源相项目，使用Git 作为代码管理工具，并在此基础上搭建起来的web 服务。为什么要使用gitlab基础功能开源，可自行搭建可以进行权限控制，是的代码对部分人可见gitlab 使用方便gitlab在LinX环境的安装gitlab 配置邮箱服务什么是持续集成？持续集成是一种软件开发实践，及团队开发成员经常集成他们的工作，每次集...

转载 docker + nginx 部署vuejs3.0项目

https://www.cnblogs.com/longdb/p/10770661.html

原创 typescript()-接口

对批量方法传入参数进行约束。接口：行为动作的规范，对批量方法进行约束。对象的约束，属性的约束，json的约束interface FullName{ firstName:string; secondName:string; age:number; }function printName(obj:FullName){ //要求必须从传入对象， 对象包含f...

原创 typescript(7) 接口的概念 以及属性类型接口

反反复复

原创 typescript(6)中的类 静态属性 静态方法 抽象类 多态

【4】静态方法 class Person{ name:string; constructor(name:string){ this.name = name; } getName():string{ return `获取到的名字是：${this.name}`; } static stac(){//创建静...

原创 typescrip(5)中的类 类的定义，继承，类里面的修饰符

1、ts中定义类class Person{ name:string;//属性， 前面省略了public 关键词 constructor(n:string){//构建函数， 实例化类的时候触发的方法 this.name = n; } run():void{ alert(this.name); }}var p = new ...