- 博客(100)
- 收藏
- 关注
原创 el-popover放在el-table中点击无反应问题
我们想在table中给btn加弹框但是 el-popover点击按钮没有任何反应。:通过插槽去添加这个组件el-popover的id是否绑定了一个值。给每个el-popover都加上单独的id。代码 给每个组件都绑定ref。通过他的id去控制关闭。
2024-04-24 11:24:35 758
原创 el-input限制只能输入数字,且保留2位小数
5.除非是小数,否则数字不能以0开头。4.当第一位输入小数点的时候。3.小数点后保留两位小数。2.只能有一个小数点。
2024-04-15 09:57:18 3811 1
原创 大屏 超宽屏自适应最优解决方案(transform:scale)
① 大屏使用rem 耗时 而且对浏览器最小字体不支持,② 使用transform:scale可以节省百分之九十工作量③ 好处不多说:看一篇文章 学习一下 咱们再来实战!优点:前期可以直接写页面,后期直接加上组件就行了,不用适配,直接用px写缺点:在和设定比例不一样的情况下,会被缩小展示,上下左右两边会存在一定的空白。
2024-03-01 18:06:27 3068 3
原创 文字超出显示省略号的多种方法
不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)2.word-wrap:break-word;只对英文起作用,以单词作为换行依据。只对英文起作用,以字母作为换行依据。只对中文起作用,强制换行。注意:以上换行只对中文生效,如果是英文字母就不会换行需要以下属性。强制不换行,都起作用。
2024-01-23 10:12:28 4501
原创 vue,适配电脑不同分辨问题,适配比例为100%和125%分辨率导致页面样式错乱问题
他基本是固定了关于vue项目的显示,不管是屏幕显示比例还是浏览器显示比例改变,项目的显示都不会受到影响,但是其他外部嵌入页面依然会随显示比例的改变而改变。新建一个js文件,名字随便起,这里命名为devicePixelRatio.js。或者其它全局的文件中引入并使用。
2023-12-29 17:11:55 1786 3
原创 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 1657
原创 pycharm全网最新安装教程(附加activation code),支持2018-2023版本
2018.2~2023版本用这个,最新的activation code码。老是审核不通过只能贴图片了(T-T)2018.1以下版本用这个。下载的话无脑下载安装即可!
2023-11-28 14:58:58 6629 10
原创 vue怎么实现国际化? vue-i18n 插件实现国际化,支持切换不同语言
vue怎么实现国际化?用vue-i18n 插件实现国际化,支持切换不同语言
2023-11-24 14:31:15 1017
原创 脱离form表单校验input(校验单个input输入框)提交时边框变红
在你提交事件中加上校验方法(根据场景加对应的的方法,我这里是点击事件后出发),通过document获取到目标元素改变他的边框。当输入内容是需要红色边框,加个input事件内容改变就还原边框颜色。
2023-11-21 10:05:43 1250
原创 el-select组件绑定change怎么获取label和value值
el-select组件绑定change怎么获取label和value值
2023-11-16 16:02:45 4743 1
原创 css实现卡片切换效果特效transform transition设置移动速度
css实现卡片切换效果特效transform transition设置移动速度
2023-02-27 21:13:54 530
原创 HTML5 drag api的使用
dragstart:事件主体是被拖放元素,在开始拖放被拖放元素时触发,。darg:事件主体是被拖放元素,在正在拖放被拖放元素时触发。dragenter:事件主体是目标元素,在被拖放元素进入某元素时触发。dragover:事件主体是目标元素,在被拖放在某元素内移动时触发。dragleave:事件主体是目标元素,在被拖放元素移出目标元素是触发。drop:事件主体是目标元素,在目标元素完全接受被拖放元素时触发。dragend:事件主体是被拖放元素,在整个拖放操作结束时触发
2022-10-15 18:09:28 444
原创 react具名插槽和匿名插槽(简单易懂)
把需要插入的内容写成一个函数返回,给需要使用的组件把插槽方法传入,调用即可。先看代码:它可以通过props里children属性在接收组件标签内的值。
2022-10-14 23:32:52 847
原创 react+Hooks 的 useImperativeHandle 怎么用?
useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值。在大多数情况下,应当避免使用ref这样的命令式代码。普通的类组件有实例所以可以用过 React.createRef() 挂载到节点或组件上,然后通过 this 获取到该节点或组件。将父组件传入的ref和useImperativeHandle第二个参数返回的对象绑定到了一起。所以在父组件中, 调用inputRef.current时, 实际上是返回的对象。
2022-10-13 22:36:51 359
原创 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 697
原创 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 1391
原创 react和vue使用pubsub库实现兄弟传值
例:下面代码中,subscrib方法e的第一个参数(yyds)为订阅名,第二个(getmes)为接收数据的方法。这里定义pid是为了方便未来进行取消订阅的操作。publish方法的第一个参数(yyds)为订阅名,第二个参(message1)为想要传递的变量。pubsub,即订阅发布,在vue和react中常常被用于任意组件间的传值。这样,传递过来的message1便能够在订阅的组件中接收并使用了。以上就是订阅发布pubsub的基本使用了,react同样可以使用。交钱,说好地址,订阅哪一种报纸。
2022-10-05 17:00:44 340
原创 flex布局(学习笔记)
align-self属性允许单个项目与其他项目不一样的对齐方式,可覆盖align-items属性,默认值为auto,表示继承父元素align-items属性,如果没有父元素,则等同与stretch。②:采用flex布局的元素,称为flex容器(flex contaniner),简称’容器‘,他的所有子元素自动成为容器成员,成为flex项目(flex item),简称’项目‘注意:主轴和测轴是会变化的,就看flex-direction设置谁为主轴,剩下的就是测轴,而我们的子元素是跟着主轴来排列的。
2022-09-29 18:19:06 2526
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人