起航学习网

每一个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(SearchEngineOptimization)搜索引擎优化

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

5、技术

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

6、BUG修复

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

文章出自：http://qh.itpxw.cn/peixun/web/202185154.html

文章标题：哪些是Web前端开发知识体系中必要的知识点？

免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉