汇总
本文介绍MyBatis核心配置与使用技巧,涵盖属性加载优先级、多环境配置、事务管理、XML映射(一对一、一对多、多对多)、分页策略(逻辑与物理分页)及缓存机制,并简析执行器类型与批量操作原理,助力高效开发。
Webpack性能优化
本文介绍Webpack性能优化策略:通过按需加载、Tree Shaking、Scope Hoisting减小打包体积;利用HappyPack、DllPlugin、缓存等提升打包速度;结合代码压缩、resolve优化、长缓存配置,显著提升构建效率与加载性能,适用于大型项目优化实践。(238字)
美团面经
本篇美团前端面经涵盖HTML、CSS、JavaScript核心知识,包括语义化标签、BFC、盒模型、flex布局、响应式适配、事件机制、原型链、闭包、异步编程、Vue原理、Vuex、浏览器缓存、跨域、HTTP协议、设计模式等高频面试题,全面系统,助你攻克大厂技术面。
网络优化方案
本文介绍八大网络优化方案:合并与压缩资源、合理利用缓存、DNS预解析、CDN加速、预加载与预渲染、图片优化等,有效减少HTTP请求、降低资源大小、提升加载速度,改善用户体验。
前端工程化
Webpack是前端模块化打包工具,支持代码分割、模块化与静态分析。相比Grunt/Gulp,更注重模块处理。核心概念包括bundle、chunk、module。Loader用于解析非JS文件,Plugin扩展构建功能。构建流程含初始化、编译、依赖解析、输出等阶段。可通过SplitChunks提取公共代码、Tree-shaking去除无用JS(需ES6模块)、压缩资源、合理配置缓存(如chunkhash)优化性能。支持热更新提升开发效率,配合webpack-cli可自动生成配置。
重绘回流过程
浏览器渲染流程:解析HTML生成DOM树,解析CSS生成CSSOM,合并为渲染树,再经布局、绘制显示页面。DOM树包含所有元素,渲染树仅含可见内容。CSS阻塞渲染但不阻塞DOM解析。重绘因样式变化,回流因布局变化,回流必触发重绘。避免频繁操作样式与属性读取,提升性能。
One Trick Per Day
初始化Map建议用Guava指定预期大小,避免扩容;禁用Executors创建线程池,防止OOM,推荐自定义ThreadPoolExecutor或使用Guava;Arrays.asList返回不可变列表,禁止修改操作;遍历Map优先使用entrySet或forEach;SimpleDateFormat非线程安全,勿定义为static,推荐ThreadLocal或Java8新时间API;并发更新记录需加锁,优先乐观锁,冲突低时重试不少于3次。
何为跨域
CORS(跨域资源共享)是W3C标准,允许浏览器向跨源服务器发起XMLHttpRequest请求,突破AJAX同源限制。需浏览器和服务器共同支持,主流浏览器均兼容。通信由浏览器自动完成,开发者无需特殊编码。核心在于服务器配置CORS响应头,如Access-Control-Allow-Origin等。请求分为简单和非简单两类,后者会先发送OPTIONS预检请求确认权限。相比仅支持GET的JSONP,CORS支持所有HTTP方法,更灵活安全。
雅虎14条Web性能优化规则
雅虎14条Web性能优化规则,涵盖减少HTTP请求、使用CDN、资源压缩、缓存配置、CSS/JS优化、图片处理、Cookie管理及移动端建议,全面提升网页加载速度与用户体验。
Nacos注册中心
本文介绍Nacos的安装部署、服务注册与发现、分级模型、负载均衡策略、权重控制、环境隔离及实例类型等内容,涵盖从入门到实战的核心知识点,帮助开发者快速掌握Nacos在微服务架构中的应用。