weixin_43742121的博客

原创 【无标题】

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 ...

原创 typescript(4)中的类 Es5中的类和静态方法 继承（原型链继承、对象冒充继承、原型链+对象冒充组合继承）

1、最简单的类，构造函数function Person(){ this.name = 'jack'; this.age = 18;}var p = new Person();//实例化一个方法console.log(`${p.name}---${p.age}`); 2、构造函数和原型链里面增加方法//构造函数上面的属性不会被多个实例共享function Pers...

原创 typescrpt(3)中的函数

目录：1、函数的定义2、可选参数3、默认参数4、剩余参数5、函数重载6、箭头函数 es61、函数的定义es5 定义函数的主要两种方式(1)函数声明方式function run(){ return 'run';}typescript 中的函数声明方式function run():string{ return 'run';}(2)匿名函数var run = fu...

原创 Typescript（2）数据类型

typescript 中的数据类型typescript 中了使编写的代码更规范，更有利于维护，增加了类型校验，在typescript 中主要给我们提供了以下数据类型。布尔类型（boolean）数字类型（number）字符串类型（string）数组类型（array）元组类型（tuple）枚举类型（enum）任意类型（any）null 和 undefinedvoid 类型nev...

原创 Typescript（1）介绍，安装，编译，开发工具

一、什么是Typescript?JavaScript 类型的超集，它可以编译成纯JavaScript，遵循最新的ES6、ES5规范。TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行。由微软开发的一款开源的编程语言。最新的Vue、React也可以集成Typescript。二、Typescript 的安装、编译安装：打开cmd 输入 npm install -g ...

原创 LESS

Less是啥？是一种动态的样式语言。Less 是一门CSS 预处理语言，它扩展了CSS语言，增加了变量、Mimix(混合)、函数等特性，使CSS更易于维护和扩展。【变量】Less中的变量用@来表示。变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。【混合（MIXIN）】混合可以将一个定义好的class A轻松的...