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

请教下大家,前端光速入门有什么好的材料吗?

  •  
  •   mdjxyz · 7 天前 · 2650 次点击
    请教下大家,前端光速入门有什么好的材料吗?
    能快速干活,不需要面试那种。

    有什么前端框架比较能快速的实现多端的 app 。
    主要考虑: android ios 小程序 能不用单独开发。
    不用考虑: 实现的优不优雅,重不重。上手快就行。

    个人背景: 之前做过几年后端开发,最近几年在干运维。
    27 条回复    2024-11-26 17:09:14 +08:00
    lsy99
        1
    lsy99  
       7 天前
    Taro 或者 Uniapp (这种带小程序跨端的坑都挺多,个人觉得 Taro 坑算少的,但是没有 uniapp 出的时间长)。
    Taro 就选 react ,Uniapp 就选 vue 。先大概看一遍 https://zh.javascript.info/,然后 vue 或者 react 这俩直接按照官网上的 cookbook 走一圈就差不多了。
    songray
        2
    songray  
       7 天前 via iPhone
    看你最终的目标是什么,以各家互联网大厂的跨端应用为 100 分基准。
    60 分我推荐 react 生态,包括 react 面向 web ,react native 面向 mobile ,微软还做了 react native 跑在桌面端的移植,不过我更推荐 electron ,坑少。
    上手难度低的技术栈:react 、generouted-router 、antd 、ahooks 。

    如果你只是想做一个 20-50 分的小工具,我推荐 vue 生态,vue3 全家桶(为了上手快可以用 options 写法)以及 uniapp 。

    不推荐 react 和 vue 中的任何状态管理和原子化样式库(用 cursor 和 v0 另说)
    mdjxyz
        3
    mdjxyz  
    OP
       7 天前
    @lsy99 感谢感谢,我这边先简单的搜一下这两个框架。
    mdjxyz
        4
    mdjxyz  
    OP
       7 天前
    @songray 感谢感谢,我这边目前是想先干起来,毕竟开始时最难的,我想如果我真的能入门了一个前端相关的项目可能再入门一个其他的也会相对容易。看起来可能 vue+uniapp 更合适?
    songray
        5
    songray  
       7 天前 via iPhone
    @mdjxyz 是的,uniapp 是最容易的。
    TimPeake
        6
    TimPeake  
       7 天前
    我感觉对于后端来说,前端最难入的门槛是 css 。js/框架 那些根本不是事儿.....
    mdjxyz
        7
    mdjxyz  
    OP
       7 天前
    @TimPeake 那我先突击下 css
    guanzhangzhang
        8
    guanzhangzhang  
       7 天前
    @TimPeake 太对了哥,大致跟着 b 站看完了 css ,html ,react 。这几天用 react 写了个 websocket 客户端相关,页面样式和布局好丑
    TimPeake
        9
    TimPeake  
       7 天前
    @guanzhangzhang 我该喊你哥。。。我还在群里付费让你解决过 openwrt 的问题呢
    amlee
        10
    amlee  
       7 天前
    @guanzhangzhang 有几个前端能独立设计样式啊,都是用组件库,可千万别掉进 css 大坑里面去了。

    css 就学基础,选择器,布局
    mdjxyz
        11
    mdjxyz  
    OP
       7 天前
    @amlee 感觉你的话救了我一命
    dcsuibian
        12
    dcsuibian  
       7 天前   ❤️ 1
    第一,前端并不简单,不推荐光速入门,建议还是要系统地学一下。以我的经验来说,光速上手会伴随着极大的痛苦与极其丑陋的代码。很多很简单的事情你实现起来会很困难且复杂。

    第二,如果真的要快速入门,我推荐多用 ai ,不过 ai 也只能缓解这种痛苦,不能根除,因为有时候你甚至不知道怎么问,而且 ai 的回答你也不一定看得懂。

    第三,如果要推荐技术路线,我推荐 vue3+uniapp 。你提到了要做小程序,如果只是安卓和 iOS 的话,那 react native 还有优势,但小程序我觉得就没什么优势了。Taro 还在用 React 的类式组件,太落伍了。uniapp 的风评很差,但是用的人多。
    而且 Vue vs React 的话,我现在真心觉得 Vue3 更好,特别是在国内的环境下。(这俩我都系统地学过)

    第四,如果要学习路线推荐的话。我推荐先学一下基本的 html ,css 。然后立马开始学 js ,js 推荐阮一峰的,先 es5 ,再 es6 。然后就是学 Node (其实就是学 npm ,你知道 npm install 和语义化版本控制就行)。然后 Vue3 全家桶和 TypeScript 同步进行、学 Pinia 、Vue Router 。学一下 scss (其实你只要会嵌套语法就行)。至于 CSS 嘛,其中尤其重要的就是 flex 布局,其他的就靠你多积累了。
    Puteulanus
        13
    Puteulanus  
       7 天前   ❤️ 3
    https://blog.csdn.net/Mr_zzr/article/details/125800788
    这个的内容已经有点过时了,但我感觉依然是一本好书,能让你快速明白 react 和 vue 这种前端框架“在干嘛”

    我遇到过不少跨行学的朋友都是说急用,先学会怎么用再说,就去看框架的使用教程,然后看了就忘,可能花了更长的时间都算不上是学会了的。我觉得特别是在现在有 AI 辅助的情况下,掌握框架在干什么比掌握细枝末节的语法更重要一些
    utodea
        14
    utodea  
       7 天前   ❤️ 2
    可能会招人喷,但是作为后端给点建议。用 React 和 React Native 我都写过好几个 side project ,Taro 没用过。

    后端写前端要快速出活的话(这个前提很重要),直接上 React 系的就行,Vue 很多概念我个人的感受是并不符合直觉,特别是后端的直觉。用 React 你基本不需要记住什么东西,只有几个常用的 hook 需要记住。这样大部分时间就是在用 TypeScript 和 JSX 写业务逻辑。

    TypeScript 花个半天一天看看官方教程就行了,连原 JS 里各种糟粕都不需要去看(各种不符合直觉的东西能让你想自杀),遇到不确定的有疑问的再去看文档,像 ES 这种规范现在也就更不需要去看(看完更懵逼...各种设计上的缝缝补补或者不符合直觉)。

    HTML 还值得花半天去看一下,但是 CSS 这些我觉得没必要专门去花很多时间去学,花个半天了解基本的概念就行,CSS 你学一周和学一个月写出来的页面都是很丑的,直接用类似 react-bootstrap 这样的组件库就行。

    然后配上 Cursor 写小项目就很快......

    其他的等遇到瓶颈了,有闲了再去系统学习。
    zcmi
        15
    zcmi  
       7 天前
    想要上手快,Cursor 就完事
    PTLin
        16
    PTLin  
       7 天前
    为什么不考虑下 flutter 呢
    wwzz
        17
    wwzz  
       6 天前
    @PTLin flutter 正经前端入门都难,让后端入门有点难为他了
    zuosiruan
        18
    zuosiruan  
       6 天前 via iPhone
    @dcsuibian 你说不简单没用,现在高中 大专 中专都在卷前端,老板们甚至觉得前端就是切图仔
    lemoon
        19
    lemoon  
       6 天前
    有 AI 还要入门干嘛呢,建议合理使用
    mdjxyz
        20
    mdjxyz  
    OP
       6 天前
    @dcsuibian 不打算找工作,就糊点自己的小项目。感觉光速还比较刚需。uniapp 推荐度很高现在打算着重看一下。
    mdjxyz
        21
    mdjxyz  
    OP
       6 天前
    @utodea 谢谢老哥,js 竟然也可以不用看哇,我打算试试。Cursor 买起来。先。
    mdjxyz
        22
    mdjxyz  
    OP
       6 天前
    @lemoon 感觉可能还是需要知道有什么,不然可能连怎么问都不知道。或者怎么组织项目都不太清楚。
    PTLin
        23
    PTLin  
       6 天前
    @wwzz 这倒不至于。
    首先 dart 相对 js ts 对于学后端的比较好上手,虽然那套事件模型和 Future 和前端是一样的,只学过线程和常见后端协程模型的可能不是那么好理解。
    其次就是 widget 以及布局约束的概念非常符合直觉,不像是 HTML 和 CSS 那么松散。
    最后就是 flutter 不像前端有那么多东西,不用了解 vite 打包器,tsconfig ,格式化 config 各种各样的东西。
    hunterzhang86
        24
    hunterzhang86  
       6 天前 via iPhone
    照着官方文档学 nextjs ,知道大概是怎么个玩法后就可以通过 cursor 来自动生成了。
    rrZ2C
        25
    rrZ2C  
       5 天前
    @TimPeake #6 看 css 我真的头大... 感性逻辑
    zhmouV2
        26
    zhmouV2  
       5 天前
    @songray
    ```
    不推荐 react 和 vue 中的任何状态管理和原子化样式库(用 cursor 和 v0 另说)
    ```
    能详细说说么?
    henyi2211
        27
    henyi2211  
       4 天前
    angular 比较符合后端程序员的开发习惯,就是国内用的人少
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2353 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 01:56 · PVG 09:56 · LAX 17:56 · JFK 20:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.