初学web开发需要掌握哪些知识

Web前端开发要学习的知识很杂乱，知识范围也很广。不过，所有技术都是围绕着三大基本技术来进行的:HTML、CSS，JavaScript。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。

掌握三大技能，还要运用多种开发工具辅助开发。目前我们常用到的有：Dreamweaver，Sublime Text ，HBuilder等。

工具只是解决单个问题，在你更加深入了解这个行业之后，你可能还会用到各种不同的框架，目前有三大框架Angular、React、Vue，除此之外还有Bootstrap、 Fbootstrapp、BootMetro、Gumby、IVORY、Kube等，都是需要慢慢接触的。

另外，做前端开发可能还会运用到SEO、DOM、BOM、Ajax等技能，网站性能优化和服务器端的基础知识也是需要了解的。

学前端可能会很难，但世界上没有学不会的知识，相信自己，努力学下去，一定可以成功。

如今的Web服务器有很多种，大家在做项目的时候根据自己的需求进行灵活的选择。下面小编就给大家分享一下目前都有哪些Web服务器以及他们的优缺点。

01

Apache

Apache也被叫做httpd服务器，是目前使用最广泛的web服务器，它被应用于各种平台之中。Apache刚开始被推出的时候有很多的缺陷，如今已经被修复的越来越完善，如果你是web服务器的钻研者，小编建议你一定要学习一下Apache的使用。

优点：小巧，灵活，可扩展，稳定。

缺点：软件开源，所以很多的漏洞可能很容易被人查找到。

02

Nginx

Nginx是Linux平台下的优秀Web服务器，小编以前用过这个服务器，它让本来运行很慢的应用程序提升了很大的速度。

优点：压缩率高，支持负载均衡，速度快

缺点：需要掌握熟练的Linux命令才能应用

03

IIS

IIS是微软平台的Web服务器，是针对Windows平台的服务器。它和NET语言非常的搭配，新手掌握起来也比较快。

优点：安装配置简单，学习起来容易

缺点：平台适用性单一，安全性有待提高

04

WebLogic

WebLogic是专门应用于企业级开发的web服务器，比较常见的是和Java语言搭配，使用起来和Apache差不多，同时它的架构也非常的优秀。

优点：安全性高，专业性强，耦合度低

缺点：不容易掌握，需要有一定的专业积累才能熟练应用

05

Tomcat

Tomcat是很多Java学习者都非常熟悉的web服务器，一般刚开始学习Java Web开发的人都会使用Tomcat作为服务器进行练习。它既有可视化的操作界面，也有命令语句，是不错的入门级服务器。

优点：简单易掌握，部署容易，应用广泛

缺点：扩展性不强，可配置性弱，大并发能力不强

06

Lighttpd

Lighttpd是一款开源的web服务器，比较的轻巧，功能也很多。目前在使用率上比较少，还没有推广起来。

优点：小巧精致，功能强大

缺点：漏洞较多，学习资源不多

07

Sun

Sun是一款针对Solaris的web服务器，应用范围不是很广泛，只应用于Sun公司的相应web产品。另外一般的开发者轻易的用不了这款服务器。

优点：针对性强，并发性高，速度快，效率高

缺点：掌握难，适应性不高

08

Jetty

Jetty是专门针对Java Web的服务器，它被用来运行Servlet程序，是众多服务器中最局限的一个了。小编并不建议大家掌握这款服务器。

优点：内容简单，容易掌握

老实说，前端经过这几年的快速发展，网上的文章和教程还是蛮多的，有经验的人能够根据资料制定出属于自己的学习方法和路径，但对于小白来说，还是有些难度。知了姐来给大家分享前端学习路径。针对0基础，非科班，没有编程经验，想学前端，但是不知道如何入门的人群。

基础部分：

1、HTML + CSS 这部分学习，可以模仿一些网站做些页面，在实践中积累经验。做到能与UI对接，能100%重构网站静态页面的开发，为后期编写页面逻辑、动态效果打基础。

2、Javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，这个阶段需要掌握编程基础概念，培养逻辑思维能力。能够独立完成网站的页面开发（包括合理布局，JavaScript操作DOM）

进阶部分：

有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。

3、JavaScript高级与服务器基础，深入面向对象编程，具备移动端开发能力，处理浏览兼容问题，深入学习ES6/ES7语法规范，前后端分离开发思想。

4、框架与服务器，数据库，前端安全的学习，深入了解Node，数据库操作，前后端分离技术，前后台协作开发。熟悉NPM（Yarn），Node模块fs，http，路由，处理请求，express4（koa）；掌握创建websocket服务，MongoDB/MySQL数据库CRUD（Mongoose）；掌握微信小程序开发，掌握Vue2x基础，Vue-router，Vuex等等。

5、React与组件化开发，深入学习组件化开发思想，了解webpack使用，掌握React开发基础，Hook，create-react-app等等。

升级部分：

有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。

其他补充部分：

前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用Svn和Git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，比需要学会使用Grunt、Gulp等前端构建工具。

以上内容只是简单说了前端学习的顺序。对于前端开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。

1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。

2、后端。应该说前端工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。

最后，有经验的程序员都知道，学习编程最有效率的方式就是把你扔到一个项目组，连滚带爬的做一两个项目下来你马上会发现所有的知识点全都连到一起了，不再是分散的，而是形成一个整体了。那种感觉是仅仅深入钻研知识点而不写真实项目的人所不能体会的。 一个项目就是一根绳子可以把大片的知识串到一起。

如果想锻炼实际开发的能力而不仅仅是背诵或者了解一些知识点，如果想成为真正的好手，那么，还是做项目吧！

整体来看的话，Web前端开发需要学习的内容还是比较多的。前端是一门涵盖面很广的学科，而且技术更新较快，优秀的Web前端开发工程师应该具备快速学习能力。如果没有快速学习能力，就跟不上Web发展的步伐，所以需要不断提升自己，不断学习新技术、新模式。