vault backup: 2025-07-23 14:32:03

Affected files:
Haina/分享&培训/-周鹏程.md

Haina/分享&培训/-周鹏程.md

@@ -1,6 +1,6 @@
 ---
 Created: 2025-07-23 10:57 Wed
-Updated: 2025-07-23 14:01 Wed
+Updated: 2025-07-23 14:20 Wed
 ---
 ### 一、基础知识与语言（HTML, CSS, JavaScript）
 1. **HTML & CSS:**
@@ -10,7 +10,6 @@ Updated: 2025-07-23 14:01 Wed
     * 解释一下 CSS 盒模型，以及 `display: flex` 和 `display: grid` 的区别及适用场景。
     * 谈谈响应式设计（Responsive Design）的实现方式，你在项目中是如何应用的？
         * 通过 **媒体查询 (Media Queries)** 根据设备尺寸应用不同的 CSS 样式，结合 **弹性布局 (Flexbox/Grid)** 和 **百分比/视口单位** 实现元素自适应。
-    * 实时通信
 2. **JavaScript (ES6+):**
     * ==简历中提到了使用 JavaScript ES6 的异步和箭头函数等特性。请详细解释一下 `async/await` 和 `Promise` 的区别和使用场景。
         * `Promise` 是处理异步操作的对象，解决了回调地狱。`async/await` 是基于 Promise 的语法糖，使异步代码看起来像同步代码，更易读和维护。`async` 函数返回 Promise，`await` 暂停函数执行直到 Promise 解决。
@@ -26,7 +25,7 @@ Updated: 2025-07-23 14:01 Wed
         * 常用的如 `beforeCreate` (实例创建前)、`created` (实例创建后，可访问数据)、`mounted` (DOM 挂载后，可操作 DOM)、`updated` (数据更新 DOM 重新渲染后)、`beforeDestroy` (实例销毁前)、`destroyed` (实例销毁后，清理事件监听)。
     * ==Vue 的数据响应式原理是什么？`Object.defineProperty` 和 `Proxy` 有什么区别？Vue 3 为什么选择使用 `Proxy`？
         * Vue 2 通过 **`Object.defineProperty()`** 劫持数据的 getter/setter，当数据变化时通知视图更新。Vue 3 使用 **`Proxy`**，它能直接劫持整个对象，性能更好，能检测到属性的添加和删除，以及数组的索引操作。
-    * 在《山水之旅》中，你提到了使用 Vue 和 Element UI。你如何组织组件？有没有使用过 Vuex 或 Pinia 进行状态管理？为什么选择或不选择使用？
+    * ==在《山水之旅》中，你提到了使用 Vue 和 Element UI。你如何组织组件？有没有使用过 Vuex 或 Pinia 进行状态管理？为什么选择或不选择使用？
         * 通常按**功能或页面**划分组件，遵循 **单一职责原则**。可以使用 **Vuex**（或 Pinia）进行状态管理，尤其适用于**大型应用**和**跨组件共享状态**。
     * Vue 组件之间如何进行通信？请举例说明。
         * 父子组件通过 **`props` (父传子) 和 `emit` (子传父)**；兄弟组件或非父子组件通过 **事件总线 (Event Bus)** 或 **Vuex/Pinia**。
@@ -56,23 +55,30 @@ Updated: 2025-07-23 14:01 Wed
 ### 四、开发工具与流程
 1. **开发工具:**
     * 你熟悉使用 Postman、VsCode、Typra 等工具。在日常开发中，这些工具如何辅助你提高开发效率？
-    * 你提到了 xmind 和 Axure RP，这些工具在前端开发流程中主要用于哪些环节？
+    * ==你提到了 xmind 和 Axure RP，这些工具在前端开发流程中主要用于哪些环节？
 2. **代码质量与工程化:**
     * 在开发过程中，你如何保证代码质量和可维护性？有没有使用过 ESLint、Prettier 等工具？
+        * 遵循**编码规范**、**代码审查 (Code Review)**。使用 **ESLint** 强制规范，**Prettier** 格式化代码。
     * 了解前端构建工具（如 Webpack, Vite）吗？它们的作用是什么？
-    * 对于前端项目的性能优化，你有哪些经验或实践？
+        * **Webpack** (或 **Vite**) 负责将前端模块打包、压缩、优化，处理图片、CSS 等资源，实现代码分割、热模块替换等功能，提高开发效率和生产环境性能。
+    * ==对于前端项目的性能优化，你有哪些经验或实践？
+        * 图片懒加载、代码分割、Gzip 压缩、CDN 加速、浏览器缓存、关键路径优化、减少 DOM 操作、使用虚拟列表等。
 ### 五、综合能力与软技能
 1. **学习能力:**
     * 你是如何学习新的前端技术和框架的？最近在学习什么新的技术？
+        * 阅读**官方文档**、参考**高质量教程**、**动手实践**、参与**开源社区**、关注技术博客等。
     * 对于简历中提到的后端技术（Spring Boot, My Batis, Spring Cloud, Ruby on Rails），你是如何掌握并将其应用到项目中的？
 2. **问题解决能力:**
-    * 请描述一个你在开发中遇到的最棘手的问题，你是如何分析和解决的？
+    * ==请描述一个你在开发中遇到的最棘手的问题，你是如何分析和解决的？
+        * **棘手问题？** 例如：复杂组件的性能瓶颈、第三方库的兼容性问题、难以复现的 Bug 等。分析方法包括：**定位问题 (console.log, debugger)** -> **查找资料 (Google, Stack Overflow)** -> **隔离问题** -> **尝试解决方案** -> **验证**。
 3. **团队协作:**
-    * 在团队项目中，你通常扮演什么角色？如何与团队成员进行沟通协作？
+    * ==在团队项目中，你通常扮演什么角色？如何与团队成员进行沟通协作？
+        * **扮演角色？** 通常是积极贡献者，负责特定模块的开发，参与技术讨论和代码审查。    
+        - **沟通协作？** 保持**清晰沟通**、**及时反馈**、**乐于分享**。    
     * 你对敏捷开发（Agile Development）有什么了解或实践？
+        - **敏捷开发？** 理解其**迭代、增量、快速响应变化**的特点，如日常站会、Sprint 计划、回顾会议等。
 * * *
-优势与弱点分析
+## 优势与弱点分析  
--------
 ### 优势
 1. **多技术栈背景，理解前后端协作：**  简历中展示了前端（Vue, React, JS, HTML, CSS）和后端（Spring Boot, My Batis, Spring Cloud, Ruby on Rails）的开发经验。这使得他能够更好地理解前后端交互的逻辑，进行更有效的沟通和协作，这对于前端工程师来说是一个很大的加分项，尤其是在全栈团队或需要处理复杂数据流的场景。
 2. **具备项目实战经验：**  参与了《聊天系统》、《五菱智慧云控自动驾驶系统》和《山水之旅》三个项目，其中《山水之旅》是自主设计和实现，这表明他不仅有理论知识，还有将知识应用于实际项目并解决问题的能力。
@@ -85,3 +91,17 @@ Updated: 2025-07-23 14:01 Wed
 3. **缺乏对前端工程化和构建工具的明确提及：**  简历中没有提到 Webpack、Vite 等前端构建工具的使用经验，以及对前端工程化、自动化测试、CI/CD 等方面的了解，这在现代前端开发中是比较重要的一环。
 4. **独立解决复杂问题经验可能较少：**  从简历上看，项目多为团队协作或自主设计的小型项目，缺乏在大型、高并发、高可用性项目中独立解决复杂前端架构或性能问题的经验。
 5. **对前端性能优化和用户体验的关注度未体现：**  简历中未明确提及在项目中如何进行前端性能优化（如懒加载、代码分割、渲染优化等）以及对用户体验（UX）的关注和实践。
+
+---
+
+### Ruby on Rails 是一个一体化的开发方案吗？
+
+是的，**Ruby on Rails (RoR) 常常被认为是一个一体化的（或称“全栈”）开发框架**。这意味着它提供了一整套工具和约定，涵盖了从数据库、后端逻辑、API 到前端视图渲染的方方面面。
+
+RoR 遵循“约定优于配置”（Convention Over Configuration）的原则，通过 MVC (Model-View-Controller) 架构模式，简化了 Web 应用的开发。在传统的 RoR 应用中：
+
+- **Model (模型)** 负责数据和业务逻辑，通常与数据库交互。    
+- **Controller (控制器)** 负责处理用户请求，调用模型并准备数据。    
+- **View (视图)** 负责数据展示，通常使用内嵌 Ruby 代码的 HTML 模板（如 ERB 或 Haml），直接在服务器端生成 HTML，然后发送给浏览器。
+
+这种模式下，前端和后端紧密耦合，很多时候一个 RoR 开发者就能完成整个应用的开发，因此被称为“一体化”或“全栈”框架。