2.3 CSS效果
本文介绍CSS实现图形绘制与布局技巧，包括：用div绘制三角形、通过box-sizing理解IE与标准盒子模型差异；利用box-shadow或outline创建不占空间的边框；使用transform实现0.5px边框、元素平移缩放及3D旋转硬币效果；结合background控制背景图居中、重复与大小；并通过border-radius实现iOS图标圆角。
雅虎14条Web性能优化规则
雅虎军规总结了23条前端性能优化核心原则，涵盖减少HTTP请求、使用CDN、资源压缩、缓存配置、JS/CSS优化等方面，旨在提升网页加载速度与用户体验，是前端性能优化的经典指南。
掌握异步函数实现
同步调用需阻塞等待结果，性能较差；异步调用通过Promise封装异步操作，结合async/await优雅获取结果。如getUser用Promise模拟延时查询，async函数中await等待完成，避免阻塞，提升效率，错误可捕获处理，代码更简洁流畅。
重绘回流过程
浏览器渲染流程：解析HTML生成DOM树，解析CSS生成CSSOM，结合生成渲染树。布局（回流）计算元素位置，绘制（重绘）渲染界面。DOM树含所有元素，渲染树仅含可见节点。CSS阻塞渲染但不阻塞DOM解析。回流因布局变化触发，必导致重绘；重绘仅外观变。避免频繁操作样式、使用DocumentFragment、缓存属性值可优化性能。
定制化UI界面
本文介绍如何基于若依（RuoYi）框架定制化项目UI，包括更换浏览器标签logo与标题、系统页面logo、登录页名称及背景图，去除官网标识，并调整主题风格。通过替换`favicon.ico`、修改`index.html`和环境配置文件、更新`login.vue`组件及全局搜索清理冗余链接，实现品牌个性化。支持多环境配置与主题色自定义，提升项目专业度与用户体验。
代码模块改造
本课程旨在优化若依框架的代码生成与接口测试：集成Swagger/Knife4j实现接口文档自动生成与在线测试；通过Velocity模板引擎改造代码生成器，支持Lombok、MyBatis-Plus及Swagger注解，提升开发效率与代码优雅性。
NodeJS框架
JavaScript单线程设计避免DOM渲染冲突，通过事件循环机制实现异步操作。任务队列管理异步事件，主线程按序执行。Node.js利用libuv实现多线程任务调度，配合Event Loop高效处理I/O。Express与Koa基于中间件架构，Koa采用洋葱模型，支持async/await，更优的错误处理和流程控制。
ES6框架
ES6框架简介：涵盖Webpack与Rollup环境搭建、模块化演进、class与构造函数区别、Promise原理实现、async/await异步方案及Proxy响应式机制。深入解析let/const、箭头函数、解构赋值、reduce/map/filter等核心特性，对比var与const差异，详解ES Module与CommonJS区别，系统掌握现代JS开发核心技能。（238字）
什么是跨域
CORS（跨域资源共享）是W3C标准，允许浏览器向跨源服务器发起XMLHttpRequest请求，突破AJAX同源限制。需浏览器和服务器共同支持，主流浏览器均已兼容。通信过程由浏览器自动完成，开发者无需改变代码。CORS将请求分为简单和非简单两类，后者会先发送OPTIONS预检请求，验证通过后才执行实际请求。服务器需设置Access-Control-Allow-Origin等响应头。相比仅支持GET的JSONP，CORS支持所有HTTP方法，更灵活安全。
数据同步原理
Soul网关通过推拉模式实现配置同步，支持WebSocket、HTTP长轮询和Zookeeper三种策略。管理员在后台变更配置后，事件发布器通知对应处理器，网关实时更新本地缓存，确保数据一致性，其中HTTP长轮询借鉴Apollo与Nacos设计，实现准实时同步。
