11.前端工程化
Webpack是模块打包工具，支持ES6、code-splitting与全局分析，区别于Grunt/Gulp等构建工具。v4新增mode模式，优化打包策略，支持Tree-shaking、splitChunks提取公共代码，提升构建效率与性能。
10.NodeJS框架
JavaScript采用单线程机制以避免DOM渲染冲突，通过事件循环（Event Loop）实现异步操作。任务队列管理异步事件，主线程执行完同步任务后不断从队列中读取任务。Node.js基于V8和libuv，利用事件驱动处理并发，并通过child_process模块支持多进程。Express和Koa为常用框架，前者基于回调，后者使用async/await与洋葱模型中间件，提升异步控制与错误处理能力。
Node.js工程搭建
创建名为“weapon”的工程文件夹，初始化项目并生成package.json文件，安装mysql2和dotenv依赖，为连接MySQL数据库做准备。
中阶段 低代码平台芋道：代码本地运行(☆)
新人入职需拉取项目代码并本地运行，常见问题如JDK、Maven、IDEA版本选择。项目基于Spring Boot + MyBatis Plus + Vue + Element，含RBAC权限、多租户、工作流等功能。需理解技术栈、核心功能与数据库设计，并录制8分钟以上讲解视频，提出未懂问题，快速融入团队。
1.1HTML基础强化
HTML是网页的结构基础，类似Word文档，由块级与内联元素构成层级结构。Web标准分为结构（HTML/XHTML）、表现（CSS）和行为三层，强调分离与规范。W3C制定标准，要求标签小写、闭合、不乱嵌套，提倡语义化标签，提升可读性与SEO。CSS应外链引入，避免行间样式，JS也应外联。HTML5新增语义标签、表单类型与API，支持更丰富交互。页面布局历经table、float到flex发展。前端语义化让机器理解内容，通过合理标签与命名提升可维护性与用户体验。Ajax提交数据可不依赖form，但form在同源策略下仍可跨域提交，因其属于传统导航行为，不受AJAX同源限制影响。
XSS攻击
XSS（跨站脚本攻击）是攻击者通过网站漏洞注入恶意脚本，用户访问时执行，从而盗取数据、劫持会话或传播病毒。主要类型有反射型和存储型，常见注入点包括HTML内容、属性及富文本。防御手段包括输入转义、白名单过滤及CSP策略，有效降低安全风险。
7.Vue框架
Vue核心原理：数据驱动视图，通过响应式系统实现双向绑定。v-bind用于属性绑定，v-model实现表单双向数据绑定。Vue三要素为响应式、模板解析与渲染。模板经编译生成render函数，返回vnode，结合diff算法高效更新DOM。依托Object.defineProperty监听数据变化，配合Watcher与Dep实现发布订阅模式，数据变化自动触发视图更新。支持组件化开发，vuex集中管理状态，vue-router实现路由控制，整体流程清晰，易于维护与扩展。
JeecgBoot介绍
JeecgBoot是一款基于代码生成器的低代码开发平台，支持零代码快速开发。采用SpringBoot2.x、Ant Design&Vue前后端分离架构，集成Mybatis-plus、Shiro、JWT等技术，助力高效企业级应用开发。官网：http://www.jeecg.com/
6.React框架
React 是一个用于构建用户界面的 JavaScript 库，核心优势包括：使用虚拟 DOM 提升渲染性能，JSX 使代码更易读，支持服务端渲染以优化 SEO 和首屏加载，组件化结构便于测试与复用。它仅关注视图层，可与其他框架集成。通过 setState 实现状态管理，配合生命周期方法（如 componentDidMount）进行数据获取与更新控制。支持高阶组件、PureComponent 优化渲染，结合 Redux 实现状态集中管理。
