原生js实现完整的拖拉拽摆放,放大缩小,全屏的思路分享

2023-10-30
阅读 30 分钟
422
公司新开了一个管理项目,首先就是需要有一个灵活的平台,包含的最主要的功能:能够任意放大和缩小核心区域,能够在行头和列头新增和删除行列,能够修改行列编号为任意值
封面图

react 退出登录以后浏览器点击后退仍然能够返回上一页而不是跳转到登录页的解决办法

2023-07-17
阅读 1 分钟
711
就算退出登录,清除了token,但是本地有缓存,导致浏览器并不会发请求,直接从本地资料读取请求数据,从而导致点击浏览器的回退按钮应该跳转到登录页,却没有执行该操作。
封面图

node作为后端的时候遇到的前端session无法保存的问题和解决办法

2023-07-16
阅读 4 分钟
742
前后端分离项目建议还是使用token,也就是后端使用jsonwebtoken即jwt进行token的生成和验证,token不存在本地,存在客户端,随请求头一起带来,安全性还是有保障
封面图

react18中使用react-router-dom v6浏览器前进后退没有正确选中菜单的解决办法

2023-07-03
阅读 3 分钟
1.2k
事情起因就是发现在浏览器点击前进后退的时候,menu的选中状态并不会自动更新,如下图所示:想要的正确效果如下:那话不多说,开始思考解决办法使用的ui库是antd的,旁边的menu即Menu, 查阅官方相关组件资料可知,需要在menu组件上加上selectedKeys属性本地的menu部分代码如下 {代码...} 把defaultSelectedKeys换成sele...
封面图

react函数组件使用antd ui框架 点击按钮清空输入框的值

2023-06-12
阅读 1 分钟
1.7k
今天突发奇想,想要用react做一个todolist,功能很简单,即:一个输入框,一个按钮,一个列表输入框中输入内容,点击按钮,列表新增一列,然后清空输入框其他倒没什么好说的,主要的问题就在于最后一步,即点击按钮以后,清空输入框。
封面图

threejs起步学习之创建旋转立方体并随时停止和控制旋转

2023-02-09
阅读 3 分钟
1.6k
直接看成品可以看到点击开始旋转的时候立方体开始旋转,点击停止旋转的时候立方体停止旋转。先放官网文档threejs官网点击en切换为中文,然后点击创建第一个场景,页面就全部变成中文啦。先使用原生js编写代码,首先就是下载threejs然后引入 {代码...} 然后就可以使用THREE这个对象了要创建一个立方体,首先我们需要创建...
封面图

猎豹浏览器原生js出现各种各样方法未定义的错误解决办法

2023-01-10
阅读 1 分钟
580
想不到2023年了还有人会要求兼容猎豹浏览器。我用原生js写的一个程序,按理来说不应当有兼容性问题,结果页面上报各种方法未定义的错误后面突然想到会不会是因为上一次更新中使用了可选链操作符?.导致的呢把所有用到?.的地方直接删掉以后,页面表现就正常了
封面图

静态页面中使用nginx与反向代理的坑与解决办法

2022-12-06
阅读 2 分钟
718
公司最近加了个需求,需要给正在开发的静态原生页面新增登录请求接口的逻辑,原本不需要学nginx的,这下不得不学了,做完以后回过头来看,其实非常的简单。

angular中使用antd的tooltip,主动关闭/打开toolTip框的操作办法

2022-11-02
阅读 1 分钟
3k
在绝大部分情况下,antd的tooltip都表现的很好,十分好用,但是在一些tooltip在需要跳转到其他页面的按钮上的时候,跳转以后tooltip也会有持续存在,不消失的问题,所以这时候就需要能够在点击的时候主动关闭tooltip
封面图

录屏转GIF工具screentogif导出编码工具评测

2022-10-12
阅读 3 分钟
1.3k
工作以来一直想找一个免费的录屏转GIF工具,最近发现了一款免费的录屏转GIF工具,screentogif地址是这里=>官方网站发现导出的时候有很多的选项,遂进行对比有如下这些选项
封面图

angular 8+中使用observable使用async/await

2022-09-21
阅读 4 分钟
1.8k
不废话,直接上结论,js中observable不能直接使用async/await这种流程控制标识,举个例子 {代码...} 显而易见,执行结果是那么,我想像promise那样使用async/await是否可以呢?对ngOnInite()方法进行稍加改动,加上async/await {代码...} 啊哈,不好,编辑器提示了不信邪,运行看看正如上面说的,流程控制并没有起作用,...
封面图

qiankun项目中子框架在window中挂载事件本地生效,但是运行在主应用下不生效解决办法

2022-07-07
阅读 1 分钟
2.2k
项目中使用了qiankun微前端框架,但是有个问题,子项目本地单独运行的时候,window上挂载的事件,是可以触发的window.test()可以直接触发test事件,但是在主应用下运行的时候却不能够触发,解决办法就是在主应用中使用window.proxy.test()就可以触发了,当然,本地还是使用window.test()
封面图

angular项目中使用intro.js

2022-07-06
阅读 1 分钟
726
angular8的时候,需要安装4.3.0版本,而且需要安装@types/intro.js;angular9则不需要安装特定版本,直接5.1.0就行,且不需要安装解释器。还要在angular.json文件中进行配置,引入对应的css文件如果不采用本地的angular.json文件的话,则需要自己新建一个样式文件,里面放用到的样式,记得用样式穿透属性,才能全局生效。...

echarts tooltip中添加点击事件

2022-06-29
阅读 3 分钟
4.9k
最近来了一个需求,需要在echarts中的tooltip中增加跳转,也就是简单来说,需要在tooltip内新增一个点击事件效果如下:可以看到,点击tooltip中的a标签以后,触发了事件。下面开始讲如何做到:基础的暂且不表,想要鼠标能够移入到tooltip框中,需要在在tooltip中添加如下代码 {代码...} 这样tooltip框就可以被鼠标移入了...
封面图

纯CSS实现linear-gradient的渐变动画效果

2022-06-09
阅读 5 分钟
5.6k
话不多说,先上效果图受制于网站的容量,最多只能上传4MB的动图,所以我调快了动画的速度,缩短了动图的时间,实际上动画是很缓和的。说到动画,众所周知,渐变是不能够使用通过keyframes实现动画过渡效果的,只会突然的改变颜色。例如,如果关键帧代码如下 {代码...} 可以看到背景色并不会平滑的过渡,只会非常僵硬突然...
封面图

使用flex的垂直居中对齐,溢出隐藏以后造成顶部滚动一部分区域无法显示的解决办法

2022-06-02
阅读 2 分钟
2.2k
画出来的页面大概是这样的,忽略antd UI库自动带来的其他页面样式可以看到页面是自动按照浏览器的窗口大小调整大小,并且中心的蓝色框框区域是永远在容器中水平垂直居中的

angular中使用ngzorro组件库实现表格拖拽控制每列大小功能

2022-05-26
阅读 3 分钟
2.7k
首先直接看成品效果下面开始讲解:进入ngzorro组件库官方网页 [链接]点击实验性功能,找到调整尺寸滚动到列表对应的地方,复制其相关的代码注意要在对应的模块和样式文件中引入对应的模块和样式,不然就会出问题复制完后什么都不动的话,页面是这样的可以看到表格上有两个竖线,很不美观,我们先去掉其中一个竖线修改对...

angular 路由策略相关问题 (包含路由跳转以后原页面没有进destory方法的原因和处理)

2022-05-24
阅读 4 分钟
3.5k
angular中,不同路由不同页面之间跳转的时候在不做任何处理的时候是会直接销毁原页面,如果页面没有销毁,那就一定是采用了路由复用。如下图,在没有采用路由复用的策略的时候,可以看到在页面切换的时候是会直接销毁原页面的。而采用了路由复用策略以后,可以看到跳转以后,原页面并没有销毁。要怎么做其实很简单,angu...
封面图

正则匹配中,如果遇到英文的小括号(),会匹配不成功的解决办法

2022-05-11
阅读 1 分钟
2.2k
例如需要匹配abc(test)如果直接使用let reg = new RegExp(/"abc(test)"/,'i')会出现就算一模一样也无法匹配的问题根源在于英文小括号()是特殊字符,需要转义一下操作如下

bilibili评论区抽奖工具js脚本,无需下载,只需要复制代码在浏览器运行 (更新到v1.3 可以获取到用户是否关注)

2022-04-03
阅读 19 分钟
4.6k
v1.3更新 2022-04-10v1.3版本 此版本可以主动获取评论用户是否关注了登录用户,并自动输出到列表中。代码如下 {代码...} v1.2更新 2022-04-03现在不会主动按照用户等级过滤了,用户运行了level(过滤等级)才会对用户进行对应的过滤代码如下 {代码...} 昨天朋友突然发消息说以前用的B站的评论抽奖控制台脚本没用了,让我看...

echarts中使用graph关系图并且以markLine为底图的相关知识积累

2021-12-28
阅读 10 分钟
3.4k
最近来了新需求,如下1.点击某个节点,只留下与之相关的节点,再次点击,恢复原样2.鼠标移动节点上去与之相关的线条高亮3.把底图的标识文字居中4.添加一个下拉框筛选要展示的节点。
封面图

graph中使用markLine 能够随着graph图移动而一起移动(固定也行)

2021-12-15
阅读 6 分钟
2.1k
突然之间发现下面的洋洋洒洒一大堆代码其实毫无作用,想要markLine跟着关系图一起移动,只需要在mouseup事件里加上this.echarsInstance.setOption({series:seriesData})就行
封面图

使用js和html建立一个头部固定表格

2021-06-08
阅读 4 分钟
1.9k
如第一幅图所示,效果很好,由于宽度是由浏览器窗口变化的时候通过js计算获得,css仅仅只是设置部分的最小宽度,所以兼容性肯定是没有任何问题的。

angular中全局订阅事件,包含取消订阅,非常好用

2021-06-07
阅读 2 分钟
2.6k
{代码...} 使用方法就是在需要用到的组件中的构造函数中引入 {代码...} 在需要订阅的组件中 {代码...}

angular中利用css原生dom完成一个头部固定的表格

2021-05-12
阅读 3 分钟
1.3k
先看图片吧GIF压缩的很厉害,原图是这样的可以看到头部是固定的,并且各项不论是浏览器放大缩小,各项都是固定的。先来说说思路吧首先这不是一个表格,这是两个表格,也就是其实头部和本体是各一个table {代码...} 以下是简略的列表页数据 {代码...} 页面上就是根据数据然后循环出来的列表,样式和具体的判断不表,此次...

使用angular 前端获取ip 亲测可用

2021-03-23
阅读 1 分钟
3k
这段时间有一个需求,一般来说都是后端获取到ip,但是现在后端没有办法获取到ip,只能依靠前端获取到当前网络的Ip百度了很久,踩了很多坑,也得到了很多人的帮助,具体不表,直接说如何操作吧首先在index.html页面中引入 {代码...} 然后在需要用到ip的组件里声明 {代码...} 举一反三,以后遇到这种情况也可以解决了

angular中使用TweenMax相关的问题与解决

2021-03-17
阅读 2 分钟
1.4k
2021-3-17 11:27最近闲来无事,捣鼓捣鼓CSS发现了一个比较好动画库,就是TweenMax用起来略微有点麻烦,但是效果确实可以。

node.js和npm相关问题

2021-03-09
阅读 1 分钟
987
angular项目中npm start以后出现以下错误node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected.

angular中使用leaflet与scss的一些问题。

2021-01-27
阅读 9 分钟
2.4k
这次以前做的一个项目又双叒叕加辣新需求自然而然又有了新问题首先如下图所示,需要两个地图左侧的是子组件中的地图,右侧的是父组件中的地图,子组件中传入了父组件的this对象。在子组件中的ngOnInit生命周期钩子中初始化地图的话会出现或者地图已经被初始化过的错误,所以放在ngAfterViewInit中初始化就没有问题了然后...

angular 8.1使用中的一些记录

2020-11-25
阅读 10 分钟
1.4k
首先是勾选状态的保持问题在模板中思考了很久,用了各种方法,修改传入值,页码改变以后勾选状态就是会有奇怪的问题,比如在代码里明明把选中的给去掉了,但是页面上还是勾选状态,最后折腾来折腾去,发觉操作的对象不对:页面上的是模板里面的list,就是listpagemodel.list,而我之前一直在操作传入的list,后面操作对象...