V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zhoudaiyu
V2EX  ›  Vue.js

HTML、CSS、JS 要掌握到什么程度才可以学习 Vue?

  •  
  •   zhoudaiyu · 2021-04-17 17:22:31 +08:00 via iPhone · 6362 次点击
    这是一个创建于 1336 天前的主题,其中的信息可能已经有所发展或是发生改变。

    菜狗运维开发,只会写点 Python Web,想学学 Vue 做个全栈能好找工作一点。但是我现在连最基本的 HTML CSS JS 都从来没学过,不知道这三门技术分别要掌握到哪种程度,才能学 Vue ?我觉得我能有能独立做个 xxx 管理平台的水平就够找工作了。我也试过直接写 Vue,结果只会抄代码,却不知道为啥,我连 div 都不明白干啥的。另外大家有啥学习资料能分享一下吗?

    25 条回复    2021-04-19 21:06:48 +08:00
    wiluxy
        1
    wiluxy  
       2021-04-17 17:37:26 +08:00   ❤️ 1
    html 和 js 的话 跟着 mdn 过一遍,
    js 里 string 、array 、object 这三个全局对象的一些方法都看一下,
    然后 html 的话 搞清楚行内元素和块级元素和一些元素自带的样式就可以了,mdn 也有。
    至于 css 的部分,写后台管理系统其实很少需要自己写复杂的 css,
    现在有组件库(别人写好了 html,css,js 打包在一起给你调用)可以用,vue 的话 vuetify 、ant design vue 和 element ui 都可以用

    js:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
    html:https://developer.mozilla.org/zh-CN/docs/Web/HTML
    mogg
        2
    mogg  
       2021-04-17 17:38:10 +08:00
    一个月速成:
    随便找个教程过一遍 html 和 css 基础
    看一遍廖雪峰的 js 教程和阮一峰的 es6 (不用看完,扫一遍用到的时候有印象就行)
    看一下 webpack
    然后看一遍 vue.js 实战
    saulshao
        3
    saulshao  
       2021-04-17 17:40:43 +08:00
    不需要太多,你只需要理解以下概念就行了:
    1. HTML 的基本语法规则,有哪些常用元素,这些元素之间常见的嵌套方式,元素属性是什么,ID 又代表什么
    w3school
    2. CSS 需要掌握基于 GRID 的布局规则:
    阮一峰的教程
    3. js 我也不太会,但是我觉得只要学会基本语法就可以开发了,其实基本逻辑跟 python 也差不了太多。
    廖雪峰的教程
    就从上面的链接学习就可以了。入门很容易。
    我觉得除了上面这些,从概念上一定要分清楚什么东西是在浏览器里执行,什么东西是在服务器上执行的。
    Biwood
        4
    Biwood  
       2021-04-17 20:47:09 +08:00   ❤️ 2
    需要时间的,这东西急不得。切确的说,没有严格的先后顺序,你可以把 HTML/CSS/JavaScript 的基础知识点大概的过一遍,然后去 Github 找一些自己感兴趣的开源的小工具项目读源码,或者读一些简单的网页源码也行。读源码太重要了,就像你学语文的时候要读课文一样,你得先熟悉了语言逻辑才能自己组织语言。然后再动手写自己感兴趣的东西,写的时候先尽量别看别人的东西,当然抄不是问题,关键是看懂了再用自己的方式敲出来,而不是简单的复制粘贴。时间久了就建立的对这些语言的一个认知,然后就可以慢慢试着使用 Vue 这一类的框架。框架把复杂的逻辑都封装好了,用起来是很爽,但是一定要保持好奇,知道为什么可以用起来这么爽。比如为什么改一下 data 就能触发 DOM 的更新? new 一个 Vue 实例的过程中经过了哪些步骤?带着这些好奇继续看源码,看不懂就搜索网络上的源码解析文章,当然文章不是用来背诵的,而是用来理解的。核心还是两件事情:读源码和写代码,一个输入一个输出,时间久了自然就熟悉了。

    书籍推荐《 JavaScript 高级编程》(别看有高级两个字,其实我感觉挺入门的)、《 DOM 编程艺术》还有《你不知道的 JavaScript 》,这三本是我个人觉得对 JS 这门语言的基础认知有帮助的,至于《 JavaScript 权威指南》这种跟参考手册一样的书就没必要了,还不如直接搜索 MDN 。HTML 和 CSS 主要看别人的网页源码,多用浏览器的审查元素看看同时结合 MDN 文档就好了。基本上不管是什么语言和框架,官方文档本身就是很好的教程了,比某些转载过很多遍的个人博客强很多。
    copper20
        5
    copper20  
       2021-04-17 20:51:50 +08:00
    看目的,看时间。以前为了赶作业,连回调函数是什么都不知道就开始用 vue 了。
    abersheeran
        6
    abersheeran  
       2021-04-17 21:00:48 +08:00
    没有以前的框架基础,不如直接学 React 。我也是 Python 程序员。推荐你直接上手 TypeScript+React 。然后再去学别的。这样你比较会有兴趣,不然写好你一点有用的东西都写不出来,很容易放弃学习的。
    echowuhao
        7
    echowuhao  
       2021-04-17 21:49:13 +08:00 via Android
    直接上
    EPr2hh6LADQWqRVH
        8
    EPr2hh6LADQWqRVH  
       2021-04-17 23:07:22 +08:00   ❤️ 1
    那现在 Vue 特别适合你,一定是要入门层次才适合。

    万一了解的太多了,就会发现 Vue 的不足之处,会对尤雨溪的专业能力产生怀疑,从而产生内耗,不利职业发展。
    DiamondYuan
        9
    DiamondYuan  
       2021-04-17 23:31:16 +08:00
    我就是从 0 基础,直接上手 vue 的。 知道这些你就可以写管理系统了。


    div 属于块级元素,默认占据 100% 的宽度。

    垂直居中用 flex

    控制距离用 margin

    控制内部间距用 padding
    enchilada2020
        10
    enchilada2020  
       2021-04-18 00:26:35 +08:00 via Android
    @avastms 愿闻其详
    loading
        11
    loading  
       2021-04-18 08:41:15 +08:00 via Android
    现在是不是能较好地用 vue3 了呢?需要先熟练 typescript 吗?还是只要 any 就好了?
    Sivan
        12
    Sivan  
       2021-04-18 09:56:44 +08:00   ❤️ 8
    一般我们都这样 ↓

    Jaosn
        13
    Jaosn  
       2021-04-18 12:55:35 +08:00
    @avastms 愿闻其详,不吝赐教
    konnnnn
        14
    konnnnn  
       2021-04-18 13:09:59 +08:00
    "我会 Vue,不会 JS"
    cryboy007
        15
    cryboy007  
       2021-04-18 13:15:59 +08:00 via iPhone
    @Sivan 6666
    EPr2hh6LADQWqRVH
        16
    EPr2hh6LADQWqRVH  
       2021-04-18 15:49:31 +08:00   ❤️ 1
    @enchilada2020
    @Jaosn

    HTML CSS JavaScript 各自有各自的标准。

    Vue 直接把他们三个粘在一起,强行自创一种格式,破坏了标准化基础,除了几个专门处理 Vue 文件的工具,其他按照标准分别处理 html/js/css 的工具直接就不能用,画蛇添足。
    这是一个大是大非的问题,目前就因为这个.vue 的问题,所有 Vue 生态内积累的工作,都不能与外界良好互操作。

    HTML 从 XML 而来,许多写法在 XML 世界是有专门意义的,不该随便占用。只有对 XML 毫无了解的人,才会对语法命名随便处理。

    写 Vue 代码给人的感觉是在写 HTML 模版,但实际上它却使用预编译手段将模版转换为 js 过程代码,使程序员的心智模型和实际情况出现偏差,出问题 Debug 的时候一团乱麻。

    如果涉及到 TypeScript,那问题更大,Vue 这一套和 TypeScript 这一套完全就是鸡同鸭讲,尤雨溪完全就是用 TypeScript 在刷流量,实际根本就没理解过 TypeScript 。

    总而言之,如果你知道的太多,你就会意识到 Vue 不该这么干,就像只有小孩才会用鞭炮炸茅坑。
    天边一声响,你也不知道是炸毛坑炸出来的,还是放礼炮放出来的,只是循声而来。

    再多说也没用,天意如此,还能怎么办呢
    baba233
        17
    baba233  
       2021-04-18 18:46:04 +08:00
    @Sivan 太形象了🤣
    nanxiaobei
        18
    nanxiaobei  
       2021-04-19 00:52:48 +08:00
    直接上,遇到问题再补课
    HiCode
        19
    HiCode  
       2021-04-19 09:27:40 +08:00
    学习到能理解这个问题怎么解决为止:
    https://v2ex.com/t/771515#reply12
    knightdf
        20
    knightdf  
       2021-04-19 10:29:31 +08:00
    @Sivan 形象,我是把 TS 和 React(ng)调换了位置
    JerryY
        21
    JerryY  
       2021-04-19 14:42:59 +08:00
    @avastms 我是多次看到你对 Vue 和 尤雨溪不满了,真没必要一直喷。如果你觉得 Vue 哪里不好,或者有需要改进的地方,你大可以把这敲键盘的时间用来提 PR,把你觉得不好的地方,用你的解决方案去优化不是更好么?

    #8 "会对尤雨溪的专业能力产生怀疑" 不知道你觉得在国内,有几个专业能力比尤玉溪好的,可以列举一下。
    # 16
    "破坏了标准化基础" 请举例说明,破坏了哪些标准。
    还有你列举的 XML 和 HTML 的关系,建议查一下他们的历史,本来就是解决不同场景的。"只有对 XML 毫无了解的人,才会对语法命名随便处理。"....我只能 respect 。
    "写 Vue 代码给人的感觉是在写 HTML 模版,但实际上它却使用预编译手段将模版转换为 js 过程代码" 难道写其他的框架组件的时候,不是在写 html 模板吗?哪个不是通过预编译来转换成 js 的。当然如果你能力够强,完全可以手写 render,vuetify 这个库就大多数用 render 函数来写组件的。
    "使程序员的心智模型和实际情况出现偏差,出问题 Debug 的时候一团乱麻。" 我想你肯定知道有个叫 devtool 的东西,这个每个框架都有,怎么到 vue 这就一团乱麻了呢?
    "如果你知道的太多,你就会意识到 Vue 不该这么干,就像只有小孩才会用鞭炮炸茅坑。" ... 不知所云。

    我与你相反,我是很喜欢 vue 的,前端页面,无非就是 模板,样式,逻辑 三大块,SFC 把三个都放一起了,我觉得很方便。而且,vue 从底层做了很多优化,这相比于 React 把优化任务丢给开发者,我觉得也是 vue 表现的好的一方面。vue3 也做了很多的优化,性能,ts 支持都做了很棒的提升,你也可以看看。

    我也很喜欢 React,他极大程度的发挥了 js 的灵活性,生态丰富,而且很多理念都是很先进的。

    别回我,别杠我。杠就是你是对的。
    EPr2hh6LADQWqRVH
        22
    EPr2hh6LADQWqRVH  
       2021-04-19 14:58:51 +08:00
    @JerryY 优化啥玩意负优化着呢

    我不一直喷我现在天天吃着尤雨溪的屁呢我不喷,生态都搞臭了

    人我都招不着正经的,全您这程度的
    JerryY
        24
    JerryY  
       2021-04-19 20:26:46 +08:00
    @avastms 跑一跑 benchmark 看看性能再说也不迟。

    生态搞臭了?展开说说。
    "您的态度"?我又重新看了一遍我的回复,没有问题;我倒是看了一下你的很多回复,很多都是针对 Vue 和 尤雨溪 本人的,我觉得您的态度才有问题。

    最后,你要是觉得前端生态臭了,可以试着把它变香。

    真不要回我了。
    EPr2hh6LADQWqRVH
        25
    EPr2hh6LADQWqRVH  
       2021-04-19 21:06:48 +08:00
    @JerryY 您眼力似乎不够好,这件事和我对 Vue 的观点是独立的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2249 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 15:38 · PVG 23:38 · LAX 07:38 · JFK 10:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.