前端如何从 0~1,我只会从 1~n... - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
wohefengyiyang
V2EX    程序员

前端如何从 0~1,我只会从 1~n...

  •  
  •   wohefengyiyang 2023-12-14 04:00:53 +08:00 5928 次点击
    这是一个创建于 666 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我自己主要是从事后端开发的,平时写自己项目的时候,前端都是直接用的 vue 的一些开源项目,然后对原项目进行大幅度的修改,这也就是说我知道怎么从 1 ~ n.但是我没有系统的学过前端的一些知识,比如说如何从 ui->前端页面之类基础的知识,在网上搜了一下也没搜到快速从 0->1 的教程。然后这两天刚好又在 upwork 上谈了一个长期的合作,,,是全栈开发,但是可能会偏前端一些,所以,有没有什么好用的教程能快速入门的(最好是 vue 从 0->1 )
    38 条回复    2023-12-15 00:52:16 +08:00
    windliang
        1
    windliang  
    PRO
       2023-12-14 08:20:31 +08:00
    不是 Vue ,但能快速补全一些前端的相关概念,https://mp.weixin.qq.com/s/0X8l9VeEp0VizlUTSgVmqg
    murmur
        2
    murmur  
       2023-12-14 08:23:50 +08:00
    需要啥学啥就可以,前端尤其是 JS 部分,属于用 40%精华,但是面试要面试 60%的糟粕。就从 ES6 看就行,闭包咖喱话这些面试考点什么乱七八糟都不用管,你用 ES6 语法遇不到那些坑

    html 国外的话对语义化和残障辅助这些会比较注意

    css3 之后不考虑 IE 兼容性没难度,需要了现查都来得及
    ZZ74
        3
    ZZ74  
       2023-12-14 08:36:38 +08:00
    我也好奇。比如
    根据 UI 图排版,他们说设计 UI 会产生 css 搬运就行
    元素高度都是写 xx 像素 还是按比例?
    现在做前端是 pc 和移动各一套,还是框架自动适配呢?
    .....
    好多问题。。。
    murmur
        4
    murmur  
       2023-12-14 08:39:10 +08:00
    @ZZ74 不适配,也就给程序员用的工具类和文档类网站可以适配,其余的都是做两套
    Quarter
        5
    Quarter  
       2023-12-14 08:40:27 +08:00 via Android
    @ZZ74 复杂一些的业务还是推荐各一台,UI 、交互逻辑、显示模式、布局都不一样,强行写在一套里面感觉也没啥好处,还得做一堆判断,还不如各过各的,干净利索
    mingring
        6
    mingring  
       2023-12-14 08:40:29 +08:00
    @ZZ74 《深入解析 css 》可以解答你这些疑问。
    crazyTanuki
        7
    crazyTanuki  
       2023-12-14 08:57:46 +08:00
    @ZZ74 用 ui 框架的栅格功能就好了
    davin
        8
    davin  
       2023-12-14 09:11:12 +08:00
    WCAG, A11Y, i18n, Microdata 这些能玩好已经超越绝大部分前端了,无脑 div/span 嵌套,还是低了一层。
    好的 HTML 和 CSS 结合代码,看起来就像诗歌一样;反之,就像是一坨
    ZZ74
        9
    ZZ74  
       2023-12-14 09:13:24 +08:00
    @crazyTanuki 对前端一无所知 给点具体的提示或者样例网址么?
    KMpAn8Obw1QhPoEP
        10
    KMpAn8Obw1QhPoEP  
       2023-12-14 09:14:31 +08:00 via Android
    @davin 忙着堆业务呢谁管你那些 费好大力气写好的 UI 还不是撑不到三个月又全改掉了 不七扭八歪动不动溢出就不错了哈哈
    crazyTanuki
        11
    crazyTanuki  
       2023-12-14 09:18:38 +08:00
    @ZZ74 https://www.antdv.com/components/grid-cn 随便找了个 ui 框架,你看看咯,很简单的
    LavaC
        12
    LavaC  
       2023-12-14 09:19:51 +08:00
    都会用 UI 库写业务了估摸着补齐点 html 语义化和 css 的布局、效果就行
    crazyTanuki
        13
    crazyTanuki  
       2023-12-14 09:20:03 +08:00
    @davin 除了 i18n ,其他都没机会接触到诶
    vsitebon
        14
    vsitebon  
       2023-12-14 09:21:31 +08:00
    如果只是前端不涉及设计的话,其实硬上就好
    SleepyRaven
        15
    SleepyRaven  
       2023-12-14 09:23:35 +08:00
    虽然现在前端起手就是 UI 框架+组件库,但是你可以花几天时间去类似 runoob 这种网站在线敲一遍最基础的 html/css/js ,会立马有个页面+样式+js 驱动的概念,然后就可以走 vue 文档一把梭了
    notproblem
        16
    notproblem  
       2023-12-14 09:25:13 +08:00
    我当初是跟着前端培训课程(网上随便找的),一行一行敲(期间会感觉各种不适应,后面习惯就好了),做完一个项目就熟悉了。我也在学后端,但是只停留在学的时候熟悉点,因为平时不怎么用,过段时间就忘记了
    qcbf111
        17
    qcbf111  
       2023-12-14 09:25:39 +08:00
    现在前端已经专指 web 开发了吗?我在多个公司 title 都是前端,但是也没做过 web 。
    https://imgur.com/cyaWUQD
    ![]( https://imgur.com/cyaWUQD)
    qcbf111
        18
    qcbf111  
       2023-12-14 09:26:55 +08:00
    qcbf111
        19
    qcbf111  
       2023-12-14 09:27:33 +08:00
    ![-]( )
    darkengine
        20
    darkengine  
       2023-12-14 10:00:28 +08:00
    使用脚手架,甚至从 github 上 fork 一个成熟的示例项目开始,也算是从 0 到 1 啊。。。
    darkengine
        21
    darkengine  
       2023-12-14 10:01:31 +08:00
    @qcbf111 可能他们还没接受“大前端”这个概念
    xiaotuzi
        22
    xiaotuzi  
       2023-12-14 10:16:12 +08:00
    我也差不多全栈了,我也没有系统学过前端。就目前而言,会用 vue 脚手架,但是写一些页面还是挺费时间的,我总是写不好,感觉前端真的好麻烦。。。
    zangbianxuegu
        23
    zangbianxuegu  
       2023-12-14 10:48:32 +08:00
    如果是 UI -> 前端页面,从前端角度看,反而 0-1 简单,HTML 写结构、引入 CSS 写样式,引入 js 交互,如果 UI 是 PSD ,需要会运用图片。不过前端知识很杂,需要慢慢积累。
    如果是 Vue 0-1 ,具体是什么呢?按照官网快速上手创建应用算不算 0-1 呢?如果是从 0 到开源项目那种程度,可能前置需要了解数据驱动、响应式原理、Vue 实现原理、Webpack 、Vite 、Node.js 等等,然后是路由、状态管理、样式、组件库等等,所以,每一部分的内容都很多。
    Dogtler
        24
    Dogtler  
       2023-12-14 10:54:11 +08:00
    作为后端 感觉前端我只会在原基础上小幅度改动,大规模 0-1 独自开发还是很费劲
    murmur
        25
    murmur  
       2023-12-14 10:55:02 +08:00
    @qcbf111 因为后端用 java 写轮子更多也更好找人
    7inFen
        26
    7inFen  
       2023-12-14 11:09:21 +08:00
    @qcbf111 广义的前端指多平台的用户端,狭义的前端专指 web 开发的用户端
    sentinelK
        27
    sentinelK  
       2023-12-14 11:11:40 +08:00
    不知道楼主说的 0 ~ 1 具体指的是什么?

    是界面设计到页面布局设计的规划?
    是对于控件封装复用,页面生命周期的规划?
    是创建 web 项目的技术选型与项目代码结构?

    这三者其实都没有通解。
    都要根据你当时的人力条件、项目需求、界面复杂度来决定。

    举个例子,大厂的优质产品线,前端团队都是有一套自己的前端标准的,由前端标准衍生定制 UI 设计工具,然后设计 UI 再生成界面结构。
    这是大厂的人力结构与团队规模决定的,小作坊这么玩你控件还没封装完呢,你做的产品行业都已经暴雷消失了。
    abelmakihara
        28
    abelmakihara  
       2023-12-14 12:00:11 +08:00
    @ZZ74 蓝湖和 figma 自动生成的代码只能参考字体边框这种
    宽高布局一般还是要自己写的 用子元素撑开不写固定宽高
    BwNVlwSq
        29
    BwNVlwSq  
       2023-12-14 12:01:19 +08:00
    找几个设计稿,写代码还原出来
    wohefengyiyang
        30
    wohefengyiyang  
    OP
       2023-12-14 12:28:43 +08:00
    @darkengine 这样类似的我已经做过很多了,就是 github 魔改,也就是我所说的 1-->n, 但是因为自己没有在公司做过前端,不清楚项目早期的一个流程是什么样的,以及怎么做,比如怎么请人做 ui,然后我前端怎么直接用这些 ui 之类的
    wohefengyiyang
        31
    wohefengyiyang  
    OP
       2023-12-14 12:28:59 +08:00
    @zangbianxuegu 个人来看,我缺少的是前者,有关 vue 的我了解的还行
    wohefengyiyang
        32
    wohefengyiyang  
    OP
       2023-12-14 12:29:08 +08:00
    @sentinelK 我自己对这个概念其实也比较模糊,因为不懂一个东西的时候我也不好描述清楚他到底是什么,但是就是觉得自己二开一个项目很简单,从 0 开始的早期工作让我很是头痛,层主所说的第一个问题是在我认为的 0-->1 之内的
    wohefengyiyang
        33
    wohefengyiyang  
    OP
       2023-12-14 12:30:07 +08:00
    因为加入社区不到 1 年,没法批量回复大家的回答,很是麻烦。所以有些层主的回复我没回答,还望谅解
    wohefengyiyang
        34
    wohefengyiyang  
    OP
       2023-12-14 12:35:16 +08:00
    因为加入社区不到 1 年,没法批量回复大家的回答,很是麻烦。所以有些层主的回复我没回答,还望谅解
    @qcbf111 并不是,只是个人主要从事 web 开发,所以在描述上可能有些误差
    zangbianxuegu
        35
    zangbianxuegu  
       2023-12-14 12:47:32 +08:00
    @wohefengyiyang 那感觉像是写页面布局样式的问题,可以新创建应用写一个你二开项目中的页面试试。
    jones2000
        36
    jones2000  
       2023-12-14 14:15:51 +08:00
    截个设计稿图给 GTP, 代码不就生成好了嘛, 然后自己再改改不就完事了。 会 js 不就行了。 其他也没什么好学的呀。
    qloog
        37
    qloog  
       2023-12-14 15:09:55 +08:00
    好话题,我好像也没怎么从从 0 到 1 过,需要时现学现查,没有太系统的学习过。
    zhangk23
        38
    zhangk23  
       2023-12-15 00:52:16 +08:00
    需要什么学什么,不需要系统过一遍,但凡你业务上遇到的问题 谷歌都可以解决
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2602 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 15:20 PVG 23:20 LAX 08:20 JFK 11:20
    Do have faith in what you're doing.
    ubao 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