Web前端入门第 70 问：JavaScript DOM 节点查找常用方法
虽然目前的开发场景基本都是使用 React/Vue/Angular 等框架，但是对于一些基础的 DOM 操作，还是需要了解学习。 曾经我们讨论过这样一个问题：Vue 这些开发框架，用它们渲染页面，真的就比不用开发框架快吗？ 其实这个问题很好回答的，开发框架只是优化了项目的开发效率，对于浏览器的渲染速 ...
Web前端入门第 69 问：JavaScript Promise 提供的方法都使用过吗？
Promise 这个 API 曾在 JS 领域掀起过血雨腥风，以前的大佬们都喜欢手搓一个自己的 Promise 用以理解 Promise 的原理。 Promise 的诞生，应该多少都有受到 jQuery 的异步方法 $.Deferred() 影响。 应用场景 Promise 唯一作用就是在处理异步耗 ...
1.新建pnpm+monorepo架构项目
一、前期准备： 1. 准备node环境（推荐nvm方式管理node版本）； 2.安装pnpm(pnpm 通过创新存储模型解决了 npm/yarn 的磁盘冗余、依赖污染等核心痛点，尤其适合 Monorepo 项目、低存储环境及高稳定性要求的场景。若项目无特殊兼容需求，pnpm 是当前最优解。)； ...
使用 vue vxe-table 实现复选框禁用，根据行规则来禁用是否允许被勾选选中
使用 vue vxe-table 实现复选框禁用，根据行规则来禁用是否允许被勾选选中 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vx ...
Web前端入门第 68 问：JavaScript 事件循环机制中的微任务与宏任务
JS 是单线程语言。这句话对不对？ 按照目前的情况来看，JS 自从支持了 Web Worker 之后，就不再是单线程语言了，但 Worker 的工作线程与主线程有区别，在 Worker 的工作线程中无法直接操作 DOM、window 对象或大多数浏览器 API（如 localStorage），Wor ...
在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 ...
快来吸猫！跨平台 BongoCat 陪你欢乐敲键盘！
BongoCat —— 一个基于 Tauri 开发的跨平台桌面应用程序，主要提供一只可爱的猫咪形象，可根据用户的键盘或鼠标操作进行互动。 ...
Web前端入门第 66 问：JavaScript 作用域应用场景（闭包）
什么是作用域？ 就像孙悟空给唐僧画个圈圈一样，这个圈圈就可以称之为作用域，这个比喻可能不太形象。 作用域和孙悟空的圈圈还是有点区别，作用域内部可以获得作用域外部的变量，而内部的变量无法逃逸到作用域外面，如果逃逸出去了，那就造成内存泄漏了，程序将会出现崩溃！ 全局作用域 可以理解为就是放在 JS 最外 ...
改造jsp项目的alert框和confirm框
背景 之前项目的模态框改造完成，业务也想把页面中的提示框和确认框也改造一下；这里记录一下改造中的细节。 之前项目中的提示框和确认框用的是浏览器自带的 alert 和 confirm。改造之前无法支持业务一些复杂一点的需求，遂将之改造； 实现 弹框层级设计参考了 element 和 antd，默认样式 ...
JavaScript 防抖和节流
概念 防抖（Debounce）是指在事件触发后，只有在经过设定的时间间隔内没有再次触发，事件处理器才会执行。防抖限制事件的触发时间间隔，避免事件被频繁触发。这适用于在搜索框输入建议、调整窗口大小、表单验证、表单提交等场景。 节流（Throttle）则是指在一定时间间隔内，不论事件触发多少次，事件处理 ...
vxe-table如何自定义拖拽列宽最小列宽限制，在不改变列min-width的情况下自定义最小列宽的限制
vxe-table如何自定义拖拽列宽最小列宽限制，在不改变列min-width的情况下, 例如需要自定义最小列宽的限制，默认是继承 column.min-width 限制，当需要脱离列限制时就有用了 查看官网：https://vxetable.cn gitbub：https://github.com ...
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 关键字声明函数时，需 ...
插件分享 | 善用 VSCode 内置的效率神器 Emmet 插件提升前端开发效率
在 VSCode 出现之前，Emmet 插件就在前端领域玩得风生水起，当时的 Sublime Text 装上此插件，前端的编码效率那感觉就如同 2G 网络到 5G 网络的差别一般。 后来 VSCode 出现时就直接把这插件内置到编辑器中了，无需再去插件市场安装！！嗯。。又省了一点点事儿 熟练掌握此插 ...
重写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. ...