前端开发
刷新
在elementui,antDesign,antDesignVue中表格嵌套多个表单项校验

博主头像 前言 在此记录下使用 elementui，antDesign，antDesignVue 的表格嵌套表单校验的一些经验。 要达到的目的是：有个多行表格，每一行有多个表单项（比如输入框），表单项填完值后，点击提交，校验表格中所有表单项，校验通过则将整个表格数据送到后台。还可以重新给表格赋值（比如进入详情 ...

数据可视化大屏（html + js + css）

博主头像 数据可视化大屏 作为大数据的学生，每次想实现前端数据可视化大屏就头疼，不会前端就很烦，所以这次特定不断调教AI，再加上自己不断的改改改，终于花了一个下午改成了一个还过得去的可视化大屏，所以直接把源码分享在这里了，但是要自己导入echarts组件 index.html页面 <!DOCTYPE html ...

Web前端入门第 67 问：JavaScript 中的面向对象编程

此 对象 非彼对象啊，不要理解错了哦~~ 面向对象编程 这个概念在 Java 编程语言中用得比较多，JS 同时支持 面向对象编程 和 函数式编程。 像大名鼎鼎的 React 和 Vue 他们都有两种开发风格，比如： Vue 中的 组合式API 和 选项式API 也是两种编程模式的代表。 React ...

Web前端入门第 66 问：JavaScript 作用域应用场景（闭包）

什么是作用域？ 就像孙悟空给唐僧画个圈圈一样，这个圈圈就可以称之为作用域，这个比喻可能不太形象。 作用域和孙悟空的圈圈还是有点区别，作用域内部可以获得作用域外部的变量，而内部的变量无法逃逸到作用域外面，如果逃逸出去了，那就造成内存泄漏了，程序将会出现崩溃！ 全局作用域 可以理解为就是放在 JS 最外 ...

改造jsp项目的alert框和confirm框

博主头像 背景 之前项目的模态框改造完成，业务也想把页面中的提示框和确认框也改造一下；这里记录一下改造中的细节。 之前项目中的提示框和确认框用的是浏览器自带的 alert 和 confirm。改造之前无法支持业务一些复杂一点的需求，遂将之改造； 实现 弹框层级设计参考了 element 和 antd，默认样式 ...

JavaScript 防抖和节流

博主头像 概念 防抖（Debounce）是指在事件触发后，只有在经过设定的时间间隔内没有再次触发，事件处理器才会执行。防抖限制事件的触发时间间隔，避免事件被频繁触发。这适用于在搜索框输入建议、调整窗口大小、表单验证、表单提交等场景。 节流（Throttle）则是指在一定时间间隔内，不论事件触发多少次，事件处理 ...

Web前端入门第 65 问：JavaScript 函数参数各种使用方式

函数参数是什么？ 就是函数内部无法确定的一个东西，需要外部传给函数内部的玩意儿，语法上就是写在函数括号中的东东。比如： function test(a) {} 其中的 a 就是 test 函数的参数，在函数体内部，a 作为一个变量存在，可以修改它。 JS 的函数参数，真的是可以传入任意值，没有任何限 ...

AI 赋能编程，Coding新范式

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 前言 AI 的大趋势： 24、25 年是 AI 应用大爆发的两年，随着 LLMs 越来越智能化，越来越多的应用实践被挖掘。 我们可以留意到我们使用的主流 ...

js中== 的隐式转化问题

博主头像 如果是数据类型相同，相当于 如果比较的值类型不同，则会按照下面的规则进行转换后再进行比较。 如果比较的一方是null或者undefined，只有在另一方是null或者undefined的情况下才返回“true”，否则返回“false”。 如果比较的是字符串和数值类型数据，则会将字符串转换为数值后再进 ...

Web前端入门第 64 问：JavaScript 几种函数定义方式有什么区别？

函数 作为 JS 的一等公民，随处可见它的身影。 我理解的它最主要作用就是用来提取重复代码，但凡有 JS 代码需要复制粘贴的时候，那么这时候就可以考虑使用函数封装了。 当函数写在对象中的时候，这时候它变了一个名字，称之为 方法。 function 声明 在使用 function 关键字声明函数时，需 ...

重写IE的showModalDialog模态框以兼容现代浏览器

博主头像 背景 之前有个项目是 jsp 的，之前都是在 IE 浏览器上运行，现在要将这个项目做兼容性改造（信创），需要兼容谷歌。所以需要将项目中的公共弹框给改掉，而项目中模态框基本上都是用的 showModalDialog。 介绍 showModalDialog showModalDialog 是微软在早期版 ...

vxe-table 如何设置单元格垂直对齐

vxe-table 如何设置单元格垂直对齐，当某写场景需要将单元格样式调整为顶部对齐就很有用了，比如多行文本之类的。 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee. ...

前端实现数字验证码

博主头像 ‍ 写在开头 点赞 + 收藏 学会 该代码的主要功能是生成一个图形验证码，并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成，背景和文字颜色随机生成，且文字有一定的旋转角度，增加了识别的难度。 核心逻辑： useImageVerify：这是一个Vue 3的Co ...

Web前端入门第 63 问：JavaScript 图解 for 循环执行顺序

神奇的 for 循环代码执行顺序并不是按照代码书写顺序执行，这就导致在看很多程序算法的时候，会有那么一点打脑壳。 for 语法 for 循环的语法很简单，重点是小括号里面的三个部分，这三部分的执行顺序对于不太懂程序的兄弟来说，可以把人晃晕~ for (初始化; 条件; 增量) { // 循环体 } ...

<1···678···50>