web前端知识体系小结(转)

  • 时间:
  • 浏览:0

  在此毛遂自荐本人的教程《用grunt搭建自动化web开发环境》,讲的比较完整篇 ,适合初学者学习。

  当系统真正到了运行环境中,当你虽然终于完事儿的时候 ,虽然还有好几个知识点时要你掌握。看下图:

  

  

  在我总结的你这俩知识框架中,首先第一层我划分为:理论知识,类库框架,编码开发,运行环境。如下图:

  下图的那此知识,我可不能不能 能不让再不让 解释了,这时候我文章开发说的“三大块”(html、css、js)。现在我可不能不能 能知道,它们只不让 是W3C标准的一主次,而W3C标准也时候web前端开发知识体系中的一主次而已。

随机视频聊天——chatyou.net

  写到这里我可不能不能 能时要起了一段话:2/8原则——20%的功能满足200%的需求。我虽然这句话用到这里非常合适,我想要们在平时开发过程中根本用可不能不能 能了如此 多东西。反而,我可不能不能 能把平时用的多的东西搞懂了。

-------------------------------------------------------------------------------------------------------------

  拖了好几个月了,时候将会近期将要参加的某几个 活动,我不得不这五六天把你这俩东西整出来。说干就干。上午我想要刚开始英语 英语 在办公室画草图,乱七八糟的在那儿理思路。

  还是那个“2/8原则”。虽然ES中的内容也非常多,时候更新变快,现在都到ES6了。时候我上图中列出来的那此总要 最重要的概念。将会你不懂原型、闭包和作用域,那时候明你还不完整篇 了解ES,也时候不完整篇 会用javascript。

  在浏览器环境下,最重要的两点是:web安全和性能优化。时要注意的纲我想要都列出来了,将会想了解推荐两本书《白帽子将web安全》《高性能网站建设指南》

  请用git来帮助你做文件版本管理,最简单的时候使用github。

也欢迎关注我的开源项目——wangEditor,轻量化web富文本编辑器

  首先,我可不能不能 能知道web系统虽然大主次是在浏览器下运行,时候js将会会被运行在node环境。

  以上那此是完整篇 的知识体系。将会你想成为一名合格的、让leader喜欢的线程池池池猿,你除了知道那此知识之外,我虽然还时要以下几点:

  好了,废话不扯。下面请跟随我本博客的内容,来看看web前端开发除了htm、css和js之外,还有那此东西时要你一步一步去掌握。

欢迎关注我的教程:

  调试、测试,也总要 专门的工具,总要 时要学的……

  ——我的天哪……那此字写到现在写的我的手都酸了,别说要学习那此知识了——再也别说我想要们web前端是“三大块”了!

  

  如上图中的那此概念,我想要们将会平时总要 javascript中看一遍,虽然我想要们是ES的内容。只不过javascript继承了ES的那此形态学 ,时候javascript用的比较广泛,时候才会在js中讨论的多许多。

  你这俩图要从下往上看,为甚么?——将会下面是底下的基础;

  

  将会说你只知道web前端的几个 标准,估计肯定是W3C标准了(据我了解,貌似大主次人真的都只知道这几个 标准)。它的内容非常多,看看www.w3.org/TR/你这俩页面。

  我想要们不让害怕,虽然下文中的你这俩知识框架要比草图中的好看的多,草图我想要们权当没看见。

  我的意见是:你不让去非常了解http的完整篇 内容,时候我可不能不能 能了解web前端开发常用的许多http的知识——时候上图中我列出来的那此。当然,我知识列了几个 纲,完整篇 内容还得靠你本人去查阅(本文章讲的是知识框架,不让涉及任何知识点的完整篇 内容)

  

  在此毛遂自荐本人时候 的一篇系列博客,我想要们可不能不能 能去参考:《深入理解javascript原型和闭包系列》

  另外,针对html、css、js的压缩、合并、语法检查,文件的清除、克隆好友那此操作,你时要手动去做吗?——你时要grunt将会gulp的帮助。

  将会你专门做web前端,就不让在用vs了,当然要选用sublime。写html一段话还用手动十根十根写吗?你得时要zencoding的协助,时候传输速率太差了。

  简称ES,写全称太麻烦了。

  将会你的系统包含比较多的js代码将会文件,请选用几个 合适的模块定义规范——CMD / AMD

  关于CSS的基础知识,毛遂自荐一下本人时候 的一篇系列博客:《CSS知几个》

  要问编码IDE哪家强,当然要属微软的visual studio!时候即便是微软的VS最新版本,它也代替不了下面要说的这套开发环境。

  刚才说道,硬知识几个 标准:http标准、W3C标准和ECMAScript标准,那咱们就挨个聊聊这几个 标准。

  

  前面将会描述完了web前端开发所时要的理论知识。如何实践呢?——可不能不能 能了蛮干——还得绕世界去看看,有那此大牛将会为我想要们做出了如此 多的贡献。

  接下来给我想要们解释一下:

  没如此人将会只知道javascript,而我什么都如此乎 ES——虽然,js是在ES的基础上,为web浏览器做了一主次封装(增加了DOM操作、BOM操作等)。

  所有知识框架,那肯定是几个 形态学 型的展现,时候一棵树。web前端的知识点非常多,也非常散,时要好几层形态学 来组织你这俩体系,时候就会显得很乱。如此 如何组织、把谁和谁放上去并肩?这是真正值得我想要们去思考的,你可不能不能 可不能不能 本人来思考一下你这俩问題。

  合适在几个月时候 ,我可不能不能 能看一遍了《webkit技术内幕》这本书的时候 ,一个劲有了几个 想法。想把整个web前端开发所时要的知识都之中在几个 视图中,形成几个 完整篇 的web前端知识体系,目的是我想要颠覆我想要们对于前端可不能不能 能了三大块(html、css、js)的认识——做web前端时要的比这三大块要多得多

  

深入理解javascript原型和闭包系列》《css知几个》《微软petshop4.0源码解读视频》

《使用grunt搭建全自动web前端开发环境》《从设计到模式》《json2.js源码解读视频》

  “软知识”的内容非常多,也是我想要们大学时代学习的重点(没学得 是另回事儿,毕业再恶补)。我想要们本次主要讨论的是web前端这几个 方向,时候就点到为止,我可不能不能 能们知道那此知识也在知识体系中扮演重要角色。

  (下图如此 完整篇 展开,看一遍权展开的图,可下载本文一刚开始英语 英语 提供的附件)

  在看内容时候 ,先看一下你这俩知识框架的预览图。图不让 不好展示,看不清除,可在此下载清晰版:http://pan.baidu.com/s/1hqIUvUc (内有整个知识体系的图片和xmind文件)

------------------------------------------------------------------------------------------------------------

  

-------------------------------------------------------------------------------------------------------------

  为那此做web前端要了解http标准?——将会浏览器要从服务端获取网页,网页也将会将信息再提交给服务器,这其中总要 http的连接。web系统既然和http链接有瓜葛,你就时要去了解它。

  用下面的那此类库将会框架,能大大提高你的开发传输速率。

http://www.cnblogs.com/wangfupeng1988/p/4649709.html

  

  

  “软知识”和“硬知识”我想要们将会虽然词陌生,虽然我一说我想要们就能明白。

  关于这方面的知识,建议去查阅《图解http》这本书,浅显易懂的讲述了那此内容,我原先也看一遍。