LiuXiaodong2020的博客

今天接手一个新项目，需要在项目a打开登陆的情况下再启动b项目，但是两个项目的端口号是不一样的，后来发现是使用的cookie判断登录状态cookie的使用：cookie在document.domain相同的时候可以共享，所以可以通过document.cookie=“username=Darren;path=/;domain=localhost” 写入cookie，只要domain（域名）相同就可以在cookie里获取到。项目启动获取到cookie使用live-server启动一个服务，将域名从.

function addNum(...rest){ let arr = []; let length = rest.length; // 达到三个入参的时候就返回三个值的相加结果 if(length == 3){ // 后面可以自己配置数量,循环相加结果 return rest[0]+rest[1]+rest[2]; } else { arr = [...rest]; return function addNu

使用canvas画折线图和曲线图贝塞尔曲线如果想要在p0=》p2的过程中经过p1，那么需要计算出pc的值，在canvas之中作为控制点二次贝塞尔曲线转换为三次

移动端图片单指移动,双指放大缩小实现//touchmove的时候不让body滚动思路1:移动放大缩小操作都直接放到图片上面图片的放大缩小使用transform的scale属性操作,移动使用transform的translate属性操作,也可以使用matrix属性做2D转换,这个有六个值,14表示xy轴的放大倍数,56表示xy轴的偏移量,23表示度数,这里不操作旋转可以写成默认的0根据touches获取当前触摸位置,touches是一个数组,表示当前有几个手指触摸屏幕,可以判断一下,是单指的时候在o

gitlab本地搭建服务本文例子是通过gitblit安装windows环境下的gitlab打开gitblit网站下载windows版gitblit下载完成后解压解压之后打开data找到defaults.properties文件,这个是gitlab的配置文件需要配置:git.repositoriesFolder = D:\demo\gitlab 表示仓库路径(这里直接定义了baseFolder = D:\demo\gitlab)server.httpPort = 899

jenkins连接gitee使用其他的gitlab也是可以的,这里的连接需要在gitee上设置url地址,在每次操作的时候请求,好让jenkins拉取最新的代码执行,这一步需要外网ip,这里只做演示,假装我有外网ip创建gitee测试用例添加代码库地址,填写上你的账号密码用户名填写你的gitee账号,这里随便填写的名字,勾选上名字保护,在确定之后名会展示成加密的最后点击保存,在工作空间那里就可以构建了4. 通过配置,配置执行代码5. 这里使用node执行一下console.

jenkins创建第一个任务右上角新建item创建任务随便设置一下名字在构建这里选择window环境,然后直接执行java看看4. 保存之后就可以在构建历史里面执行然后在文档里面查看了

Jenkins安装使用流程下载window安装包下载:https://www.jenkins.io/download/thank-you-downloading-windows-installer-stable/正常安装,可以修改端口号,需要jdk1.8安装完成之后就可以直接本地打开了输入密码然后继续。根据需要安装插件根据需要安装插件新建账号填写密码,这里使用的全是123配置实例地址 http://192.168.8.234:8997/

antd table修改没有数据时的显示在没有数据的时候想要修改table里面的图标使用:// js const customizeRenderEmpty = () => ( <div style={{ textAlign: 'center', padding: 30 }}> <UserAddOutlined style={{ fontSize: 30 }} /> <p>暂未绑定深库存店铺</p> &

antd Upload组件添加拖拽功能本次添加的只适合IE10及以上的,如果想要IE9这样的需要使用element.matches()// 修改父组件传进来的图片列表const {onChangeValue,canDrag,fileList} = propsconst drop = (e: any, dropList: any[]) => { // react组件中调用这个api之后e里面的字段才能不是null e.persist() e.preventDefault()

canvas操作避坑在canvas上面书写文字数字如果需要修改文字间距在谷歌浏览器中可以使用letter-spacing:2px,这种来修改间距,值可以是负的,但是需要使用真实canvas dom来操作,并且要在fillText之前一步编写才能有效,使用document.createElement(“canvas”)是不起作用的,使用vue的h(“canvas”,{style:{letterSpacing:“2px”}}),或者react的React.createElement(“canvas”,{st

排序方法方法思路时间复杂度是否稳定冒泡排序从开始或结束位置开始对比，如果值比他大或小就交换走，一遍确定一个位置O（n^2）是

reduce()方法详解reduce()定义：reduce()方法接受一个函数作为累加器，数组中的每一个值（从左到右）开始缩减，最终计算为一个值。reduce()可以作为一个高阶函数，用于函数的compose（构成、组成）。reduce()对于空数组不会执行回调函数。语法array.reduce(function(total, currentValue, currentIndex, arr), initialValue)参数描述function(total, cur

前端请求并发控制介绍在列表的导入导出时如果后台接口不支持多条传入并且后台控制了TPS（吞吐量）时可以使用这种方法主要思想:前端在请求数据时,先将所有的请求保存下来,在规定的并发内进行一个个的请求包工头李四有20个搬砖工人,有一天,他有一大车的砖要搬,就把这些人叫来,动员大家搬砖,工人们一个个的干劲很高,一个个的在门口等着搬砖,早晨的砖不是那么烫手,车来了,大家开始搬砖。问题出现了，门太小，一时间只能进去俩人，并且要等俩人出来才能让后面两个人进去，这样严重拖慢了速度，但是也不能直接把门给拆了

vue多数据前端渲染优化使用vue3进行编写的列表渲染优化,主要思想为:为避免在拿到超大数据时前端渲染慢,在拿到数据时根据需求控制可以渲染的数据条数,根据空白div占位,计算当前应该渲染的数据,只对当前应该展示的数据进行渲染css #app .context { width: 300px; border: 1px solid gray; overflow: hidden; margin: