自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(100)
  • 收藏
  • 关注

原创 el-popover放在el-table中点击无反应问题

我们想在table中给btn加弹框但是 el-popover点击按钮没有任何反应。:通过插槽去添加这个组件el-popover的id是否绑定了一个值。给每个el-popover都加上单独的id。代码 给每个组件都绑定ref。通过他的id去控制关闭。

2024-04-24 11:24:35 489

原创 el-input限制只能输入数字,且保留2位小数

5.除非是小数,否则数字不能以0开头。4.当第一位输入小数点的时候。3.小数点后保留两位小数。2.只能有一个小数点。

2024-04-15 09:57:18 1516 1

原创 vue组件上传图片的时候给图片加上水印

vue上传图片的时候给图片加上水印

2024-04-09 15:00:59 253

原创 大屏 超宽屏自适应最优解决方案(transform:scale)

① 大屏使用rem 耗时 而且对浏览器最小字体不支持,② 使用transform:scale可以节省百分之九十工作量③ 好处不多说:看一篇文章 学习一下 咱们再来实战!优点:前期可以直接写页面,后期直接加上组件就行了,不用适配,直接用px写缺点:在和设定比例不一样的情况下,会被缩小展示,上下左右两边会存在一定的空白。

2024-03-01 18:06:27 1652 1

原创 vue封装滚动表格

【代码】vue封装滚动表格。

2024-02-02 10:58:01 522

原创 文字超出显示省略号的多种方法

不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)2.word-wrap:break-word;只对英文起作用,以单词作为换行依据。只对英文起作用,以字母作为换行依据。只对中文起作用,强制换行。注意:以上换行只对中文生效,如果是英文字母就不会换行需要以下属性。强制不换行,都起作用。

2024-01-23 10:12:28 2410

原创 el-table导出表格文件

el-table导出表格文件。

2024-01-22 14:04:32 415

原创 vue,适配电脑不同分辨问题,适配比例为100%和125%分辨率导致页面样式错乱问题

他基本是固定了关于vue项目的显示,不管是屏幕显示比例还是浏览器显示比例改变,项目的显示都不会受到影响,但是其他外部嵌入页面依然会随显示比例的改变而改变。新建一个js文件,名字随便起,这里命名为devicePixelRatio.js。或者其它全局的文件中引入并使用。

2023-12-29 17:11:55 1408 3

原创 vue el-dialog封装成子组件

直接上代码!

2023-12-14 11:19:25 538

原创 Nextjs实战

nextjs集成登录页面

2023-12-07 14:12:33 1201

原创 linux部署前端页面(实战)

cd 你解压完的目录 我这里的是nginx-1.24 你们根据你们下载的文件命进入即可。2、修改listen后的默认端口号改为想改的端口号(如下图)把90改成1024以上就好了。这个命令会安装到默认路径usr/local/nginx,可以通过。找到\conf\nginx.config文件用vim打开文件。前端打包不多说了,看你们自己项目的打包命令就可以,一般都是。使用工具上传文件,工具有很多这里我用到的是WinSCP。但是我没有权限只能安装到自己的指定路径(T*T)修改文件的权限避免出现不能访问的情况。

2023-12-05 09:04:26 1259

原创 pycharm全网最新安装教程(附加activation code),支持2018-2023版本

2018.2~2023版本用这个,最新的activation code码。老是审核不通过只能贴图片了(T-T)2018.1以下版本用这个。下载的话无脑下载安装即可!

2023-11-28 14:58:58 5775 10

原创 vue怎么实现国际化? vue-i18n 插件实现国际化,支持切换不同语言

vue怎么实现国际化?用vue-i18n 插件实现国际化,支持切换不同语言

2023-11-24 14:31:15 958

原创 脱离form表单校验input(校验单个input输入框)提交时边框变红

在你提交事件中加上校验方法(根据场景加对应的的方法,我这里是点击事件后出发),通过document获取到目标元素改变他的边框。当输入内容是需要红色边框,加个input事件内容改变就还原边框颜色。

2023-11-21 10:05:43 942

原创 el-select组件绑定change怎么获取label和value值

el-select组件绑定change怎么获取label和value值

2023-11-16 16:02:45 3243 1

原创 echarts 堆叠柱状图 顶部添加合计

echarts 堆叠柱状图 顶部添加合计

2023-07-21 17:18:36 4668

原创 JS/JQUERY 父页面中如何修改 iframe 内部样式?

JS/JQUERY 父页面中如何修改 iframe 内部样式

2023-06-15 19:16:56 2748

原创 python使用cors解决跨域问题

在MIDDLEWARE添加中间件 放到第三行。在INSTALLED_APPS里面输入。

2023-03-31 13:37:14 806 1

原创 three.js导入模型 vue3

threejs导入模型

2023-03-07 23:59:59 1525

原创 css实现卡片切换效果特效transform transition设置移动速度

css实现卡片切换效果特效transform transition设置移动速度

2023-02-27 21:13:54 485

原创 jq导入导出excel

这里拿到数据处理成自己想要的格式就可以。

2023-02-24 18:46:52 1519

原创 echarts带table表格展示

整体思路就是用graphic这个属性去画线 表格里的值用的定位写的。

2023-02-20 12:38:25 3658 5

原创 使用python下载视频

运行代码输入连接爬取视频 直接上代码。然后就保存到当前路径下的文件里了 👍!python下载视频。

2023-01-30 08:47:51 532

原创 three.js材质纹理显示不出来(显示黑色)

【代码】three.js材质纹理显示不出来(显示黑色)

2022-12-14 23:27:55 1299

原创 前端面试(手写题)

【代码】前端面试(手写题)会持续更新

2022-12-02 22:41:38 1183 1

原创 wifi密码本 字典(免费二)

链接:提取码:65t9。

2022-11-24 12:59:26 35849 31

原创 three.js学习笔记

three.js学习笔记

2022-10-22 17:48:59 865

原创 vue简单实现大文件上传

vue简单实现大文件上传。

2022-10-18 20:19:22 802

原创 HTML5 drag api的使用

dragstart:事件主体是被拖放元素,在开始拖放被拖放元素时触发,。darg:事件主体是被拖放元素,在正在拖放被拖放元素时触发。dragenter:事件主体是目标元素,在被拖放元素进入某元素时触发。dragover:事件主体是目标元素,在被拖放在某元素内移动时触发。dragleave:事件主体是目标元素,在被拖放元素移出目标元素是触发。drop:事件主体是目标元素,在目标元素完全接受被拖放元素时触发。dragend:事件主体是被拖放元素,在整个拖放操作结束时触发

2022-10-15 18:09:28 419

原创 react具名插槽和匿名插槽(简单易懂)

把需要插入的内容写成一个函数返回,给需要使用的组件把插槽方法传入,调用即可。先看代码:它可以通过props里children属性在接收组件标签内的值。

2022-10-14 23:32:52 773

原创 react+Hooks 的 useImperativeHandle 怎么用?

useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值。在大多数情况下,应当避免使用ref这样的命令式代码。普通的类组件有实例所以可以用过 React.createRef() 挂载到节点或组件上,然后通过 this 获取到该节点或组件。将父组件传入的ref和useImperativeHandle第二个参数返回的对象绑定到了一起。所以在父组件中, 调用inputRef.current时, 实际上是返回的对象。

2022-10-13 22:36:51 342

原创 TypeScript入门和webpack的环境配置

TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;

2022-10-09 20:42:05 620

原创 webpack学习笔记

地址,查看自动打包效果 注意: webpack-dev-server 会启动一个实时打包的http服务器 webpack-dev-server 打包生成的输出文件,默认放到了项目的根目录中,而是虚拟的、看不到的。1, 在实际开发中、webpack默认只能打包处理.js后缀名结尾的模块,其他非.js后缀名结尾的模块、webpack默认处理不了,需要调用loder加载器才可以正常打包,否则会报错。2,在webpack.config.js 的module->rules 数组中,添加loader规则如下。

2022-10-09 11:29:13 1367

原创 react和vue使用pubsub库实现兄弟传值

例:下面代码中,subscrib方法e的第一个参数(yyds)为订阅名,第二个(getmes)为接收数据的方法。这里定义pid是为了方便未来进行取消订阅的操作。publish方法的第一个参数(yyds)为订阅名,第二个参(message1)为想要传递的变量。pubsub,即订阅发布,在vue和react中常常被用于任意组件间的传值。这样,传递过来的message1便能够在订阅的组件中接收并使用了。以上就是订阅发布pubsub的基本使用了,react同样可以使用。交钱,说好地址,订阅哪一种报纸。

2022-10-05 17:00:44 293

原创 flex布局(学习笔记)

align-self属性允许单个项目与其他项目不一样的对齐方式,可覆盖align-items属性,默认值为auto,表示继承父元素align-items属性,如果没有父元素,则等同与stretch。②:采用flex布局的元素,称为flex容器(flex contaniner),简称’容器‘,他的所有子元素自动成为容器成员,成为flex项目(flex item),简称’项目‘注意:主轴和测轴是会变化的,就看flex-direction设置谁为主轴,剩下的就是测轴,而我们的子元素是跟着主轴来排列的。

2022-09-29 18:19:06 2332

原创 html+css 炫彩流光按钮

五分钟学会html+css实现按钮的流光效果

2022-09-03 14:24:29 214

原创 echarth给对应图标加对应颜色的提示线和文字、在环形图中间加提示字

echarts属性方法

2022-08-19 12:13:02 2306 2

原创 Vue中使用websocket的正确使用方法

Vue中使用websocket的正确使用方法

2022-08-11 17:52:30 2244

原创 天地图给多边形加标注

该开始开发的时候用的是高德高德用起来还是比较简单的但是后来公司要换成天地图。

2022-07-27 15:13:26 928

原创 vue 实现table的无限滚动

vue无线滚动

2022-07-12 15:15:52 1378

前端必背面试宝典,总结89页的面试题

前端必背面试宝典,总结89页的面试题

2023-10-13

python爬取糗事百科图片

python爬取糗事百科图片

2023-10-13

python爬取网页图片

python爬取网页图片

2023-10-13

python爬取网易飙升歌单

python爬取网易云飙升歌单

2023-10-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除