LiuXiaodong2020-CSDN博客

原创 canvas操作图片旋转组合

如果图片多或者其他滚动加载一类的可以明显提升性能，后续可以把视频也放进canvas播放。使用canvas对图片进行放大缩小，移动，旋转的操作。

2024-04-10 19:47:33 364

原创 flex多层布局导致子元素overflow: hidden，text-overflow: ellipsis属性失效

overflow: hidden，text-overflow: ellipsis在flex多级失效

2023-01-30 08:41:49 875

antd vue3版本table没有找到行拖拽效果，这里自己简单实现一个，做成一个组件，到时候引用就好，后期如果table自带拖拽功能了，就不需要用这个了，这个是应急措施拖拽组件<template> <slot :customRow="customRow" :dataSource="dataSource"></slot></template><script lang="ts">import type { Props } .

2022-05-27 10:18:35 4134 10

原创 cookie、localStorage、sessionStorage使用中疑问记录

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

2022-04-11 11:02:48 171

原创函数多个入参相加

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

2022-01-20 10:29:26 301

原创使用canvas画折线图和曲线图

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

2021-12-15 15:05:04 3493 11

原创移动端图片单指移动,双指放大缩小实现//touchmove的时候不让body滚动

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

2021-12-06 15:41:43 2968

原创 gitblit+jenkins本地服务

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

2021-11-22 17:18:37 2029 4

原创 jenkins连接gitee使用

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

2021-11-18 11:15:44 5956

原创 jenkins创建第一个任务

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

2021-11-17 20:00:09 573

原创 Jenkins安装使用流程

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

2021-11-17 19:44:05 754

原创 antd table修改没有数据时的显示

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

2021-11-11 16:40:21 2910

原创 antd Upload组件添加拖拽功能

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

2021-11-10 17:45:33 1628 2

原创 canvas字间距letter-spacing操作避坑

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

2021-11-10 10:13:20 4072 1

LiuXiaodong2020的博客

原创 canvas操作图片旋转组合

原创图片固定可点击位置

原创 flex多层布局导致子元素overflow: hidden，text-overflow: ellipsis属性失效

原创数组求前n项和和求中间n项和学习记录

原创 vue2关于列表拖拽效果

原创 antd vue版本添加table拖拽功能