多掌握一些快捷键可以帮我们提高编程的效率，快捷键要经常使用才会熟练掌握，最牛的状态是用键盘代替鼠标，希望大家都能早日掌握。同时要注意多回顾一下，可能会有一些以前不知道干嘛用的快捷键，但是现在工作或者学习中能用到的。

一、先搞懂：开发者工具怎么调出来？在正式讲解前，先明确最基础的调用方式，以Chrome浏览器（前端开发最常用）为例，以下几种方法都能快速打开DevTools：快捷键：Windows/Linux用F12或Ctrl+Shift+I；Mac用Cmd+Opt+I。右键菜单：在页面任意元素上右键，选择“检查”（Inspect），会直接定位到该元素的DOM节点。浏览器菜单：点击Chrome右上角“三个点”→“

本地开发、测试环境、预发环境、生产环境，四套环境能跑出四种不同的效果。有一次因为“生产环境的 Node 版本高了一点，有个 API 行为不一致”，全组人加班到天亮。这是程序员最经典的甩锅语录，但很多时候真不是甩锅。最后想了个“天才”的办法：用 U 盘拷代码，只在一台电脑上开发，效率自然也是非常的低。：有人用 VS Code，有人用 WebStorm，有人用 vim，环境各不相同。：代码是同一份，但

用个形象的比喻：传统混合应用像是“在浏览器中运行网页然后打包成App”，而React Native则是“用JavaScript指挥原住民（原生组件）搭建真正的本地建筑”。如果你熟悉CSS Flexbox，那么RN的布局你会很好上手。几乎所有原生功能都有对应的React Native库：相机、地理位置、推送通知、生物识别…：让Web开发者用已有技能进入移动开发，同时保持接近原生的性能。：React的

Tailwind CSS不是一个传统的UI框架（如Bootstrap），而是一个CSS框架，它提供了一系列低级别的实用类，让你可以直接在HTML中构建任何设计。.btn {Tailwind方式：< button class = " px-6 py-3 bg-blue-500 text-white rounded font-medium hover:bg-blue-600 " > 点击我 </ bu

vscode是一款非常好用、炫酷的软件，越来越多的人选择它。对于前端开发人员来说，vscode可以作为主力开发工具，这款软件就是为前端同学量身定做的，”开盖即食“。对于其他语言方向的开发人员，可以将其作为代码编辑器来使用，纵享丝滑。对于只是写文档写作的同学，vscode也可以作为markdown写作工具。如果你不属于上面的任何一种，你也可以把vscode当作文本编辑器来使用。总的来说vscode是

观察者模式是一种行为型设计模式，它定义了一种一对多的依赖关系，当一个对象的状态发生改变时，其所有依赖者都会收到通知并自动更新。当对象间存在一对多关系时，则使用观察者模式（Observer Pattern）。比如，当一个对象被修改时，则会自动通知依赖它的对象。观察者模式属于行为型模式。

简单来说，Taro 让你能够“一次编写，到处运行”。微信/京东/百度/支付宝/字节跳动小程序、H5、移动端 (React Native)。你可以用 React 的语法写，也可以用 Vue 的语法写。提供了完整的 CLI 工具，支持代码热重载，开发体验接近于 Web 开发。Taro 是目前国内最成熟的跨端框架之一。对于前端小白来说，只要你会一点 React 或 Vue，就能上手开发出一个跨端小程序。

npm奠基生态，Yarn 推动确定性标准，pnpm以硬链接革新空间与隔离，Bun用速度重新定义极限。终极建议新项目首选pnpm（均衡优势，解决传统痛点）追求稳定选npm，大型协作选Yarn，极速尝鲜选Bun。

Skill =智能行动上下文智能：能理解自然语言指令（如"帮我review一下这个React组件的代码"）行动：能调用外部工具（linter、代码分析工具、测试框架等）完成任务上下文：能结合项目规范、团队编码标准、历史Review意见做出合理判断名称触发条件：用户表达"review前端代码"“审查组件”"检查React/Vue代码"等意图输入：代码片段、技术栈标识（React/Vue）、项目规范（