⚠️温馨提示： 文档中包含【1个】暂不支持的区域，请通过搜索关键字【暂不支持的文档区域】进行后续处理

HR （大专、外包、工作年限短） -> 技术（技能深度、 项目重难点 ）

突击规划

正在找工作的同学 1

  • “ 已读不回 ”，问题出在哪？

    • 打招呼的方式
    • 你的在线简历被 Boss 标记了【给每个求职者打一些标签（跳槽频繁、应届生、学历低，大厂经历、项目广）】

  • 打招呼不要海王式，先看对面公司做啥的？（ 后台 、小程序、 H5 、 webGIS 、编辑器、 可视化 、 低代码 、无代码、SaaS、鸿蒙、跨端开发【Taro、uni-app、React-Native】等等）

    • 我有几年工作经验，在某某领域深耕，WebGIS（openlayer、mapbox、threejs、webGL），d3.js、canvas 定制可视化图表，具备很强的业务实战能力与团队沟通协作能力，xxx，仔细看过贵公司的任职要求，我觉得于我非常匹配，希望可以与您深入聊聊

  • 在线简历 稍微夸张一点（不负责），重点看的是你的附件简历

  • “ 简历投了没反馈 ”，问题出在哪？

    • 技能、项目

    • HTML、CSS、JavaScript、Typescript 基础

    • 框架：React18、Vue3【FP 思想 Function Programing（闭包、柯里化、惰性求值）】

    • Umi 一把梭

      • 失去了了解 Webpack5 的原理（Tapable、Loader、Plugin、Chunk、Treeshaking、模块化支持【commonjs、AMD、CMD、ESM、bundleless、unbundle】）

      • 失去了解 React-Router 的机会

        • BrowserHistory，pushState、popState
        • HashHistory，哈希值、hashchange
        • MemoryHistory

    • 主要矛盾， 技术、项目储备满足不了你涨薪的野心（15K->8K）25K->30K

  • “ 约面了，一轮面是被刷 ”，问题出在哪？

  • “ 二三四轮面试被刷 ”，问题出在哪？

    • Q：项目

  • A：首先你去稍微了解一下对方公司的产品，主要的业务

  • 优化自己的项目介绍和钩子、包袱（Hook）

  • “ HR 面被刷 ”，问题出在哪？

    • 钱没谈拢

    • 15-25K，你要多少？

      • 15 以内，18~20K
      • 20K，25K
      • jQuery plugin、mini-jquery、prototype

简历问题

技能

  • 常规技术

    • 基础：HTML（jade、ejs、vue sfc）、CSS（less、cass、postcss）、JavaScript（ecma）、Typescript【arkTs】

    • 框架：React18、Vue3

      • react18 hooks 原理

      • react18 性能优化

      • react fiber

      • concurrent mode

      • vue3 响应式原理

      • vue3 编译器实现

      • vue3 宏定义原理

      • vue3 运行时

      • 原理

        • Compiler 编译器 （运行 js 文件）

          • template 模板解析（ h 函数 ）

          • style 样式解析（scope）

          • script 脚本解析

            • 宏定义 defineProps、defineEmit
            • vue macro

        • Reactivity 响应式

          • Proxy
          • Reflect
          • track、trigger

        • Runtime 运行时

          • 指令的处理
          • Dom 渲染

项目

这个环节至关重要，很多同学不重视，简历随便写一写就开始投递了，结果投出去几百份可能一家公司面试都没有，结果就在怀疑前端行情出问题了

STAR 法则：

  • 遇到了什么问题 question，需求
  • 怎么评估解决方案，方案对比，方案落地 react 状态管理（redux、mobx、jotai、recoil）Vue3 -> Pinia
  • 方案落地
  • 反思，优化
大家先看这段描述：

技术栈：Java、Vue2、echarts、WEui、BaiduMap、JavaScript 、HTTP数据库：MySQL管理工具：SVN

责任描述：

1）产品前端研发负责人，主要负责整体样式沟通，样式调配实现；门户、管理平台、移动端、智端、可视化等前端内容实现；

2）实现组织管理、人员管理、党员关系转接、待办通知、绩效考核（复杂功能算法实现）、发展党员（25个流程）、可视化等主体功能，兼容性优化、适配1920*1080屏幕以及响应式布局实现；

3）相关功能开发，包含前后端、数据库；

4）门户框架搭建、门户整体设计、后端接口、门户前端 UI 实现等；

5）微信小程序框架搭建、小程序页面设计及开发、知识图谱技术预演；

6 ）项目经理工作辅助，包含需求沟通、UI设计沟通、交付材料项目经历整理、前端代码质量管理、部分功能设计。

深度优化一下

工作内容和成果

  • 【 架构设计 】参与智慧管理平台整体架构设计、技术选型与方案评审，担任全栈开发，完成相关核心模块
  • 【 企微开发 】对接企业微信生态，基于企微 SDK 完成平台支付、消息推送、机器人等功能开发
  • 【 可视化 】主导完成平台可视化渲染引擎（可视化图表的组件，数据协议）设计与开发，基于 echarts （svgRenderer、canvasRenderer 一千万行数据的表格渲染【不能使用 虚拟滚动 】）封装业务图表库，服务于平台可视化场景
  • 【 地图开发 】使用百度地图 SDK，封装业务地图渲染器（MapRenderer），包含：地图撒点、地区数据下钻等功能
  • 【 小程序与App 】基于 uniapp 实现智慧党建用户端多端开发落地，产物编译为 H5、微信小程序两端应用
  • 【 团队基建 】推进团队业务组件库、图表库与基础库沉淀，完成 10+ 个业务组件沉淀，以此提升了团队协同开发效率
  • 【 优化 】设计产品响应式系统，基于 media query 设计响应式端点规则，适配不同端应用的展示
  • 【 自研 OA 打通 】...
其实还不够

  • 企业级脚手架工具开发实践

  • 企业级文档编辑器飞书文档开发实践

  • 大厂 UI 组件库（Vue3）整体设计与开发实践(monorepo 架构)

  • 大厂业务 Hooks 库（React 18）整体设计与开发实践(从零到一的架构、规范流程)

  • 3D 可视化数字孪生低代码实战 💥

    • 基于 cesium（arcGis、超图） 方案的 WebGIS 开发实践
    • 基于 openlayer、mapbox 开发
    • 基于 WebGL 3D 可视化开发实践

突击复习

长线规划：

技能深度

项目业务深度（数字孪生、低代码、基建等）

架构思维（工程化、规范化、流程化、自动化）

  • 工程化
  • 规范化
  • 流程化
  • 自动化

设计思想

初级开发者会怎么设计

中级开发这怎么设计

前端专家怎么设计

思想要点：

  1. 微内核设计 plugin
  2. AOP 面向切面编程设计思想 axios，axios.request.interceptors.use
  3. 编译原理 compiler，tokenizer、ast、interpretor

沟通表达

面试沟通

团队沟通

你离高薪还差多远？

拿高薪，就以下几个核心要素

  1. 全面的技术储备

    1. Vue 经验、React 经验，Vue3 + Typescript，React18（Hooks、Concurrent）【框架基础】
    2. 框架原理，React 生态库原理（React-Router、Redux）、Vue 生态库原理
    3. 工程化（构建工具：Webpack、Vite、Rspack、ESBuild、swc）
    4. CI/CD 自动化，自动化构建、自动化部署
    5. 基建能力（Node、命令行工具开发 Cli），UI 库、图表库、工具库
    6. 业务方面（管理系统、图表类），衍生 -> 可视化、编辑器、云表格、低代码、SaaS 产品、数字孪生、三维可视化

  2. 至少参加过两个以上大型项目，并主导过一个复杂项目

    1. 管理系统，（项目搭建、方案、技术栈、CI/CD 等等）
    2. 可视化、编辑器、云表格、低代码、SaaS 产品、数字孪生、三维可视化

  3. 面试表现好

    1. 个人介绍【 打个草稿 】，基本信息、技术栈、项目重难点

    2. STAR：

      • 遇到了什么问题 question，需求
      • 怎么评估解决方案，方案对比，方案落地 react 状态管理（redux、mobx、jotai、recoil）Vue3 -> Pinia
      • 方案落地
      • 反思，优化
    • 面试过程中，重点去复习只是重难点（v8 内存管理、Promise A+ 规范、事件循环、this、面向对象编程原型）
    • 技术储备，由你的项目经验体验，技术怎样在你的项目中落地的

  4. 学历还行

    1. 大专，尽快考一个本科证（年限去掉）
    2. 民办
    3. 内推，学历问题、工作经历的问题

为什么你工作了三五年，薪资总上不去？

  • 项目简单，管理后台一做就是大半年，天天 CRUD

    • 看开源项目（react-hook-form ts 类型、hook 处理、状态管理、架构 Provider，keyPath）
    • 找一些不错的项目练手
    • 拿好的项目，学习完放在简历里， 可视化、编辑器、云表格、低代码、SaaS 产品、数字孪生、三维可视化
    • 1.自研：15K， 2.外包：20K ，这个火坑， 灰（供需决定）

  • 技术栈掌握不深不广，只会用 Vue2 （Vue3 + Typescript），React18（React stack reconciler）

  • 架构、方案设计没碰过

    • React，create-react-app、umi，没有真正从零到一去设计初始化过一个项目
    • Vue，Vue CLI，Vite/Webpack。Vue2 CLI 创出来项目 1. webpack、2.vite

  • 没有专精的技能或业务

    • 自驱（假定自己是 Leader），项目的赢利点、商业价值【 可视化、编辑器、白板、团队基建、AI产品 】
    • 与生俱来有些东西，好奇心、自驱力、清晰规划
    • 我：管理平台，HPE（官网、后台管理），云表格（维格表、飞书云表格）、云编辑器（CKEditor 老【html string】）（语雀、【石墨文档】）

为高薪，你该作何准备？

  1. 优化简历先行，发现自身问题
  2. 深挖过往技能储备，但是过往经历不一定够用，得从优化简历倒逼
  3. 项目经历描述准备（非常重要）
  4. 面试技巧准备
  5. 跳槽有目的性
  6. 长远学习规划
  7. 混迹江湖，文章博客 （Taro、Nestjs）， 自媒体让更多的人看到你比什么都重要~~~

项目经历怎样描述更“炸眼”？

  1. 可视化大屏低代码平台如何设计？

  2. 3D 数字孪生平台你做了哪些成果？

    1. webGL、webassembly
    2. 正射影像、倾斜摄影
    3. Tile
    4. 模型，白膜（blender）、精模
    5. 材质
    6. 光效
    7. 粒子系统

  3. 说说你是怎么做性能优化的？

    1. 打包构建

      1. webpack，chunk、treeshaking、happypack、cache-loader 等等
      2. Webpack Module Federation

    2. 资源

      1. 图片、字体压缩
      2. 请求队列
      3. oss
      4. cdn

    3. 应用

      1. 数据结构优化
      2. 应用模块更新

    4. 缓存

      1. 强缓存（Expiration、Cache-Control）
      2. 协商缓存（Etag）
      3. 策略缓存（Service-Worker）

妙码学院可以怎样帮到你

我们主要从以下方面为你的升职加薪提供帮助

⚠️ 暂不支持的文档区域，【文档小组件】

课程体系

  • 跨端开发 Taro（Taro 编译器 compiler、运行时 runtime）、uniapp
  • 协同编辑器（文档类、画板类）wangEditor、CKEditor
  • 团队基建工程（UI 库、图表库、Cli -> 产生产物 npm 包）
  • 3D 可视化数字孪生 bigdata
  • 低代码平台

课程体系 2.0 升级，除了基础知识夯实，融入了更多项目实战内容，包含：

  • 企业级脚手架工具开发实践

  • 企业级文档编辑器飞书文档开发实践

  • 大厂 UI 组件库（Vue3）整体设计与开发实践

  • 大厂业务 Hooks 库（React 18）整体设计与开发实践

  • 3D 可视化数字孪生实战 💥

    • 基于 cesium 方案的 WebGIS 开发实践
    • 基于 WebGL 3D 可视化开发实践

大佬 1V1 咨询

通过 1V1 咨询，给出专属学习计划，帮你在最短时间拿到涨薪结果。

-- - 咨询结果 pdf ---

不同阶段对前端的要求

以下是对您提供的内容进行权威和专业化改写的建议：

1~3年

在此阶段，重点在于评估个人的基础知识和热情。对前端基础、计算机原理、网络通信和算法等领域的要求较高。由于在此阶段难以评估业务深度，因此更多关注基础知识的掌握程度。

  • 关键在于通过学术教育或网络资源加强基础知识；
  • 在简历中以多种方式展示对前端的热情，展现个人潜力；
  • 积极探索前沿技术，关注国内外技术动态；
  • 尝试开发小型项目或参与社区开源项目；
  • 建立技术博客，以输出促进知识吸收。

3~5年

此阶段通常是向成为独立工程师发展的关键时期，避免重复使用有限的经验。

  • 关注社区中关于进阶的资料和路线，强化基础知识；

  • 深入掌握常用框架的高级用法，探索其原理；

  • 在业务开发中不仅完成功能，还需考虑项目结构设计、封装基础工具、设计和开发基础组件；

  • 思考提高团队效率的方法，例如：

    • 集成代码检验和风格统一插件（如 eslint、stylelint、prettier、spellcheck）；
    • 从工程化角度提高本地开发效率，优化webpack构建，探索esbuild、vite等工具；
    • 对于多项目开发，整理差异和统一部分，建立内部脚手架以减少重复工作；
    • 尝试搭建CI/CD平台，维护公司内部的通用npm包；
    • 培养软技能，如沟通协作，协调各角色共同推进目标。

5年以上

进入此阶段，可能朝技术专家或管理方向发展。期望您能够独立负责高复杂度项目，突破关键技术难题。

  • 负责技术调研，关注行业趋势，选择最优技术方案，具备决策能力；
  • 拥有丰富的技术经验和技术储备，能够解决遇到的困难，并有自己的方法论；
  • 协助或主导业务目标制定，合理推动项目达成预期效果；
  • 是否具有团队领导经验，能够协调跨团队项目，处理团队成员情绪问题，解决技能分布不平衡等问题；
  • 打造技术氛围，促进团队共同成长。

职业规划指导

评论区选取三位同学互动，其他同学也可以联系咨询老师，文字方式提供辅导解答。

【未知组件reminder】