感觉UI组件很好用，为什么还要把前端搞的那么复杂？

你把因果顺序说反了，不是为了推广 node 和 npm 而复杂，而是有了他们，前端世界才可以发展得如此壮大和繁荣。

你说的 UI 组件是指 bootstrap 这种吧，它只做了最简单的一组规范，在交互处理和可重用方面还太初级。

以 vuejs 为代表的几种框架，开启了前端组件化的新时代。

开发思路和方式完全颠覆了 jQuery 那个时代的框架。

而基于 node 的自动化构建工具，可以带来很好的规范化和开发效率的极大提升。

基于 npm 的包管理工具，可以让工程师避免重复造轮子，站在前人的肩膀上继续创造更好的前端交互体验。

当然，这一切的繁荣，带来的负面效果，就是学习成本的提高，尤其是新人，体会不到新思路的必要性，很难理解。

作为从业十五年的工程师，我建议你耐心学习，真正入门之后，你会感激这繁荣的前端世界。

我一直bootstrap+vue+node+mysql。node是server端的javascript运行环境。Vue是前端一个允许用简洁的模版语法来声明式的把数据渲染到DOM的系统。bootstrap是一个最受欢迎的HTML，CSS和JS框架，用于开发响应式布局和移动设备优先的web项目。所有这些都是开发利器，可以把前后端很好的分离。你可以不用，用传统的技术也有可能实现但效率会大大的降低。至于npm则是一个安装包管理工具了

为什么有时用QQ浏览器打开网站会乱码？

编码的原因。出现这个原因绝大多数是因为该网站的前端人员没有定义或是编码定定义错误。

如果你只是一个用户。那右键》编码》换成UTF-8或是其它的中文（简体）试一下 。

如果这个网页是你自己做的，那你就需要让文件格式与charset里面定义的编码格式相符。定义好后才会在打开网页时自动选用正确编码打开。

一般推荐用UTF-8。

比较简单的方法就是装一个 Microsoft applocale

用它打开qq.exe文件，选择简体中文（sim china类似这样）

打开就是正常文字了！

前端开发的壁垒在哪儿？

我觉得这是一个有意思的问题，相比于其他领域比如编译器开发、游戏引擎开发、推荐系统开发等等，前端开发的壁垒在哪儿？或者换句话说，前端开发的竞争力在哪儿？有些人答偏了，壁垒是指别人不能轻易进入。前端开发的壁垒主要体现在以下几个方面。

一、基本能力

1.1、为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性；

1.2、Web前端表现层及与前后端交互的架构设计和开发；

1.3、JavaScript程序模块开发，通用类库、框架编写；

1.4、利用各种Web技术模拟开发产品原型；

1.5、配合后台开发人员实现产品界面和功能；

1.6、Web新技术调研和资讯整理；

1.7、精通HTML/XHTML、CSS，熟悉页面架构和布局，精通Ajax、JavaScript、DOM等前端技术，掌握面向对象编程思想；

二、多端能力

现在的前端已经不是几年前的切图仔，很多公司要求你会移动端H5、小程序、桌面开发、PC端、移动APP。

高级前端开发人才缺又是十分紧缺，很多中级前端和后端都想挤入（钱多，需求多），那么高级前端开发人才的技术能力可以看做是前端开发的一些技术壁垒。这些可以从一些招聘网站上找到，搜索相关前端架构师，前端teamleader，前端高级开发工程师等职位的要求可以了解到一些。

三、框架能力

无论前端后端还是全栈工程师，一定是经常听说 Angular 和 React 以及Vue三大框架。像BAT这种大公司一般都要求精通其中一个框架，而有些公司希望你全会。

四、架构能力

除了要求你的编码能力外，如果你像往上提高为前端架构师或者前端专家，架构能力也是必不可少的能力，其中架构包括学会封装常用组件，使用webpack等能力。

五、后端能力

前端的壁垒除了要学会前端知识外，学会一门后端语言也是必不可少的一门技能，常见的后端语言有nodejs、php、Java、python等，以及一种数据库(如MySQL/Oracle)。

综上所述，除了要有以上的能力，还要经常保持学习，不然这些分分钟都会成为阻碍你的壁垒。