Web前端入门第 74 问：JavaScript 事件冒泡与事件捕获
在讨论冒泡和捕获之前，先看这么一段代码：
<style>
.bd {
border: 1px solid #000;
padding: 8px;
}
</style>
<div id="container1" class="bd">
外层
<div id="container2" class="bd">
内层
<div id="container3" class="bd">
最内层
<div id="container4" class="bd">
按 ...
javascript中IIFE（立即执行函数表达式）到底是咋来的？
介绍
IIFE(Immediately Invoked Function Expression)，中文名称：立即执行函数表达式，其实IIFE最早并不叫这个名字，而是叫做Self-Executing Anonymous Function，即自执行匿名函数。根据MDN的资料，IIFE这个说法最早由Ben Alman于2010年提出，下面我们一起来看看这个名字的来龙去脉。
2010年11月5日，Ben Alman写下来他的 ...
Web前端入门第 73 问：JavaScript DOM 常用事件那点小事
网页上各种炫酷的交互效果离不开各种 DOM 事件 的支持，在写这篇文章之前，一度以为 JS 的事件绑定/取消方式就我知道的那几种，翻阅文档之后才发现，知识面还是有待提升，多翻翻文档，就像发现新大陆一样~~
常用事件
鼠标事件：
click：鼠标左键单击
dblclick：鼠标左键双击
mousedown / mouseup：鼠标按下/释放
mousemove ...
Web前端入门第 72 问：JavaScript DOM 内容操作常用方法和 XSS 注入攻击
当项目的安全团队找上门告诉您，您开发的项目存在 XSS 安全漏洞，作为一个开发人员，就问您慌不慌？？
HTML 内容写入的时候，如果稍不注意就会触发隐藏 BOSS 漏洞 XSS。
XSS 漏洞原理就是利用了网站上内容输入的地方，比如说常见的评论提交，老六 通过输入评论的地方，提交一些 包含 JS 代码的内容 到服务器，服务器没做任 ...
如何使用 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
效果
代码
<template>
<div class="demo-page-wrapper">
<vxe-grid v-bind="gridOptions">
<template #img11>
<vxe- ...
Web前端入门第 71 问：JavaScript DOM 节点操作（增删改）常用方法
有一个深有体会的事：发现现在很多前端同学，经常用 Vue 开发项目之后，在某些需求场景要操作 DOM 节点的时，就不知道咋办了~~
以前接手过其他开发团队的项目，项目被漏洞扫描工具发现了异常，原因是用了一个 vue-video-player 插件用于播放视频，这插件又依赖了低版本的 video.js 插件，而扫描工具发现的异常就是低版本的 ...
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 的函数参数，真的是可以传入任意值，没有任何限制，可以包括 原始类型、对象，数组， ...
