web开发知识点[共8页]

1、web 开发知识点 【篇一： web 开发知识点】1. 前言大约在几个月之前，让我看完了 webkit 技术内幕这本书的时候，突然有了一个想法。想把整个 web 前端开发所需要的知识 都之中在一个视图中，形成一个完整的 web 前端知识体系，目的是 想要颠覆人们对于前端只有三大块（ html 、css 、js ）的认识 做web 前端需要的比这三大块要多得多。拖了好几个月了，但是由于近期将要参加的某一个活动，我不得不这两天把这个东西整出来。说干就干。上午我就开始在办公室画草图，乱七八糟的在那儿理思路。大家不要害怕，其实下文中的这个知识框架要比草图中的好看的多，草图大家权当没看见。好了，废话不扯

2、。下面请跟随我本博客的内容，来看看 web 前端开发除了 htm 、css 和 js 之外，还有哪些东西需要你一步一步去掌握。在看内容之前，先看一下这个知识框架的预览图。图太大不好展示，看不清除，可在此下载清晰版：（内有整个知识体系的图片和xmind 文件） 分类所有知识框架，那肯定是一个结构型的展现，就是一棵树。 web 前端的知识点非常多，也非常散，需要好几层结构 来组织这个体系，否则就会显得很乱。那么如何组织、把谁和谁放在一块儿？这是真正值得我们去思考的，你也可以自己来思考一下这个问题。在我总结的这个知识框架中，首先第一层我划分为：理论知识，类库框架，编码开发，运行环境。如下图：接下来给

3、大家解释一下：这个图要从下往上看，为何？ 因为下面是上面的基础；首先，我们需要一定的理论知识，不管是你听别人讲授、自己看书还是网上淘资料，你都需要一定的理论知识，每一种程序开发，都避免不了。第二，有了这些理论知识我们就可以编码了 不错 but ，没有人能抵挡住第三方框架和类库的诱惑，例如 jquery ；第三，有了这些理论知识和协助我们的类库框架，我们就可真正的编码了。大家可能以为编码开发不就是写代码吗，还有啥？ 这里面道道多着呢；最后，开发程序的目的，最终是为了能高效、稳定的运行在相应的环境中，这其中又有哪些事情需要我们去做？请期待； 3. 理论知识 包括 软知识 和 硬知识软知识 和 硬知

4、识 大家可能觉得词陌生，其实我一说大家就能明白。所谓 软 的就是能在各个程序开发中都用到的，算是基本功、内功，例如数据结构、算法、设计模式、面向对象等等；所谓 硬 的就是能直接用于本程序开发的。用 c 语言你就得学 c 语言语法，此时学java 没用。我们 web 前端开发所需要的硬知识其实都包含在三个标准里面： http 标准、w3c 标准和 ecmascript 标准； 4. 聊一聊 web 前端开发中的 硬知识软知识 的内容非常多，也是我们大学时代学习的重点（没学好是另回事儿，毕业再恶补）。我们本次主要讨论的是 web 前端这一个方向，因此就点到为止，让大家知道这些知识也在知识体系中扮演

5、重要角色。刚才说道，硬知识有三个标准： http 标准、w3c 标准和 ecmascript标准，那咱们就挨个聊聊这三个标准。 1 http 标准为什么做 web 前端要了解 http 标准？ 因为浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有 http 的连接。 web 系统既然和http 链接有瓜葛，你就必须去了解它。我的意见是：你不必去非常了解 http 的详细内容，但是你要了解web 前端开发常用的一些 http 的知识 就是上图中我列出来的那些。当然，我知识列了一个纲，详细内容还得靠你自己去查阅（本文章讲的是知识框架，不会涉及任何知识点的详细内容）关于这方面的知

6、识，建议去查阅图解 http 这本书，浅显易懂的讲述了这些内容，我曾经也看过。 2 w3c 标准如果说你只知道 web前端的一个标准，估计肯定是 w3c 标准了（据我了解，貌似大部分人真的都只知道这一个标准）。它的内容非常多，看看这个页面。写到这里让我想起了一句话： 2/8 原则 20% 的功能满足 80% 的需求。我觉得这句话用到这里非常合适，我们在平时开发过程中根本用不到这么多东西。反而，你要把平时用的多的东西搞懂了。下图的这些知识，我想不用再过多解释了，这就是我文章开发说的三大块 （html 、css 、js）。现在你要知道，它们只不多是 w3c 标准的一部分，而 w3c 标准也只是 w

7、eb 前端开发知识体系中的一部分而已。（下图没有完全展开，想看权展开的图，可下载本文一开始提供的附件）关于 css 的基础知识，毛遂自荐一下自己之前的一篇系列博客：3 ecmascript 简称 es ，写全称太麻烦了。有些人可能只知道 javascript ，而不知道 es 其实， js 是在 es 的基础上，为 web 浏览器做了一部分封装（增加了 dom 操作、bom 操作等）。如上图中的这些概念，大家可能平时都在 javascript 中看到，其实他们是 es 的内容。只不过 javascript 继承了 es 的这些特性，并且javascript 用的比较广泛，因此才会在 js 中讨

8、论的多一些。 还是那个 2/8 原则 。其实 es 中的内容也非常多，而且更新很快，现 在都到 es6 了。但是我上图中列出来的这些都是最重要的概念。如果你不懂原型、闭包和作用域，那就说明你还不完全了解 es ，也就是不完全会用 javascript 。在此毛遂自荐自己之前的一篇系列博客，大家可以去参考： 框架和类库前面已经描述完了 web 前端开发所需要的理论知识。如何实践呢？ 不能蛮干 还得绕世界去看看，有哪些大牛已经为我们做出了如此多的贡献。用下面的这些类库或者框架，能大大提高你的开发效率。首先，jquery 一定是大部分 web 前端开发者不可或缺的工具。而我利用 jquery 不仅仅

9、停留在只使用它的 api 和插件上，我还会自己去写 jquery 插件，我还会去读 jquery 的源码、了解 jquery 的设计思路。如果你也能那样做，请相信我，你会收获到意想不到的效果。如果有一个问题：怎样才能最最透彻的理解 javascript 的事件系统？最佳答案之一：读几遍（一遍可能读不懂） jquery 关于事件处理部分的源码！ bootstrap 不用再过多解释了吧，从 github 上的排名也能看出道道来。甚至连我们公司的 ui 设计师，都从 bootstrap 上截图作为素材。是全世界最强大的图标系统。相比于 css 制作图标来说，这个要好很多倍，不管是开发、效率还是维护上

10、。能让我自定义选择自己的图标文件。 requirejs 和 seajs 这种模块定义系统，也一定是你系统中不可或缺的。我曾经看过一个教程，讲师就说：requirejs 带来了既 jquery 之后的第二次前端技术变革。其他的，backbone 、angular 、react 这些也慢慢的开始发挥了他们的价值，此处精力有限就不再赘述了 但是，他们很重要 你至少要试着去了解它们。6. 编码开发要问编码 ide 哪家强，当然要属微软的 visualstudio ！但是即便是微软的 vs 最新版本，它也代替不了下面要说的这套开发环境。如果你专门做 web 前端，就不要在用 vs 了，当然要选择 sub

11、lime 。写 html 语句还用手动一条一条写吗？你得需要 zencoding 的协助，否则效率太差了。另外，针对 html 、css 、js 的压缩、合并、语法检查，文件的清除、复制这些操作，你还要手动去做吗？ 你需要 grunt 或者 gulp 的帮助。在此毛遂自荐自己的教程，讲的比较详细，适合初学者学习。如果你的系统中有比较多的 js 代码或者文件，请选择一个合适的模块定义规范 cmd / amd请用 git 来帮助你做文件版本管理，最简单的就是使用 github 。调试、测试，也都有专门的工具，都是需要学的我的天哪 这些字写到现在写的我的手都酸了，别说要学习这些知识了 再也别说我们

12、web 前端是 三大块 了！ 运行环境当系统真正到了运行环境中，当你觉得终于完事儿的时候，其实还有好几个知识点需要你掌握。看下图：首先，你要知道 web 系统虽然大部分是在浏览器下运行，但是 js 可能会被运行在 node 环境。在浏览器环境下，最重要的两点是： web 安全和性能优化。需要注意的纲要我都列出来了，如果想了解推荐两本书白帽子将 web 安全高性能网站建设指南 其他以上这些是全部的知识体系。如果你想成为一名合格的、让 leader 喜欢的程序猿，你除了知道这些知识之外，我觉得还需要以下几点：要了解敏捷软件开发流程（如 scrum ）和项目管理知识（如考取pmp ），这也属于一种

13、软 知识吧；要学会在网上和别人交流（博客、qq 群、开源项目），交流能让自己看到自己的不足；要学会自我反省和自我学习。就像我现在一样，试着自己总结一下属于自己的东西，随时反省随时进步。 -欢迎关注我的教程：- 也欢迎关注我的开源项目- 随机视频聊天-【篇二： web 开发知识点】html （超文本标记语言）是网页的核心，学好 html 是成为 web 开发人员的基本条件。 html 很容易学习的，但也很容易误用，要学精 还得费点功夫。随着 html5 的发展和普及，了解 html5 也将成为 web 开发人员的必修课。涉及到网页外观时，就需要学习 css 了，它可以帮你把网页做得更美观。利用

14、html 和 css 模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。第二步：学习 javascript, 了解 domjavascript 是一种能让你的网页更加生动活泼的程序语言。学习javascript 的基本语法，学会用 javascript 操作网页中 dom 元素。接着学习使用一些 javascript 库，比如 jquery 是大部分 web 开发 人员都喜欢用的，通过 jquery 可以有效的提高 javascript 的开发效 率。第三步：了解 web 服务器你不必在这上面花太多精力，但对 iis 、apache 基本配置要掌握，这方面的知识学起来也相对容易，

15、不会花多长时间。学习一点 unix 和 linux 的基本知识，因为大部分 web 服务器都运行在 unix 和 linux 平台上。第四步: 学好一门服务器端脚本语言服务器端脚本编程（后台开发）也是 web 开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它。目前流行的服务器脚本语言有： php 、 、jsp 、ruby 、python 、等。 第五步：学习数据库及 sql 语法 要构建动态页面通常会使用到数据库，常用的数据库有 sqlserver 、oracle 、mysql 等，它们都会遵循标准的 sql 原则。通常 程序使用 sqlserver 数据库， php 、jav

16、a 使用 oracle 、mysql 数据库。第六步：综合实战选一个你喜欢的后台编程语言，结合之前学到的html,css,javascript 前端技术，实现一个简单的留言本、论坛程序、进而实现一个简单的 cms （内容管理系统） 第七步：学习使用 web 框架当你掌握了 html ，css ，javascript 和服务器端脚本语言后，就应该找一个 web 框架加快你的 web 开发速度，使用框架可以节约你很多时间。比如.net 的 mvc ，java 的 ssh ，php 的 cakephp 、codeigniter 、zend ，ruby 的 ror ，python 的 dijango

17、等等，其实里面都有一些相通之处。整个开发过程你还可能会学习到一些工具的使用：visio ，dreamweaver ，vistual studio 、elipse 、(vim, editplus, notpad ) 、sqlserver 、phpmyadmin ，各种浏览器以及 firebug 的插件，ie 下的 webdevelopmenthelper 、ietester 等。如果你足够 用心，你还发掘出很多不错的资源，例如 msdn ，w3cschool ，一 些前辈的博客，一些技术论坛等等，这都是你未来前进道路上的财 富。如还想深入研究，学学 http 协议,理解什么是无状态，不然你永 远

18、做不好 web 开发，研究 web 程序服务端运行原理，还有tcp/ip,udp 协议等。从最简单的 html 到 web 框架，内容还是不少，要想精通这里的每一样技术，都得下苦功夫才行。半年的时间，足够你对 web 开发产生一个有效的认识，这个时候，再思考你进一步学习的方向吧。来源:/web/javascript/196.html【篇三： web 开发知识点】html （超文本标记语言）是网页的核心，学好 html 是成为 web 开发人员的基本条件。 html 很容易学习的，但也很容易误用，要学精还得费点功夫。随着 html5 的发展和普及，了解 html5 也将成为 web 开发人员的必

19、修课。涉及到网页外观时，就需要学习 css 了，它可以帮你把网页做得更美观。利用 html 和 css 模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。第二步：学习 javascript, 了解 dom javascript 是一种能让你的网页更加生动活泼的程序语言。学习 javascript 的基本语法，学会用javascript 操作网页中 dom 元素。接着学习使用一些 javascript 库，比如 jquery 是大部分 web 开发人员都喜欢用的，通过 jquery 可以有效的提高 javascript 的开发效率。第三步：了解 web 服务器 你不必在这上面花太多

20、精力，但对 iis 、apache 基本配置要掌握，这方面的知识学起来也相对容易，不会花多长时间。学习一点 unix 和 linux 的基本知识，因为大部分 web 服务器都运行在 unix 和 linux 平台上。第四步: 学好一门服务器端脚本语言 服务器端脚本编程（后台开发）也是 web 开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它。目前流行的服务器脚本语言有： php 、 、jsp 、ruby 、python 、等。第五步：学习数据库及 sql 语法 要构建动态页面通常会使用到数据库，常用的数据库有 sqlserver 、oracle 、mysql 等，它们都会遵循标准的 sql 原则。通常 程序使