求教前端大佬,后端如何快速上手前端? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
herojaxy
V2EX    前端开发

求教前端大佬,后端如何快速上手前端?

  •  
  •   herojaxy 2021-05-12 16:49:51 +08:00 2044 次点击
    这是一个创建于 1691 天前的主题,其中的信息可能已经有所发展或是发生改变。

    事情是这样滴,楼主本身是后端,现在工作需要,要负责搞一个前端项目,在以前前后端没分家之前做过前端,html 、css 、js 都懂,但是自从前端工程化后就再没做过前端项目。

    项目需求就是 PC WEB 单页面应用,如果可能,会适配移动端网页,没有移动端 app 没有小程序,目前我正在准备阶段,下个月开干

    有没有前端的朋友来建议一下,已我目前的技术背景如何快速上手现代化前端项目,该了解哪些概念,哪些技术栈,能否给一个路线图。

    PS:并非是转前端,只求快速上手项目

    12 条回复    2021-05-12 20:59:01 +08:00
    murmur
        1
    murmur  
       2021-05-12 16:52:25 +08:00
    前端任何经验都没有么,比如 jquery 的使用经验有么,js 、css 、html 基本语法有么
    murmur
        2
    murmur  
       2021-05-12 16:54:45 +08:00   1
    我断句断错了,虽然我不知道你怎么上手,但是我看到一个坑,“会适配移动端网页”,这个需要设计稿的,主要内容区域一定得是块状流布局,比如图-文字-图-文字,可以有简单的导航顶栏、侧栏,移动端隐藏或者收起来也行

    如果是淘宝级别的 pc 转移动需要重做设计稿,两套页面,做响应式坑死你

    没有需求,没法给建议,建议给个参考,比如说我的项目大概和 xxx 差不多难度
    herojaxy
        3
    herojaxy  
    OP
       2021-05-12 16:54:56 +08:00
    @murmur 这个经验当然有,以前独立负责过 php 前后端项目,但自从前端工程化后就回去干后端了
    murmur
        4
    murmur  
       2021-05-12 16:58:16 +08:00
    还有,单页面应用不是灵丹妙药,以后坑多的是,比如 seo,而且就现在 spa 除了提升简历美观并没带来什么好处,你的 bundle 比 jq 年代大了几 10 圈,体验都是 chrome 浏览器和宽带网带来的优化,吹锤子吹

    而且你的单页面应用是什么,是真的要做一个手机淘宝这样的 app,或者是墨刀这种本来就是应该做 app 的,还是虽然是 spa,但是像京东淘宝可以大页面切换的那种?
    jarl
        5
    jarl  
       2021-05-12 17:03:09 +08:00
    b 站看两天 vue 项目视频就 ok 了
    ch2
        6
    ch2  
       2021-05-12 17:39:18 +08:00
    “项目需求就是 PC WEB 单页面应用,如果可能,会适配移动端网页”
    不懂前端会被坑死的,如果你一开始就没有考虑到要适配手机,一个已经写好的桌面项目是很难改造的
    尤其是你一点 UI 设计的基础都没有的情况下
    herojaxy
        7
    herojaxy  
    OP
       2021-05-12 17:48:16 +08:00
    @murmur
    @ch2

    是一个 2b 项目,移动端网页的适配其实是有最好,没有也不是不可以。
    以前我用 bootstrap 搞过简单的移动端适配,要求不是特别精细和苛刻的话,感觉不是很麻烦
    现在移动端网页适配是咋搞的?
    yeqizhang
        8
    yeqizhang  
       2021-05-12 18:08:19 +08:00 via Android
    给你加钱了吗?没有建议让领导招个前端
    ch2
        9
    ch2  
       2021-05-12 18:31:00 +08:00
    @herojaxy #7 现在的前端做界面得挑专门为目标平台设计的组件库,分为三种:PC 、移动以及自适应。你也可以不用别人的组件库,但是那样你很难搞的出来像样的产品,开发效率还很低
    PC 的组件库在手机上显示就是很小没法操作,移动的组件库在 PC 上就是放大的竖屏手机
    自适应的组件用起来需要你一套代码能够兼顾到横屏跟竖屏两种不同的场景,没有经验很难写得出来
    stroh
        10
    stroh  
       2021-05-12 18:36:15 +08:00
    先学学基础知识吧

    浏览器环境(ie8~ie10 chrome 、firefox 、safari 、腾讯旗下浏览器、uc 等等)、http 协议、html 、css(css3 动画)、js(es5~es11)、编译器、发布部署、框架类库(react/vue/angularJS)、模块管理(webpack 、amd 、umd)、UI 框架(bootstarp/antd)、websocket 、跨域、canvas(绘制)、异步、less/sass 、wap(react native)、redux 、基础库(jquery 、zepto)、promise 、包管理(npm 、yarn)、中间语言(typescript 、jsx 、coffeescript)、安全(xss 、cors)
    66beta
        11
    66beta  
       2021-05-12 18:46:17 +08:00
    如果不要设计,随便撸一个的话,vuejs + 随便一个 UI 库就行了
    如果是对外的,有设计的,还是算了,招个人吧
    c6h6benzene
        12
    c6h6benzene  
       2021-05-12 20:59:01 +08:00 via iPhone
    对内 bootstrap+jquery 还能战。想追新上 react/vue/angular 也不难上手。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3754 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 05:12 PVG 13:12 LAX 21:12 JFK 00:12
    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