后端开发,会写简单的后台管理页面(基于 element 框架),想整体学习下前端,学过基础的 html+css 相关,但是整体没有一个大的前端学习方向,有没有前端大神给个走向。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
Renco
V2EX    程序员

后端开发,会写简单的后台管理页面(基于 element 框架),想整体习下前端,学过基础的 html+css 相关,但是整体没有一个大的前端学习方向,有没有前端大神给个走向。

  •  
  •   Renco 2021-05-17 11:43:53 +08:00 3533 次点击
    这是一个创建于 1698 天前的主题,其中的信息可能已经有所发展或是发生改变。

    工作需求做过基础的页面开发。但是都是基于别人搭建好的框架,然后在中间写单独的 view 页面。( copy 大法好),对前端挺感兴趣的,于是想着把前端技能也掌握。

    顺便问一下 前端可以自己搭建一个属于自己的组件库嘛,类似 element 、vuetify 这种的 UI 组件。在使用别人的框架的时候,有些确实不是自己喜欢的样式。想自己设计一套供自己使用。前端开发有做类似这样的操作么。

    17 条回复    2021-05-18 18:34:10 +08:00
    thtznet
        1
    thtznet  
       2021-05-17 11:46:08 +08:00   1
    用 quasar, 你不需要会 css,一样写。
    monetto
        2
    monetto  
       2021-05-17 12:29:46 +08:00   1
    非前端大神就不答了...

    基于兴趣还好。但是个人感觉,不要分散太多精力。成年人的精力感觉极其有限,后端要学的东西太多了。并发编程,数据库引擎,各种中间件 Redis Kafka ES...

    不过要是碰了前端,发现自己热爱的是前端,最后能成为前端大神,也不错。祝好~ :)
    120qwer
        3
    120qwer  
       2021-05-17 12:39:40 +08:00
    差不多的情况,我也想让各位大神们指条明路,哈哈
    shakukansp
        4
    shakukansp  
       2021-05-17 12:39:57 +08:00
    先照着 alement 的 api 把它的组件实现一遍
    x940727
        5
    x940727  
       2021-05-17 14:47:06 +08:00   1
    @monetto 无论后端写的再好,始终也是要展示出来的,GUI 是任何写代码的都没办法避开的问题……
    3dwelcome
        6
    3dwelcome  
       2021-05-17 14:56:14 +08:00   1
    个人推荐学前端学习 tailwindcss,把 CSS 整个都抽象化过一次,相当好用。
    现在 CSS 基本没有 float 定位什么的,都是无脑 flex,比起以前,好学太多。
    csdoker
        7
    csdoker  
       2021-05-17 15:14:22 +08:00   2
    1 、第一阶段:基础
    先把 HTML5 、CSS3 过一遍,推荐直接看 MSDN,大概半个月左右就能把常用特性看的差不多了
    然后开始看 Javascript,这个是重中之重,先把基础特性看完,再看 ES6 的新特性
    推荐几个在线教程:
    https://wangdoc.com/html/
    https://wangdoc.com/Javascript/
    https://es6.ruanyifeng.com/

    JS 书只推荐看《 Javascript 高级程序设计》 前端必看书

    2 、第二阶段:框架
    先学 Vue,再学 React
    基础学扎实后,再学框架,看看文档差不多就能上手,然后再去 github 找一些 star 比较多的项目看看,基本就能开始搬砖了

    3 、第三阶段:进阶

    框架上手后,JS 这条线还需要继续往下,这个时候可以开始学 TypeScript 了,算是 JS 威力加强版
    然后还需要开始学 Node,可以让你对项目的整体架构和构建有比较好的认识,同时需要学习 Webpack 、Vite 这类打包工具的配置
    到这个时候基本就可以开始写自己的小项目了,可以是一些模仿 xxx 的项目,也可以是自己的组件库,小轮子之类的
    (比如我就自己用原生 Javascript 造了一些轮子: https://github.com/csdoker/tiny-wheels

    4 、高级

    前端后期的方向特别多,可视化、IM 类应用、在线协作类应用,富文本编辑,都是难点技术,可以自行选择感兴趣的方向专研下去,如果你头发还够的话(狗头
    Renco
        8
    Renco  
    OP
       2021-05-17 15:23:02 +08:00
    @csdoker 谢谢!
    chogath
        10
    chogath  
       2021-05-17 15:38:37 +08:00   1
    找个前端女朋友,你们俩双剑合璧,干柴...哦不对,干将莫邪。
    angmieee
        11
    angmieee  
       2021-05-17 15:59:27 +08:00
    你首先得先用一段时间别人的组件库,样式不喜欢是可以改组件样式的,然后会发现有些现成的组件怎么改也满足不了当前业务。。。于是咔咔咔自己整了一个自定义组件,当这种组件积累了足够多,你就可以搞自己的 UI 组件库了。一上来就整。。。
    monetto
        12
    monetto  
       2021-05-17 17:06:51 +08:00
    @x940727 公司里一般都会分的很细的呀...一般不会要求后端去写前端代码的。除非是耦合度比较高的老系统,jQuery 那种。偶尔也会有小需求去改 Vue.js 的前端,不过都是一些特别小的需求,能实现就行...

    哈哈,反正个人感觉,后端想要精进的话,专精很重要。
    x940727
        13
    x940727  
       2021-05-17 17:55:15 +08:00
    @monetto 框架层面上就不要谈后端专精了吧…现在大部分后端框架原理,代码流程背的那叫一个熟练,写个 LeetCode Easy 都写不出来,而且不谈刷题,分布式系统的算法大部分后端也不清楚,还有计算机里面的编码啥的,一问就是懵逼。还有网络协议,Netty 问就是用过,干过啥就是 Demo,然后写自己熟练掌握网络协议……还有编译原理,计算机组成,程序间交互。这些才是精华啊……
    monetto
        14
    monetto  
       2021-05-17 18:10:13 +08:00
    @x940727 哈哈,我也没说框架啊。我说的是,深入理解后端中间件的原理。Redis 深度历险,高性能 MySQL,这种比较专精的书~ 不是框架
    monetto
        15
    monetto  
       2021-05-17 18:13:00 +08:00
    @x940727 因为之前有学习过 Java 的 Klass 对象,Kafka 的集群可靠性原理之类的,就觉得后端其实要学的东西特别多。所以才推荐题主不要啥都尝试。共勉吧~
    Messiahhh
        16
    Messiahhh  
       2021-05-18 02:20:16 +08:00
    zkqiang
        17
    zkqiang  
       2021-05-18 18:34:10 +08:00
    建议自己写一个前端项目,尽量用原生写,不依赖 Vue React 这种框架,你会提高很快
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     910 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    /div> VERSION: 3.9.8.5 29ms UTC 20:34 PVG 04:34 LAX 12:34 JFK 15:34
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86