V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
opengps
V2EX  ›  前端开发

后端如何学前端?不求精,求快就行

  •  
  •   opengps · 124 天前 · 5704 次点击
    这是一个创建于 124 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近需要接触一些前端的代码,无奈一直写后端,受不了 js 的各种奇葩问题、另类语法、各种封装。。。。

    第 1 条附言  ·  121 天前
    我勒个去,两天没用工具打开 v 站,这么多回复,感谢大家回复,一会我逐条学习下
    75 条回复    2021-07-30 07:40:25 +08:00
    erenming
        1
    erenming   124 天前 via iPhone
    同求
    jiyinyiyong
        2
    jiyinyiyong   124 天前
    我看聊天时候听到的是说后端直接找个牛逼的全家桶的框架然后直接学框架, 然后框架连 JavaScript 的语法都封装掉.... 然后就不用碰 React 那些奇奇怪怪的设计了.

    问下楼主后端的, 学的哪些语言?
    learningman
        3
    learningman   124 天前
    前端是吧,直接 vue
    js 都不会都能写 vue
    TypeError
        4
    TypeError   124 天前
    JS 框架加上 UI 框架?
    falcon05
        5
    falcon05   124 天前 via iPhone
    我以前也很排斥,但发现用上 es6 之后,js 写得还挺爽的…
    harde
        6
    harde   124 天前
    技术发展到今天,前端的碎片化比后端严重得多,你得告诉大家你想学哪方面的?
    Kaciras
        7
    Kaciras   124 天前   ❤️ 1
    JS 尽量用新特性,能避免大部分坑
    kiracyan
        8
    kiracyan   124 天前
    直接上手做
    limbo0
        9
    limbo0   124 天前
    ant design pro 上手比较快, 建议试试
    letking
        10
    letking   124 天前   ❤️ 8
    别狭隘地把自己局限于前端、后端或某种语言。
    面对新东西,把自己当成初学者踏踏实实地学,你就能学会,还能发现它设计的精妙之处,而不是只看到缺点。
    ysicing
        11
    ysicing   124 天前
    直接上手
    johnsona
        12
    johnsona   124 天前 via iPhone
    vue
    ericgui
        13
    ericgui   124 天前
    写 react 吧,概念简单,语法就是一个类似 html 或者 xml 的结构,你如果熟悉 xml 和 html,应该很快的,尤其是 xml
    SingeeKing
        14
    SingeeKing   124 天前 via iPhone
    我的解决方案是 Web Assembly,但是坑也一堆,今天看阿里好像出了个只用写 JSON 的前端低代码平台可以试试
    hddcpu
        15
    hddcpu   124 天前 via Android
    等 blazor wasm 中
    g079708
        16
    g079708   124 天前 via iPhone
    @SingeeKing 阿里这个叫啥名字
    dayeye2006199
        17
    dayeye2006199   124 天前
    简单的需求,用后端框架+模板引擎 也差不多基本搞定了。
    稍微再复杂点,上点原生 JS 也差不多能搞定了。
    别想着天天写 SPA 上前端框架了。

    实在不想写 JS,激进点 - scala.js, clojurescript, ...
    beginor
        18
    beginor   124 天前 via Android
    angular,全家桶就是香。
    musi
        19
    musi   124 天前
    上 Vue,按照 Vue 的模板写,不会有太大的心智负担。
    一些冷门语法只能去 mdn 上查了
    奇葩封装没有文档的话无解,只能去看源码
    kensoz
        20
    kensoz   123 天前
    wordpress,各种模板不香嘛
    Eyon
        21
    Eyon   123 天前
    我的答案是:

    直接用 Vue 做一个项目,整个项目的那种
    darknoll
        22
    darknoll   123 天前 via Android
    后端都会了,前端还不是分分钟的事
    murmur
        23
    murmur   123 天前
    es6 可以不用,有些开发就是每个函数之前都 var self = this 。然后各种 self,也挺好

    不要拘泥于语法糖,能用库就库,比如闭包这些东西,不是有 bind 了么
    silencil
        24
    silencil   123 天前 via iPhone
    我是看了 js 红宝书,然后根据需求直接搜解决方法,跟着写,现在基本用 vue 写前端大部分时候不需要搜索了,除了样式。
    silencil
        25
    silencil   123 天前 via iPhone
    如果不想学前端,推荐一个谷歌出品的框架,vaddin 。哈哈,谁用谁知道
    maobukui
        26
    maobukui   123 天前
    和楼主类似,花了些时间学了下 ios,做了个天气 app,学了下 react,做了个小图床

    图床: https://img.mengma021.com
    iamv2er
        27
    iamv2er   123 天前 via iPhone
    vue 找个视频直接写 很快
    xd199153
        28
    xd199153   123 天前   ❤️ 1
    @letking 比较同意。
    我觉得后端们学习一个新的领域要摆正心态,

    “前端这么简单,我应该看两眼就学会了嘛。这个写的这么 low,肯定是前端全都这么写” 这种心态不要有。

    你觉得是奇葩的写法那就去找更优的写法,又不是没有。
    xd199153
        29
    xd199153   123 天前
    @darknoll 忘记加狗头了
    Maboroshii
        30
    Maboroshii   123 天前
    js 感觉和后端差不多 ,if else for 循环就能搞定大部分需求了吧... 麻烦的是布局
    wellsc
        31
    wellsc   123 天前
    @harde 求数据出处
    Yrobot
        32
    Yrobot   123 天前 via Android
    前端又不仅仅是 js,还有 css 。想要快的实现,还是上框架得了,antd pro 啥的,自己往里加点简单业务逻辑就能用了。
    oppoic
        33
    oppoic   123 天前
    5 年以上的码农,谁还不会点 jQuery 啊
    exploreexe
        34
    exploreexe   123 天前
    难道只有我一个人觉得学前端最难的是 CSS 吗
    janxin
        35
    janxin   123 天前 via iPhone
    jquery 一把梭
    bsulike
        36
    bsulike   123 天前
    低代码的话,也可以看下百度开源的 amis
    PHPJit
        37
    PHPJit   123 天前
    @exploreexe #34 +1
    x66
        38
    x66   123 天前
    上低代码框架,推荐 amis
    murmur
        39
    murmur   123 天前
    @exploreexe css 不会是模块和布局拆解不熟练,flex 布局+不需要 ie 可以解决以前老前端 80%的工作量

    最早的前端圆角都得自己贴图,现在 css 全搞定
    samin
        40
    samin   123 天前
    @harde 我愿称之为组件化、模块化 (目的,让这位后端小伙伴打消念头)
    sudoy
        41
    sudoy   123 天前
    我一直觉得 vue 好奇怪,明明是一个 js 框架,并且官方文档也写了 “官方指南假设你已了解关于 HTML 、CSS 和 JavaScript 的中级知识...”,可是学完 js 去学 vue 各种不习惯
    luozejian
        42
    luozejian   123 天前
    从 Angular 入手?
    murmur
        43
    murmur   123 天前
    @sudoy vue 只是把 html css js 分三段放在一个文件里,css 单独拿出来 include 也可以,有什么不习惯

    都是模板引擎过来的人,还是太嫩
    simo
        44
    simo   123 天前
    看大家推荐吧,我只是来吐槽前端的。
    搞过各种语言项目,在我学过的这些语言范围内,前端绝对是自己卷自己最猛的。虽然浏览器说不要你了,轰死一片,但杀伤力完全不如自己玩自己来得狠。
    在前端这片松散、自由、是个人都能生存的土壤上,刷 kpi 出来的东西就像比蟑螂还要多。
    piping
        45
    piping   123 天前
    quasar 框架(基于 vue js), 强力推荐!!你想做的基本官网文档都能找到,大部分功能写一些 html 就能实现了,无论是做 SPA,Mobile Web, PWA, SSR 都很方便
    wangyzj
        46
    wangyzj   123 天前
    vue
    Frytea
        47
    Frytea   123 天前
    框架三千,只取一瓢饮
    inhal
        48
    inhal   123 天前
    学 Svelte
    zhaol
        49
    zhaol   123 天前
    接触过模版引擎的后端直接来 vue,上手应该很快,ui 框架 antd for vue 或者 elementUI
    micean
        50
    micean   123 天前
    当然是直接上 jquery 啦,写起来快,改起来快,查起来也快
    charexcalibur
        51
    charexcalibur   123 天前
    搞 vue admin,antd pro,把后端接口可视化配置,基本上就差不多了
    shintendo
        52
    shintendo   123 天前
    楼上全是推荐这框架那框架的,楼主是要接触一些前端代码,当然代码用的什么框架就学什么框架
    zxCoder
        53
    zxCoder   123 天前
    写 vue 吧,概念简单,语法就是一个类似 html 或者 xml 的结构,你如果熟悉 xml 和 html,应该很快的,尤其是 xml
    thtznet
        54
    thtznet   123 天前
    后端要写前端?太好了,C#一把梭适合你。
    abcbuzhiming
        55
    abcbuzhiming   123 天前
    js 有啥难度?直接堆代码就行,发现不对再去搜特性就好。前端的天坑是 CSS 好吧,这玩意,真前端都没几个真的搞的很明白的
    nexo
        56
    nexo   123 天前
    同问 前端怎么快速学后端
    zoharSoul
        57
    zoharSoul   123 天前
    建议踏踏实实的学, 这样最省时间
    libook
        58
    libook   123 天前   ❤️ 4
    JS 的问题其实不是奇葩,而是一方面自己不理解 JS 的一些基本原理,另一方面是 JS 是极其灵活的一门语言,特别是语法和类型上,语言不负责对开发人员的代码质量进行约束,对开发人员的水平要求很高。这个是类似于 C/C++的,不能说看不懂调不通就是语言本身的问题,比如也有人说 Java 的注解是奇葩语法,C/C++/Rust 的宏是奇葩语法,C#的委托是奇葩语法,Go 的异常处理是奇葩语法,但这些其实都是先入为主的问题。

    后端知识比较成体系以及环环相扣,而前端知识非常分散,而且例外情况很多,这其实是与各技术栈受环境因素的影响程度来决定的,比如后端程序会跑在统一可控的环境中,前端程序会跑在不统一、不可控的环境中,所以造成了这种差异。

    所以要学习前端技术,难以有速成方法,需要见多识广。

    简单给几条学习建议 ,MDN 上关于 Web 基本原理、JS 、CSS 、HTML 、BOM 、DOM 的文档都看一遍,然后就是去看 vue 、react 、angular 等框架极其相关思想的文档。
    kingme
        59
    kingme   123 天前
    精通的前端,从业 7 年,就没见过几个
    caoyouming
        60
    caoyouming   123 天前
    vuetify 一个框架就够了
    breezeFP
        61
    breezeFP   123 天前   ❤️ 3
    百度的 amis,基本不需要写前端
    BQsummer
        62
    BQsummer   123 天前
    我最近也是因为前端资源不够,帮忙改前端的,以前会点 jquery,react 、vue 完全不会。发现基本改不动,推荐 https://fullstackopen.com/ 这个网站(这个网站也是在 v 站搜出来的),学完虽然还是有地方改不动(组件继承、嵌套,一个模态框嵌套了 4 层,完全不知道 props 里的一个参数是从哪传过来的),但是现在能看懂,稍微简单的页面能改了。
    konakona
        63
    konakona   123 天前
    你别看 js 了,直接看 ts 吧,然后看下 ES5-ES11 新增的几个特性,目前一些新的框架一般都已经支持 ES11 了,老项目( 3-5 年之前)也一般有 ES5/6 的支持度。

    js 那德行我也不太行,直接跳过 jquery 时代吧!
    zone10
        64
    zone10   123 天前
    说真的,js 还好, 用 es6 没那么恶心,css 才难倒你,需要记的东西太多了,都是经验,我觉得学个那种原子化的 ui 框架好一点,几乎 0 css
    justfun
        65
    justfun   123 天前
    @breezeFP 看了下文档 真的简单到哭😭
    ospider
        66
    ospider   123 天前
    TypeScript + React + tailwind 一把梭,相当好使。尤其要提下 tailwind,直接把我从 CSS 中解放出来了呀,不然我一个后端对 CSS 真是感觉按下葫芦起了瓢
    hedwi
        67
    hedwi   123 天前
    angular 一把梭
    JustRuning
        68
    JustRuning   123 天前
    早 hxAngular typescript 风格标准,再找个
    enchilada2020
        69
    enchilada2020   123 天前 via Android
    @murmur 请教一下怎样练习布局拆解 尤其是要考虑自适应的那种
    initd
        70
    initd   123 天前
    mdn 文档
    mdn.moz.one

    html 元素
    he.moz.one
    html 元素示例
    he.fib.one

    sololearn css js 课程
    solo.moz.one

    tailwind css
    tcss.moz.one

    vue3 CN
    v3c.moz.one

    Typescript
    mlts.moz.one

    vitejs
    vite.moz.one

    nuxtjs
    nuxt.moz.one
    murmur
        71
    murmur   122 天前   ❤️ 1
    @enchilada2020 自适应有毒,除非你的页面经过特别的设计,比如苹果网站一张图一段字

    其余的时候最好做 2 套页面,不要考虑什么自适应
    murmur
        72
    murmur   122 天前   ❤️ 1
    @enchilada2020 说的有点草了,自适应可以做,但是前提
    1 、自适应的规律必须明确的可以让需求用语言描述出来,比如哪个部位 4 列变 5 列,什么地方拉长,什么地方填充,不要让开发自己脑补
    2 、自适应后的效果必须至少你们自己能接受,尤其是简单的拉长、放大,你们自己都觉得丑怎么拿给用户看
    3 、必须能接受自适应带来的代价,为了适应各种屏幕宽度,还得保证清晰度,放到 pc 上现在至少要做 1920 的宽度,你们的美工干不

    综合几点,你就发现,在 pc 上,两边留白居中显示,也就是放弃挣扎是最简单的,手机上当然类似,放弃横屏简单缩放

    至于手机 pc 自适应,就是我刚才说的,除非你的布局非常简单,否则建议放弃,直接做两套

    如果还是不懂,你就打开手机淘宝和 pc 淘宝,去比较,仔细想,这俩玩意能通过做自适应无缝切换么??
    murmur
        73
    murmur   122 天前   ❤️ 1
    @enchilada2020 我还是拿淘宝举例,你可以在 pc 上拖动他的页面,他是有最小宽度的,浏览器小于这个宽度就放弃挣扎了,从大到小,你可以发现他

    1 、推荐商品少了一列
    2 、少了一栏广告位
    3 、上面的链接因为放不下也少了几个

    1 很好理解,加长就可以了,少一列不影响内容数量
    2 就很严重了,首页的顶栏广告位直接少了一个,这就是曝光率和钱的问题,不是说做就能做的,这个就得让需求去排版了
    ChrisV5
        74
    ChrisV5   122 天前
    直接 react + bootstrap
    bluehammer2019
        75
    bluehammer2019   121 天前 via iPhone
    没人用 layui ?
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1033 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 23:19 · PVG 07:19 · LAX 15:19 · JFK 18:19
    ♥ Do have faith in what you're doing.