每一个web 全栈大神的养成是代码和学习的积累。对于初学者来讲，分享到大神们对开发软件时的心得非常有好处。本文谈一谈哪些是 web 开发知识体系中必要的知识点，希望可以帮助到更多开发者。

web 开发知识 web 开发知识体系：

　　1 、界面和用户体验

　　注意，浏览器的实现标准是不一致的，请确保你的网站能够兼容所有主流的浏览器。最少需要测试的有Gecko 引擎 (Firefox) ， WebKit 引擎 (Safari 以及一些手机浏览器 ) ， Chrome ，你所要支持的 IE 浏览器，以及 Opera 。此外，你还需要了解不同系统下，浏览器是如何渲染网页的。考虑一下人们不使用主流浏览器的情况，如手机，屏幕阅读器和搜索引擎。一些可用的辅助信息： WAI 和 Section508 ，移动开发： MobiForge 。

　　2 、安全

　　OWASP 开发指南几乎覆盖了网站安全所有的内容。了解注入，尤其是 SQL 注入，并学会如何阻止它。永远不要相信用户的输入，以及其他任何请求 ( 包括 Cookies 和隐藏域的值 ) 。

　　3 、 性能

　　如果有必要的话，实现缓存，请正确理解和使用HTTP 缓存。优化图片。不要使用 20K 的图片作为平铺背景。学习如何 gzip/deflate 内容 (deflate 效果更好 ) 。合并样式表与脚本文件以减小浏览器链接数，同时提高 gzip 的压缩能力。

　　4 、 SEO (Search Engine Optimization) 搜索引擎优化

　　在动态内容中，把# 改成 #! ，然后在服务器端使用 $_REQUEST["_escaped_fragment_"] 。换句话说 ./#!page=1 变成了 . /?_escaped_fragments_=page=1 。此外，对于使用 FF.b4 or Chromium 的用户， history.pushState({"foo":"bar"}, "About", "./?page=1"); 是一个非常棒的命令。因此，即使地址栏已经改变了，页面也不会刷新。

　　5 、技术

　　理解HTTP 以及 GET 、 POST 、 session 、 cookie 以及 “ 无状态 ” 的意思。撰写 XHTML/HTML 和 CSS 要遵循 W3C 规范，并确保它们通过校验。这样做的目的是为了避免浏览器的怪癖模式，并且这使得非标准浏览器如屏幕阅读器和移动设备更加容易实现。理解浏览器是如何处理 JavaScript 的。理解 JavaScript 、样式表、以及页面使用的其他资源是如何加载的，并考虑它们对感知性能的影响。现在普遍认同的一种做法是把除分析代码等以外的脚本文件放在页面底部。

　　6 、 BUG 修复

　　要了解你花费20% 的时间写代码而花费 80% 的时间来维护，因此写代码时一定注意。建立一个好的错误报告解决方案。建立一个别人可以提建议和批评的系统。为未来的支持人员和维护人员建立良好的文档。