文/小伊评科技
作为一个半资深的前端工程师，你这个问题问的非常的没有道理，这个问题就好比是在问：男人那么能干，为什么不能取代女人呢？因为CSS和Javascript完全是两个不同的概念，其工作职责也是不同的，CSS控制的样式表，是偏向静态表现得，他的核心功能最强大的功能其实就是定义样式，虽然目前CSS3加入了很多动画效果，比如配合transtion/transform以及animation可以制作很多简单甚至相当复杂的动画效果，但是说白了也只是静态展示，想要做成动态的人机交互效果，还是需要Javascript所提供的各种交互事件来配合完成，CSS+HTML所能提供得交互方式太过于单薄。
而且Javascript是一个实打实的编程语言，他的作用可不仅限于操作DOM元素这么简单，他还是沟通前台和后台得一个重要沟通工具，没有JS你的页面就只是一个静态页面罢了。笔者举一个最简单的例子，如果你需要页面中某一个方面要引用后台的数据，那么用CSS怎么实现？根本无法实现，所以这个时候就需要用到AJAX技术了，而一旦用到AJAX技术，就必须要使用到Javascript。
只会html+CSS的前端人员充其量只能算是一个网页设计师罢了
HTML+CSS所能做出来的只不过是静态的页面，并不具备可交互性，也基本上无法满足商用的要求。所以对于一个前端工程师来说JS才是重中之重。目前主流的三大框架React、Vue、Angular也都是基于Javascript深度开发的产物。只会HTML+CSS的前端工程师目前已经基本被淘汰了，或者说没有特别的用武之地。因为大部分UI设计师对于Html+CSS的掌握都非常优秀，配置静态页面不成问题而如果想要成为更进一步的前端工程师，甚至前端高级工程师，Javascript是必须要熟练掌握的，在掌握了Javascript之后再去学习三大框架，学习AJAX，学习
Node.Js
等才会更加的游刃有余。end 希望可以帮到你
类选择符：自己定义的包含多条样式的集合，以“.”开头。可以在页面中重复使用该样式。如：.aaa{ ……}类型选择符：定义HTML固有标签的样式。前面不加“.”例如：p{ ……}ID选择符，和类选择符格式相同。区别在于以“#”开头,而且ID是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容例如：#aaa{ ……}通配符，顾名思意：对页面内所以标签都生效。其名称必须为“*”。例如：*{ ……}伪类：常用的有四个、即A标签里的四个状态（a:link a:visited a:hover a:active）。
其他的如:lang :focus等不常用，也存在兼容问题。
“伪DOM自定义事件”是自己定义的一个名词，用来区分DOM自定义事件的。例如jQuery库，其是基于包装器（一个包含DOM元素的中间层）扩展事件的，既与DOM相关，又不直接是DOM，因此，称之为“伪DOM自定义事件”。
virtual DOM 虚拟DOM，用普通js对象来描述DOM结构，因为不是真实DOM，所以称之为虚拟DOM。
虚拟 dom 是相对于浏览器所渲染出来的真实 dom而言的，在react，vue等技术出现之前，大家要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构，来达到更新 ui 的目的。
