vxe-table vue 表格禁用单元格编辑的2种实现方式
vxe-table vue 表格禁用单元格编辑的2种实现方式
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
阻止激活编辑
设置 edit-config 的 beforeEditMethod 方法判断单元格是否禁用,例如:限制第二行不允许编辑
<template>
<div>
<vxe-gr ...
Web前端入门第 70 问:JavaScript DOM 节点查找常用方法
虽然目前的开发场景基本都是使用 React/Vue/Angular 等框架,但是对于一些基础的 DOM 操作,还是需要了解学习。
曾经我们讨论过这样一个问题:Vue 这些开发框架,用它们渲染页面,真的就比不用开发框架快吗?
其实这个问题很好回答的,开发框架只是优化了项目的开发效率,对于浏览器的渲染速度,其实并没有想象中的那么快。 ...
Web前端入门第 69 问:JavaScript Promise 提供的方法都使用过吗?
Promise 这个 API 曾在 JS 领域掀起过血雨腥风,以前的大佬们都喜欢手搓一个自己的 Promise 用以理解 Promise 的原理。
Promise 的诞生,应该多少都有受到 jQuery 的异步方法 $.Deferred() 影响。
应用场景
Promise 唯一作用就是在处理异步耗时任务的时候,不要出现回调地狱。在没有 Promise 之前,一般使用 callback 来解 ...
1.新建pnpm+monorepo架构项目
一、前期准备:
1. 准备node环境(推荐nvm方式管理node版本);
2.安装pnpm(pnpm 通过创新存储模型解决了 npm/yarn 的磁盘冗余、依赖污染等核心痛点,尤其适合 Monorepo 项目、低存储环境及高稳定性要求的场景。若项目无特殊兼容需求,pnpm 是当前最优解。);
npm i pnpm -g
二、创建项目:
1.使用pnpm初 ...
使用 vue vxe-table 实现复选框禁用,根据行规则来禁用是否允许被勾选选中
使用 vue vxe-table 实现复选框禁用,根据行规则来禁用是否允许被勾选选中
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
禁用选中
通过 checkMethod 方法控制 checkbox 是否允许用户手动勾选,如果被禁用,可以调用 setCheckboxRow 方法手 ...
Web前端入门第 68 问:JavaScript 事件循环机制中的微任务与宏任务
JS 是单线程语言。这句话对不对?
按照目前的情况来看,JS 自从支持了 Web Worker 之后,就不再是单线程语言了,但 Worker 的工作线程与主线程有区别,在 Worker 的工作线程中无法直接操作 DOM、window 对象或大多数浏览器 API(如 localStorage),Worker 的全局对象也不再是 window 对象,而是 self。
Worker 中的事件循 ...
在elementui,antDesign,antDesignVue中表格嵌套多个表单项校验
前言
在此记录下使用 elementui,antDesign,antDesignVue 的表格嵌套表单校验的一些经验。
要达到的目的是:有个多行表格,每一行有多个表单项(比如输入框),表单项填完值后,点击提交,校验表格中所有表单项,校验通过则将整个表格数据送到后台。还可以重新给表格赋值(比如进入详情页面)。效果如下:
正文
elementui ...
数据可视化大屏(html + js + css)
数据可视化大屏
作为大数据的学生,每次想实现前端数据可视化大屏就头疼,不会前端就很烦,所以这次特定不断调教AI,再加上自己不断的改改改,终于花了一个下午改成了一个还过得去的可视化大屏,所以直接把源码分享在这里了,但是要自己导入echarts组件
index.html页面
<!DOCTYPE html>
<html lang="zh-CN">
<head>
...
Web前端入门第 67 问:JavaScript 中的面向对象编程
此 对象 非彼对象啊,不要理解错了哦~~
面向对象编程 这个概念在 Java 编程语言中用得比较多,JS 同时支持 面向对象编程 和 函数式编程。
像大名鼎鼎的 React 和 Vue 他们都有两种开发风格,比如:
Vue 中的 组合式API 和 选项式API 也是两种编程模式的代表。
React 中的 函数式组件 和 类组件 就是两种编程模式的代表。
原 ...
快来吸猫!跨平台 BongoCat 陪你欢乐敲键盘!
大家好,我是 Java陈序员。
之前,有介绍过一个 Windows 端的开源项目,一个可以在 Windows 右下角任务栏飞奔的小猫,当你的 CPU 占用率越高时,它跑的越快。
一个可爱的运行猫动画在你的窗口任务栏
今天,给大家介绍一个桌面萌宠工具,在工作的同时,也能吸猫!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副 ...
Web前端入门第 66 问:JavaScript 作用域应用场景(闭包)
什么是作用域?
就像孙悟空给唐僧画个圈圈一样,这个圈圈就可以称之为作用域,这个比喻可能不太形象。
作用域和孙悟空的圈圈还是有点区别,作用域内部可以获得作用域外部的变量,而内部的变量无法逃逸到作用域外面,如果逃逸出去了,那就造成内存泄漏了,程序将会出现崩溃!
全局作用域
可以理解为就是放在 JS 最外层的那部 ...
改造jsp项目的alert框和confirm框
背景
之前项目的模态框改造完成,业务也想把页面中的提示框和确认框也改造一下;这里记录一下改造中的细节。
之前项目中的提示框和确认框用的是浏览器自带的 alert 和 confirm。改造之前无法支持业务一些复杂一点的需求,遂将之改造;
实现
弹框层级设计参考了 element 和 antd,默认样式也是复用了他们的样式。层级从父到 ...
vxe-table如何自定义拖拽列宽最小列宽限制,在不改变列min-width的情况下自定义最小列宽的限制
vxe-table如何自定义拖拽列宽最小列宽限制,在不改变列min-width的情况下,
例如需要自定义最小列宽的限制,默认是继承 column.min-width 限制,当需要脱离列限制时就有用了
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
效果
比如 name 这 ...
Web前端入门第 65 问:JavaScript 函数参数各种使用方式
函数参数是什么?
就是函数内部无法确定的一个东西,需要外部传给函数内部的玩意儿,语法上就是写在函数括号中的东东。比如:
function test(a) {}
其中的 a 就是 test 函数的参数,在函数体内部,a 作为一个变量存在,可以修改它。
JS 的函数参数,真的是可以传入任意值,没有任何限制,可以包括 原始类型、对象,数组, ...
AI 赋能编程,Coding新范式
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:佳岚
前言
AI 的大趋势: 24、25 年是 AI 应用大爆发的两年,随着 LLMs 越来越智能化,越来越多的应用实践被挖掘。
我们可以留意到我们使用的主流软件都或多或少集成了AI应 ...
js中== 的隐式转化问题
如果是数据类型相同,相当于===
如果比较的值类型不同,则会按照下面的规则进行转换后再进行比较。
如果比较的一方是null或者undefined,只有在另一方是null或者undefined的情况下才返回“true”,否则返回“false”。
如果比较的是字符串和数值类型数据,则会将字符串转换为数值后再进行比较,如果转换后的数值相等则返 ...
Web前端入门第 64 问:JavaScript 几种函数定义方式有什么区别?
函数 作为 JS 的一等公民,随处可见它的身影。
我理解的它最主要作用就是用来提取重复代码,但凡有 JS 代码需要复制粘贴的时候,那么这时候就可以考虑使用函数封装了。
当函数写在对象中的时候,这时候它变了一个名字,称之为 方法。
function 声明
在使用 function 关键字声明函数时,需注意声明提升问题,意思就是 functi ...
插件分享 | 善用 VSCode 内置的效率神器 Emmet 插件提升前端开发效率
在 VSCode 出现之前,Emmet 插件就在前端领域玩得风生水起,当时的 Sublime Text 装上此插件,前端的编码效率那感觉就如同 2G 网络到 5G 网络的差别一般。
后来 VSCode 出现时就直接把这插件内置到编辑器中了,无需再去插件市场安装!!嗯。。又省了一点点事儿
熟练掌握此插件的各种简写,在前端编写 HTML + CSS 的时候,就 ...
重写IE的showModalDialog模态框以兼容现代浏览器
背景
之前有个项目是 jsp 的,之前都是在 IE 浏览器上运行,现在要将这个项目做兼容性改造(信创),需要兼容谷歌。所以需要将项目中的公共弹框给改掉,而项目中模态框基本上都是用的 showModalDialog。
介绍 showModalDialog
showModalDialog 是微软在早期版本的(IE)中引入的一个方法,用于创建模态对话框。不过在现代浏 ...
vxe-table 如何设置单元格垂直对齐
vxe-table 如何设置单元格垂直对齐,当某写场景需要将单元格样式调整为顶部对齐就很有用了,比如多行文本之类的。
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
代码
通过 cell-config.height 与 cell-config.vertical-align 设置所有列或 ...