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

怎么快速重新拾起前端?

  •  1
     
  •   ryuutanyou · 2020-09-01 14:55:02 +08:00 · 4686 次点击
    这是一个创建于 1539 天前的主题,其中的信息可能已经有所发展或是发生改变。

    以前的技术栈就是 html+css+js+jquery,现在想快速上手用 react,用 AntD 写一些界面,然后找了一些资料,发现看的有点蒙,各种框架,脚手架,不知道如何下手了。

    第 1 条附言  ·  2020-09-08 10:32:03 +08:00
    突然发现好多人收藏,按照建议 https://www.bilibili.com/video/BV1EE411B7SU 在 B 站看了这个保姆级视频已经开始入门了,不过 U1S1,个人还是喜欢读文章类的教程,视频这种看起来进度比较慢了。
    40 条回复    2020-09-02 10:48:54 +08:00
    whiteWind
        1
    whiteWind  
       2020-09-01 15:00:17 +08:00
    b 站上看下实战视频
    nnnToTnnn
        2
    nnnToTnnn  
       2020-09-01 15:00:18 +08:00
    如果是想快速上手,我推荐一下我的框架,保你快速上手。

    有两种方式

    1. 传统的 html 开发,引入 react 就可以了,不需要复杂的 webpack
    2. 使用 webpack 打包。

    要不我写篇教程把。 (*/ω\*)
    rain0002009
        3
    rain0002009  
       2020-09-01 15:00:53 +08:00
    vue 的 nuxt 它不香吗
    nnnToTnnn
        4
    nnnToTnnn  
       2020-09-01 15:01:28 +08:00   ❤️ 1
    https://rwpjs.vercel.app/ 直接引入这个库就可以了。

    https://github.com/jhoneybee/pro-template/tree/master/ui 看这个项目的 demo 就差不多了=。=
    monologue520
        5
    monologue520  
       2020-09-01 15:02:05 +08:00
    和你一样
    chenqh
        6
    chenqh  
       2020-09-01 15:04:42 +08:00
    还是用 jquery 把,jquery+bs 一把梭
    JCZ2MkKb5S8ZX9pq
        7
    JCZ2MkKb5S8ZX9pq  
       2020-09-01 15:04:58 +08:00
    差不多情况,不过中途写过小程序,上手看 vue 还可以。
    不过 route 管理还是比较新的部分,以前都不用管的。
    另外 npm 还没学,也想蹲个系统的教学看看。
    ryuutanyou
        8
    ryuutanyou  
    OP
       2020-09-01 15:07:32 +08:00
    @whiteWind 视频教程就是太费时间了,没有文章来的快
    murmur
        9
    murmur  
       2020-09-01 15:09:04 +08:00   ❤️ 2
    vue 好学,react 不太好学,vuex 好学,redux 不好学,而且简单的需求上 redux 给了我脱离裤子那啥的感觉
    ryuutanyou
        10
    ryuutanyou  
    OP
       2020-09-01 15:09:51 +08:00
    @chenqh 一些特定的组件并不满足,还需要手写,想找个方便点的
    gowk
        11
    gowk  
       2020-09-01 15:14:47 +08:00   ❤️ 3
    同样的情况,jquery 时代专注业务逻辑即可,没啥复杂的东西。现在的前端让人感觉无所适从,package.json 里面芜杂的库,一套一套的技术术语,把人拒之门外。现在后端想好好学习下现代的前端设施可真 TM 难,艹,还是安心写我的 Go 吧。
    shintendo
        12
    shintendo  
       2020-09-01 15:21:02 +08:00   ❤️ 4
    @gowk 正相反,现代前端框架解决的就是 jquery 不能专注业务逻辑的问题
    zhw2590582
        13
    zhw2590582  
       2020-09-01 15:22:25 +08:00
    切记不要学 redux
    ryuutanyou
        14
    ryuutanyou  
    OP
       2020-09-01 15:26:22 +08:00
    @rain0002009 看看先
    Vegetable
        15
    Vegetable  
       2020-09-01 15:28:32 +08:00
    这时候应该用 vue,antdv+vue 的渐进式风格,和 jquery 用起来比较像。否则就不是重拾,而是重学。
    ryuutanyou
        16
    ryuutanyou  
    OP
       2020-09-01 15:40:11 +08:00
    @Vegetable 其实 react 和 vue 官方教程我都看过,只是一写实际业务就无从下手了。

    如果有类似这个教程是最好的 https://helloflask.com/tutorial/,当初看这个教程入门 flask 很快
    abelmakihara
        17
    abelmakihara  
       2020-09-01 15:40:18 +08:00
    那当然是先用别人搭的框架比如 umijs 之类的
    熟了再挨个研究~
    Hanggi
        18
    Hanggi  
       2020-09-01 15:43:32 +08:00
    先把 React, Angular, Vue 全都用一遍,寻找适合自己的框架
    vone
        19
    vone  
       2020-09-01 15:44:38 +08:00   ❤️ 1
    别拾了,前端项目做着心疼硬盘。
    Chenamy2017
        20
    Chenamy2017  
       2020-09-01 16:16:41 +08:00
    建议上手 vue,我是 C/C++,入坑 vue 挺快的。直接项目搞起
    whiteWind
        21
    whiteWind  
       2020-09-01 16:18:12 +08:00
    @ryuutanyou 基础看一下就行,也就几个小时,我当初学 vue 就这么干的,文档看一遍觉得还是不知道怎么进行商业开发,就去 b 站看了下实战项目开发,就看了几个小时,然后就对着文档敲代码了,本来我是做后端的,对前端也不敏感,以前也是 jQuery 那一套,跟着文档看,完全不懂啥事 webpack,咋前端还要编译,完全懵逼,就去跟着看了几个小时视频,大致的了解差不多,就自己对着文档开干了
    ShinChven
        22
    ShinChven  
       2020-09-01 16:29:23 +08:00
    前端这个……日新月异,你拾取个啥呀?直接学新的。
    ryuutanyou
        23
    ryuutanyou  
    OP
       2020-09-01 16:42:11 +08:00
    @whiteWind 有 B 站连接么?
    azh7138m
        24
    azh7138m  
       2020-09-01 16:49:51 +08:00
    建议 umijs 一把梭


    @shintendo
    页面交互少,复用程度低的东西,用现代框架确实会很痛苦
    只有项目里面有足够的内容,有可抽象的东西时,才能感受到框架带来的提效
    zzzmh
        25
    zzzmh  
       2020-09-01 16:53:02 +08:00
    如果之前不会 react 或 vuecli 的话,那不叫重新拾起,那叫重新入门。。。。
    我自认为 H5C3JS JQUERY 玩的贼溜,到了 VUE CLI 这里,就完全懵逼,前学后忘

    快速入门就自己写点项目吧 慕课找个视频跟着学快一点
    Sapp
        26
    Sapp  
       2020-09-01 18:14:07 +08:00
    下载一个 vue cli,直接用它搭建一个 vue 平台,vue 和你以前的开发模式很像,通过 vue 熟悉了数据驱动的开发方式再用 react 。
    SergeGao
        27
    SergeGao  
       2020-09-01 19:26:53 +08:00
    用 vue 吧,UI 库 pc 端用 element,移动端用 vant
    liberty1900
        28
    liberty1900  
       2020-09-01 19:31:07 +08:00 via Android
    @azh7138m 然后 gzip 完 入口 js 文件就一兆多
    cmdOptionKana
        29
    cmdOptionKana  
       2020-09-01 19:37:25 +08:00
    自己做东西可以继续用 jquery 那一套,完全可用,至少不比以前差。

    要快速上手现代化前端,建议用 vue,vue 的生态简单一些,容易选择。
    crclz
        30
    crclz  
       2020-09-01 19:42:11 +08:00
    循序渐进:先 vue,再 react
    陡峭(但高效):angular -> react + vue
    leafre
        31
    leafre  
       2020-09-01 20:27:10 +08:00
    nodejs es6 vue webpack
    JerryCha
        32
    JerryCha  
       2020-09-01 20:40:24 +08:00
    装个 vue-cli,create 一个项目。看一看目录结构和关键字就懂写了。
    weakish
        33
    weakish  
       2020-09-01 22:06:20 +08:00
    jquery 还在维护中,简单的界面用 jquery 也挺好。
    mikan
        34
    mikan  
       2020-09-02 02:09:55 +08:00
    都在说找视频看,那么有推荐的视频吗
    KuroNekoFan
        35
    KuroNekoFan  
       2020-09-02 07:36:52 +08:00 via iPhone
    JavaScript 还是那个 JavaScript,css 还是那个 css
    arfaWong
        36
    arfaWong  
       2020-09-02 07:38:29 +08:00 via Android
    先把 node.js 捡起来
    pecopeco
        37
    pecopeco  
       2020-09-02 07:56:34 +08:00 via Android
    @gowk 等你学会开挖掘机,你才会知道用锄头挖地并不“专注”也没效率
    wozhizui
        38
    wozhizui  
       2020-09-02 08:41:51 +08:00
    告诉你个绝对有效的方案,前几天接了个前端的私活儿,1000 块钱画 18 个页面,用 vue 框架,肝了一周,让我捡起来两年多不怎么用的前端。
    前端嘛,就是熟练工种,没什么难的
    del1214
        39
    del1214  
       2020-09-02 09:22:09 +08:00
    写得好的农耕火织也能做出很好的东西,写不好的用上这些现代框架也是一坨屎
    icenine
        40
    icenine  
       2020-09-02 10:48:54 +08:00
    @pecopeco 很多时候也就是开块菜园子的项目,还是锄头好用
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3411 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 11:58 · PVG 19:58 · LAX 03:58 · JFK 06:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.