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

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

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

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

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

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

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

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