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