V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
flyFatSeal
V2EX  ›  程序员

4 年前端,不知道学什么了

  •  
  •   flyFatSeal · 322 天前 · 3653 次点击
    这是一个创建于 322 天前的主题,其中的信息可能已经有所发展或是发生改变。
    本身就是半路转行,2021 到 2022 年学了操作系统,把 xv6 的课程做完了。
    2022-2023 ,又半路去看了看编译原理,今天刚好把 crafting interpreters ,看完了,也做完作业了,正处于贤者时间。
    我学东西大多都凭兴趣去,杂七杂八的,惭愧的是,自己对本职工作反而不是很了解,react ts node 都是半知半解,前端现在好大好乱,完全摸不到头绪,工作中用的都是最简单的技术,好烦啊。
    各位有没有什么分享的,或者应该如何深入的学习前端。
    24 条回复    2023-05-15 13:48:57 +08:00
    fd9xr
        1
    fd9xr  
       322 天前 via iPhone   ❤️ 2
    我不知道你是从哪里开始算的四年前端……
    Finnn
        2
    Finnn  
       322 天前
    我觉得还是要有一定规模的项目的经验,才能知道大概的常用技术点, 更深入的我倾向阅读 /参与开源框架 /大项目
    wqq096737ink
        3
    wqq096737ink  
       322 天前   ❤️ 1
    我觉得别把技术看得太重,学一堆乱起八糟的东西并没有什么价值,除非你的目标是技术大牛,否则都是以产品为导向,可以多关注有哪些可以带来收入的小的产品,做做这个更有价值。
    ChefIsAwesome
        4
    ChefIsAwesome  
       322 天前
    学习写个轮播。
    potatowish
        5
    potatowish  
       322 天前 via iPhone   ❤️ 2
    听 3L 的,以赚钱为导向,学了一堆其实没什么用
    nijux
        6
    nijux  
       322 天前   ❤️ 2
    1.可以通过 https://roadmap.sh/frontend
    结合 ChatGPT 系统学习前端开发的每个知识点

    2.想想哪些项目赚钱,打开他们的网站,Chrome 安装 wappalyzer 插件,
    可以分析出所网站使用了哪些技术,然后针对性的学习这些技术就行。

    打个比方 分析下小红书首页 使用了如下技术

    JavaScript 框架
    - Vue.js

    杂项
    - Webpack 50% sure
    - LottieFiles
    - HTTP/3
    - Module Federation 50% sure

    Web 服务器
    - Nginx
    - OpenResty

    JavaScript 库
    - core-js 3.30.0

    反向代理
    - Kong 1.2.1
    - Nginx

    好奇 LottieFiles 是什么,bilibili 和 YouTube 搜下教程 学习一下
    lostberryzz
        7
    lostberryzz  
       322 天前
    你学的这些和前端工作离的太远了,只能算是业余爱好,要么转到后端 infra 岗,可能还有点用武之地。
    kongkx
        8
    kongkx  
       321 天前 via iPhone
    偏学习的话,把前端主流框架过一遍,把规范文档看一遍,看看不优缺点,看看概念,看看趋势。

    想赚钱的话,直接模仿、克隆、研究项目
    duke807
        9
    duke807  
       321 天前 via Android
    前端其实 vanilla-js.com 就够用,op 合适学 wasm ,学好不担心被优化
    huangqihong
        10
    huangqihong  
       321 天前
    @nijux 我也用这个插件,很好奇,它是怎么知道页面用了哪些技术,怎么分析的
    dayeye2006199
        11
    dayeye2006199  
       321 天前 via Android
    顶 wasm ,差异化走这个。
    几个金字塔尖的前端应用都是这个路子
    isno
        12
    isno  
       321 天前
    当然要升级学架构
    https://github.com/isno/theByteBook
    ZhuWenJian
        13
    ZhuWenJian  
       321 天前
    工作中研究:如何提高开发效率、降低 bug 率、提高性能。
    非工作研究:怎么搞副业赚钱。
    flyFatSeal
        14
    flyFatSeal  
    OP
       321 天前
    @fd9xr 哥,是我没说清楚,我 19 年初就正式开始工作了。
    @Finnn 哎,已经做了两年多的中台了,没有啥业务深度,全都是 umi 搭起来的,我的努力可能就只有尽量全部写 ts....
    @wqq096737ink 类似独立开发者视角吗,谢谢哥。
    @potatowish 嗯嗯,我也不聪明,对一些技术名称也厌倦了。
    @nijux 谢谢哥,一个新思路!
    @lostberryzz 信了别人的邪,要打牢基础 哈哈哈。
    @kongkx 之前有跟风学了一些 react 源码啥的,有点收获后面又放弃了....
    @duke807 哈哈哈 我还去搜了一下 vanilla-js ,wasm 老早就知道了,就是感觉应用场景没有怎么接触到,就没下决心去学习。
    @dayeye2006199 哥,有哪些具体的应用呢?
    @isno star 了 哥,就是感觉离我好远好陌生.....
    shanyuhai123
        15
    shanyuhai123  
       321 天前
    在两年前我也存在这个困惑,已经熟练常规业务的画页面了,由于更倾向于实操,折腾了一堆后端和运维相关的东西,在我的笔记 https://docs.shanyuhai.top 可以看到啥都浅尝了一下。
    现在在折腾类似于图编辑器引擎的东西,参考 https://github.com/antvis/X6 ,感觉学到了很多也不乱折腾其他的了,你看了操作系统和编译原理再折腾类似引擎的东西比我有很大优势。
    SmiteChow
        16
    SmiteChow  
       321 天前
    前端能有什么技术,撒把米的事:dog:

    要想深入选一个技术栈,业务导向,不断重构
    Kobayashi
        17
    Kobayashi  
       321 天前
    看个毛线的操作系统和编译原理,翻翻 React ,Vue 源码不香吗?你是用烤箱烤面包的,多研究研究烤箱,研究交流电、直流电原理没有用。
    dayeye2006199
        18
    dayeye2006199  
       321 天前 via Android
    @flyFatSeal 典型的应用 figma

    前端框架 Blazor

    机器学习 Tensoflow.js
    zhuzhibin
        19
    zhuzhibin  
       321 天前 via iPhone
    什么都摸一下?什么都不精。
    sakae010
        20
    sakae010  
       321 天前
    转图形学
    Coding1For
        21
    Coding1For  
       321 天前
    感觉你这路线,像听信了知乎上面的鸡汤学习路线
    winglight2016
        22
    winglight2016  
       320 天前
    不知道学啥,就学学英语吧,至少能少打一些 typo 。以后可以多看英文教程,没有中间商赚差价🐶
    flyFatSeal
        23
    flyFatSeal  
    OP
       319 天前
    @zhuzhibin 现在就是这个情况 就很尴尬

    @sakae010 老哥现在在做这方面的工作吗 感觉咋样
    @Coding1For 哈哈哈,你的嗅觉太敏锐了,咋说喃还是有用就是没那么明显

    @winglight2016 一直又在学英语的
    nijux
        24
    nijux  
       318 天前
    @huangqihon 我也不清楚,搜一下看到了,这篇文章 https://www.wappalyzer.com/articles/how-to-hide-technologies-from-wappalyzer/
    然后读到了 “Wappalyzer 是开源的,它的指纹库是公开可见的”
    找到了 github

    https://github.com/wappalyzer/wappalyzer

    https://github.com/wappalyzer/wappalyzer/tree/master/src

    然后读代码不懂的问 ChatGPT 就行了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1198 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:12 · PVG 02:12 · LAX 11:12 · JFK 14:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.