前端高速成长的八个阶段

高速成长阶段一:学会用 Google 英文搜索。

  1. 为什么不用百度? 因为搜索范围与质量相差太大。用谷歌,你通常能在第一页找到高质量的答案,而在百度你可能需要花费更多时间。
  2. 英文搜索并不难,例如遇到 React 报错,可以直接复制错误信息的关键部分到 Google 搜索。大多数时候可以在 Stack Overflow 找到答案。
  3. 如果没有报错信息,但某些第三方依赖包函数没作用,可以用 Google 搜 xxx not working,例如 React Router push not working。
  4. 实在不会英文,可以先用中文写好再翻译成英文进行搜索,结果右键翻译成中文。
  5. 除了解决问题,还可以搜资源,例如 ChatGPT 镜像网站等。

高速成长阶段二:学会用 Github issue 解决问题

  1. 遇到第三方依赖或框架问题,很多时候可以在官方 GitHub 仓库的 Issue 列表中找到答案。看不懂可以右键翻译。
  2. 搜索关键词尽量简短,因为 GitHub Issue 搜索不如 Google 智能。结果过多可以按评论数或时间排序,找相关条目查看。
  3. 许多问题根源 是文档不完善或官方 bug,GitHub Issue 里常有临时解决方案,通常有很多表情反馈。 👍💖💯🎉
  4. 如果找不到解决方法,可以新建 Issue 向作者求助,描述清晰问题,包括系统版本、环境版本、依赖版本、执行代码和报错信息,最好提供一个最小可复现 demo。

高速成长阶段三:学会查看源代码 debug 解决问题。

  1. 遇到依赖问题且要 new issue 等待回复时,学会查看第三方依赖源码,尝试自己定位并解决问题。
  2. 通常不必阅读全部代码,找到相关函数的 call stack,一层层 console.log 确认问题层次。
  3. 可以提 PR 给作者 hotfix,也可以临时写打包脚本替代目标路径文件。

高速成长阶段四:学会搜索轮子(第三方依赖)。

  1. 用好轮子能快速实现业务,下班走得早。学会用轮子比造轮子更重要。
  2. 使用 GitHub 搜索相关关键词,例如 React 拖拽相关的轮子,搜索 react drag,按 star 数排名,检查 star 数和仓库更新日期。
  3. 使用 npmjs.com 搜索相关包关键词,按 popular 排名。
  4. 利用 tag 进行二次搜索,不管是 github 还是 npm,很多仓库和包都有 tag(标签),你可以点击相关标签进行二次搜索,找到更多同类。

高速成长阶段五:学会搜索 Github 代码

  1. 遇到新技术栈项目感到虚时,因为以前没做过,没有参考项目,所以学会在 GitHub 搜索代码非常重要。这也是我为什么推荐你们用 Github 而不是 Gitee 的重要原因之一,因为前者资源丰富。
  2. 比如,公司要你用 vue 对接 sentry,你以前没做过,官方文档可能也不是很完善(假设),那这个时候你可以利用 Github 搜索代码(注意是搜代码,不是搜仓库),关键词为 vue sentry ,然后筛选只显示 json 文件,找到 package.json 带有 vue 和 sentry 依赖的项目,点进去项目里再搜索 sentry ,此时你就能看到完整的 sentry 在 vue 项目里对接和使用实践。
  3. 开新项目前,通过搜代码关键词找同类项目参考,学习别人的优点。

高速成长阶六:学会自我驱动成长

  1. learning in doing,构思有趣的项目,自我驱动实现,不因困难而放弃。
  2. 关注前沿技术信息,例如 GitHub Trending。
  3. 国内外技术资源,例如掘金网站、技术公众号、博客、Reddit 讨论区等。
  4. 不要限制自己的发展范围,例如前端也要了解后端和AI等,不必深度学习但应有所了解。

高速成长阶段七:参与开源

  1. talk is cheap,show me the codes,开源项目代码是实力证明,能大大提升就业机会。
  2. 学习参与小项目的 PR,了解开源贡献流程。
  3. 尝试开启自己的开源项目,解决通用需求,学习维护开源项目。
  4. 开源记录是良好的求职简历,体现在 GitHub 个人主页上。

高速成长阶段八:学会用 AI (非常重要)

  1. GitHub Copilot 和 ChatGPT 4、Claude-3-Opus 是当前最好的编程辅助工具,无论如何都要开通。
  2. 计算成本与收益,时间价值高于工具费用,节省下的时间可提升自己。
  3. GitHub Copilot 可以节省大量 coding 时间,是不可替代的工具。
  4. ChatGPT 4 和 Claude-3-Opus,适合技术选型、debug、code review 等。
  5. 选择最好的工具,时间节约更多,不要贪便宜,免费是昂贵的,因为它少节约了你很多时间,时间就是财富。
  6. 你要知道模型能干什么。 Github Copilot 擅长举一反三,和根据注释生成代码,ChatGPT 4和 Claude-3-Opus 适合技术选型(问他轮子如何选择)、适合 debug,复制错误和源码给它,叫它 fix、适合 code review ,复制写好的代码给它,问它是否有改进的地方(我一般喜欢问使用 SOLID 最佳实践优化我的代码,你能从中学习到很多优秀的设计模式)

附言

  1. 我平时比较懒,所以很少写文章和评论,但是看到好的文章我会收藏和记下关键词,脑子里有索引关键词,以后遇到要用再搜索查看,这对我个人很高效,我不知道这是否适合你们。
  2. 因为懒,所以目前只有这篇文章,后续可能做一期视频分享实际操作讲解。
  3. 我现在喜欢让 AI 作为我的导师,和它讨论一些问题,我总能从它们那里学到很多知识,你们也可以这样,这真是一位性价比非常高的导师,无论是面对哪个行业。
  4. 就业环境并不乐观,但是你可以多参与一些热门的开源项目,说不定哪天机会就会找上门,最好把英语学好,这是非常重要的。
  5. 减少期望、少负债,过好自己的人生,不用管外部评价,我希望你 enjoy 自己的生活。你保证你在前 50% 就行,至少你转行做外卖时会有一半人陪你。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.tpcf.cn/web/21960.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Windows下设置pip代理(proxy)

使用场景 正常网络情况下我们安装如果比较多的python包时,会选择使用这种 pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple --trusted-hostpypi.tuna.tsinghua.edu.cn 国内的镜像来加快下载速度。 但是,当这台被限制上…

【python】修改目标检测的xml标签(VOC)类别名

需求: 在集成多个数据集一同训练时,可能会存在不同数据集针对同一种目标有不同的类名,可以通过python脚本修改数据内的类名映射,实现统一数据集标签名的目的。 代码: # -*- coding: utf-8 -*- # Time : 2023/9/11 1…

出海APP遭遇大流量攻击的应对与防御策略

随着全球化的加速,越来越多的中国企业选择将APP推向海外市场。然而,这也意味着他们将面临更加复杂多变的网络安全环境,其中大流量DDoS攻击便是常见且破坏力巨大的威胁之一。本文将深入探讨出海APP遭遇大流量攻击的识别、应急处理及长期防御策…

如何选择实名认证接口?C++身份证二、三要素实名认证接口提供厂商

线上平台进行身份证实名认证,有助于保障交易的安全性,防止身份信息被盗用的风险,其主要应用于金融、在线银行、支付平台、社交媒体、账号注册、内容发布等多种应用场景。那么,又当如何选择实名认证接口厂家呢? 翔云人…

java中的注解

文章目录 定义格式使用类型内置注解元注解自定义注解 注解实现 定义 注解一般用于对程序的说明,想注释一样,但是区别是,注释是给人看的,注解是给程序看的让编译器进行编辑检查的作用,比如:Override修饰的方…

富格林:正确应对虚假暗箱计策

富格林悉知,当前投资者对现货黄金交易热情高涨,要想通过现货黄金交易获得可观的收益,那么对于行情的准确分析和判断便是不可或缺的。富格林认为,基本上每位投资者都需要花费时间和精力去学习正规的技巧提高操作技术才可正确应对虚…

osi七层网络模型安全加固

应用层加固 应用层的攻击: 1、针对应用层协议的攻击:HTTP攻击、DNS攻击、电子邮件攻击等,利用应用层协议的漏洞,构造恶意数据包,是目标服务器执行恶意代码或暴露敏感信息 HTTP攻击:XSS、CSRF、HTTP头注入…

你每天都在用的APP,原来都是Python写的!

👆点击关注 获取更多编程干货👆 要说Python的用途,那可太多了,也许你不知道Python是什么,但你一定用过它开发的产品,就像你可能不了解汽车引擎的构造,但你每天都享受着汽车带来的便利一样。 比…

stm32-DMA转运数据

在配置前要记得先定义一下DMA转运的源端数组和目标数组两个数组哦。 接下来我们就开始准备配置吧 配置 初始化 1.RCC开启时钟(开启DMA的时钟) void RCC_AHBPeriphClockCmd(uint32_t RCC_AHBPeriph, FunctionalState NewState) 作用:开启时…

深入探讨Qt中的QVariant

深入探讨Qt中的QVariant 在Qt框架中,QVariant是一个非常强大的类,用于在运行时存储和操作不同类型的值。它类似于C标准库中的std::any或boost::any,能够动态存储任意类型的值,并且在需要时进行类型转换。本文将详细介绍QVariant的…

AbMole《丝光交织,未来可期:新型多功能丝素蛋白/透明质酸支架为脊髓修复带来新希望》

在生物医学领域,脊髓损伤(Spinal Cord Injury, SCI)的修复一直是一个巨大的挑战。由于脊髓缺乏自我修复的能力,一旦发生损伤,往往会导致永久性的功能障碍。然而,随着组织工程和生物材料科学的发展&#xff…

注册域名用哪个后缀好?

在互联网的世界中,域名是您品牌、业务或个人在线身份的基石。选择正确的域名后缀对于建立在线存在感和吸引目标受众至关重要。随着新顶级域名(New gTLDs)的涌现,域名后缀的选择变得多样化。本文将探讨如何选择最适合您需求的域名后缀。 传统顶级域名(TL…

如何在Weblogic环境中启动认证方式对接Zabbix监控

在WebLogic Server中,启动认证可用于确保只有经过授权的用户和系统能够访问WebLogic Server及其应用程序,通过合理配置认证提供者和安全领域,管理员可以有效管理和控制用户访问。 本文将详细介绍如何在Weblogic环境中配置启动认证并对接Zabb…

用域名访问的网站一定要用OV SSL证书

一、什么是域名 域名,英文名为Domain Name,是互联网上用于识别和定位计算机的层次结构式的字符标识符,通过一系列的字符和点来表示,用于在数据传输时标识计算机的电子方位。简单来说,域名就是网站在互联网上的地址&am…

Django视图层探索:GET/POST请求处理、参数传递与响应方式详解

系列文章目录 Django入门全攻略:从零搭建你的第一个Web项目Django ORM入门指南:从概念到实践,掌握模型创建、迁移与视图操作Django ORM实战:模型字段与元选项配置,以及链式过滤与QF查询详解Django ORM深度游&#xff…

【源码】源码物品销售系统多种支付接口出售源码轻松赚钱

源码物品销售系统,多种支付接口,出售源码轻松赚钱。一款基于phpmysql开发的内容付费管理系统。系统支持多种收费方式,免签收款,三级分销,实名认证, 用户投稿/奖励,自动升级,佣金提现…

oracle如何查看同义词

在Oracle数据库中,查看同义词的方法主要有以下几种,这些方法可以通过查询不同的数据字典视图来实现: 使用ALL_SYNONYMS视图: 当你想要查看数据库中所有你有权限访问的同义词时,可以使用ALL_SYNONYMS视图。查询语句示例…

python中的循环控制语句break与continue

学习这两个语句之前,我们要先了解这两个语句是什么意思: break:中断、打破的意思。所以它的跳出循环的意思 continue:继续的意思,意思是跳过当前条件,继续循环 新需求来了!我们不仅要告诉 Py…

Spark SQL - 操作数据集

本教程将通过一个具体的案例来演示如何在Spark SQL中操作数据集。我们将从创建本地文件开始,然后上传到HDFS,并使用Spark Shell启动Spark程序。接下来,我们将加载数据为DataSet,并给DataSet添加元数据信息。最后,我们将…

ChineseChess.2024.06.03

ChineseChess.2024.06.03 中国象棋,我下得不是象棋,是娱乐,是想看看自己的程序。哈哈 看很多主播挂棋局,吹牛批,为了涨粉,挂着,蛮摆个残局 中国象棋残局模拟器ChineseChess.2024.06.03