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

[zhoudaiyu]

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

[wiluxy]

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]

一个月速成：
随便找个教程过一遍 html 和 css 基础
看一遍廖雪峰的 js 教程和阮一峰的 es6 （不用看完，扫一遍用到的时候有印象就行）
看一下 webpack
然后看一遍 vue.js 实战

[saulshao]

不需要太多，你只需要理解以下概念就行了:
1. HTML 的基本语法规则，有哪些常用元素，这些元素之间常见的嵌套方式，元素属性是什么，ID 又代表什么
w3school
2. CSS 需要掌握基于 GRID 的布局规则:
阮一峰的教程
3. js 我也不太会，但是我觉得只要学会基本语法就可以开发了，其实基本逻辑跟 python 也差不了太多。
廖雪峰的教程
就从上面的链接学习就可以了。入门很容易。
我觉得除了上面这些，从概念上一定要分清楚什么东西是在浏览器里执行，什么东西是在服务器上执行的。

[Biwood]

需要时间的，这东西急不得。切确的说，没有严格的先后顺序，你可以把 HTML/CSS/JavaScript 的基础知识点大概的过一遍，然后去 Github 找一些自己感兴趣的开源的小工具项目读源码，或者读一些简单的网页源码也行。读源码太重要了，就像你学语文的时候要读课文一样，你得先熟悉了语言逻辑才能自己组织语言。然后再动手写自己感兴趣的东西，写的时候先尽量别看别人的东西，当然抄不是问题，关键是看懂了再用自己的方式敲出来，而不是简单的复制粘贴。时间久了就建立的对这些语言的一个认知，然后就可以慢慢试着使用 Vue 这一类的框架。框架把复杂的逻辑都封装好了，用起来是很爽，但是一定要保持好奇，知道为什么可以用起来这么爽。比如为什么改一下 data 就能触发 DOM 的更新？ new 一个 Vue 实例的过程中经过了哪些步骤？带着这些好奇继续看源码，看不懂就搜索网络上的源码解析文章，当然文章不是用来背诵的，而是用来理解的。核心还是两件事情：读源码和写代码，一个输入一个输出，时间久了自然就熟悉了。

书籍推荐《 JavaScript 高级编程》（别看有高级两个字，其实我感觉挺入门的）、《 DOM 编程艺术》还有《你不知道的 JavaScript 》，这三本是我个人觉得对 JS 这门语言的基础认知有帮助的，至于《 JavaScript 权威指南》这种跟参考手册一样的书就没必要了，还不如直接搜索 MDN 。HTML 和 CSS 主要看别人的网页源码，多用浏览器的审查元素看看同时结合 MDN 文档就好了。基本上不管是什么语言和框架，官方文档本身就是很好的教程了，比某些转载过很多遍的个人博客强很多。

[copper20]

看目的，看时间。以前为了赶作业，连回调函数是什么都不知道就开始用 vue 了。

[abersheeran]

没有以前的框架基础，不如直接学 React 。我也是 Python 程序员。推荐你直接上手 TypeScript+React 。然后再去学别的。这样你比较会有兴趣，不然写好你一点有用的东西都写不出来，很容易放弃学习的。

[echowuhao]

直接上

[EPr2hh6LADQWqRVH]

那现在 Vue 特别适合你，一定是要入门层次才适合。

万一了解的太多了，就会发现 Vue 的不足之处，会对尤雨溪的专业能力产生怀疑，从而产生内耗，不利职业发展。

[DiamondYuan]

我就是从 0 基础，直接上手 vue 的。 知道这些你就可以写管理系统了。


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

垂直居中用 flex

控制距离用 margin

控制内部间距用 padding

[enchilada2020]

@avastms 愿闻其详

[loading]

现在是不是能较好地用 vue3 了呢？需要先熟练 typescript 吗？还是只要 any 就好了？

[Sivan]

一般我们都这样 ↓

[Jaosn]

@avastms 愿闻其详，不吝赐教

[konnnnn]

"我会 Vue，不会 JS"

[cryboy007]

@Sivan 6666

[EPr2hh6LADQWqRVH]

@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]

@Sivan 太形象了🤣

[nanxiaobei]

直接上，遇到问题再补课

[HiCode]

学习到能理解这个问题怎么解决为止：
https://v2ex.com/t/771515#reply12

[knightdf]

@Sivan 形象，我是把 TS 和 React(ng)调换了位置