聚焦 HTML/CSS 与自适应核心能力构建，达成精准还原页面骨架、多端像素级适配及独立完成静态自适应页面复刻的目标。
像素级复刻能力：精准还原设计图的布局、样式、间距； 多端适配思维：灵活运用媒体查询、响应式单位实现全设备兼容； 布局方案选型：根据场景选择合适的布局方式（Flex/Grid/传统布局）。
聚焦 JS 全栈基础与数据驱动能力构建，掌握交互实现、异步编程、接口请求全流程，最终实现数据驱动页面渲染的核心目标。
异步流程控制：熟练处理复杂异步场景； 数据处理能力：高效处理接口数据与本地数据； 交互实现技巧：多端兼容的交互效果开发； 接口请求全流程：请求封装、错误处理、数据渲染。
掌握主流前端工具的使用，提升开发效率，实现工具链整合应用，为后续框架开发打下基础。
Bootstrap网格系统：响应式布局快速实现； 组件样式自定义：在Bootstrap基础上实现设计差异化； Iconfont多方式引入：根据项目需求选择合适的引入方式； 工具链整合：多种工具协同提升开发效率。
掌握Vue2→Vue3生态体系，实现接口驱动、组件化、响应式的生产级项目开发，完成综合项目复刻实战。
组件化思想：拆分复用性高的组件，减少冗余代码； 状态管理：灵活运用Vuex/Pinia管理全局状态； 接口驱动开发：所有动态数据通过接口获取，封装统一请求工具； 项目工程化：Vue3项目搭建、配置、打包优化； 问题排查：熟练使用开发者工具排查Vue项目问题。
无论原生开发还是框架开发，始终优先考虑多端适配，灵活组合媒体查询、rem/vw、响应式组件等方案，确保在不同设备上都有良好的用户体验。
所有动态数据均通过接口获取，封装统一的请求工具，规范接口管理，实现前后端分离开发，提高开发效率和项目可维护性。
拆分复用性高的组件（如导航栏、卡片、按钮），减少冗余代码，提高代码复用率和维护性，同时便于团队协作开发。
根据项目需求灵活搭配技术栈（如简单页面用 Bootstrap + 原生 JS，复杂项目用 Vue3+Element Plus），选择最合适的工具提高开发效率。
熟练使用浏览器开发者工具（Elements/Console/Network）排查布局、JS、接口问题，培养独立解决问题的能力，提高开发效率。