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

  • 时间:
  • 浏览:0
  • 来源:大发彩神下载—大发彩神APP

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

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

  关于这方面的知识,建议去查阅《图解http》这本书,浅显易懂的讲述了哪些地方地方内容,我原本也看完。

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

  至少在好多个月完后 ,让我 看完了《webkit技术内幕》这本书的完后 ,一直有了六个 想法。想把整个web前端开发所须要的知识都之中在六个 视图中,形成六个 完整性的web前端知识体系,目的是你要颠覆大伙儿 对于前端都能否了三大块(html、css、js)的认识——做web前端须要的比这三大块要多得多

  ——我的天哪……哪些地方地方字写到现在写的我的手都酸了,别说要学习哪些地方地方知识了——再也别说大伙儿 web前端是“三大块”了!

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

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

  在此毛遂自荐另一方完后 的一篇系列博客,大伙儿 都能否 去参考:《深入理解javascript原型和闭包系列》

  接下来给大伙儿 解释一下:

  “软知识”的内容非常多,也是大伙儿 大学时代学习的重点(没应应学另回事儿,毕业再恶补)。大伙儿 本次主要讨论的是web前端这六个 方向,因此 就点到为止,让大伙儿 知道哪些地方地方知识也在知识体系中扮演重要角色。

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

  肯能你专门做web前端,就不让说在用vs了,当然要选者sublime。写html话语还用手动三根三根写吗?你得须要zencoding的协助,因此 传输速率太差了。

  

  拖了好好多个月了,因此 肯能近期将要参加的某六个 活动,我不得不这四天把这些东西整出来。说干就干。上午让我刚结速在办公室画草图,乱七八糟的在那儿理思路。

  

  还是那个“2/8原则”。随便说说ES中的内容也非常多,因此 更新快一点 ,现在都到ES6了。因此 我上图中列出来的哪些地方地方完整性前会最重要的概念。肯能你不懂原型、闭包和作用域,那以后明你还不完整性了解ES,也以后让完整性会用javascript。

  首先,让我 知道web系统随便说说大每种是在浏览器下运行,因此 js肯能会被运行在node环境。

  以上哪些地方地方是完整性的知识体系。肯能你想成为一名合格的、让leader喜欢的多多程序 猿,你除了知道哪些地方地方知识之外,我随便说说还须要以下几点:

  

  当系统真正到了运行环境中,当你随便说说终于完事儿的完后 ,随便说说还有好好多个知识点须要你掌握。看下图:

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

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

  大伙儿 不让说害怕,随便说说下文中的这些知识框架要比草图中的好看的多,草图大伙儿 权当没看见。

  (下图这样完整性展开,看完权展开的图,可下载本文一刚结速提供的附件)

  调试、测试,也完整性前会专门的工具,完整性前会须要学的……

  下图的哪些地方地方知识,让我 不让再过多解释了,这以后我文章开发说的“三大块”(html、css、js)。现在让我 知道,它们只过多是W3C标准的一每种,而W3C标准也以后web前端开发知识体系中的一每种而已。

  另外,针对html、css、js的压缩、合并、语法检查,文件的清除、基因重组哪些地方地方操作,你须要手动去做吗?——你须要grunt肯能gulp的帮助。

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

  

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

  

  

  肯能你的系统中含比较多的js代码肯能文件,请选者六个 至少的模块定义规范——CMD / AMD

随机视频聊天——chatyou.net

  这些图要从下往上看,为什么么么在在?——肯能下面是中间的基础;

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

  

  关于CSS的基础知识,毛遂自荐一下另一方完后 的一篇系列博客:《CSS知好多个》

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

  一群人肯能只知道javascript,而真不知道ES——随便说说,js是在ES的基础上,为web浏览器做了一每种封装(增加了DOM操作、BOM操作等)。

  

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

  如上图中的哪些地方地方概念,大伙儿 肯能平时完整性前会javascript中看完,随便说说大伙儿 是ES的内容。只不过javascript继承了ES的哪些地方地方形态,因此 javascript用的比较广泛,因此 才会在js中讨论的多许多。

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

欢迎关注我的教程:

  写到这里让我 就要起了话语:2/8原则——20%的功能满足100%的需求。我随便说说这句话用到这里非常至少,大伙儿 在平时开发过程中根本用都能否了这样多东西。反而,让我 把平时用的多的东西甩掉了。

  “软知识”和“硬知识”大伙儿 肯能随便说说词陌生,随便说说我一说大伙儿 就能明白。

  所有知识框架,那肯定是六个 形态型的展现,以后一棵树。web前端的知识点非常多,也非常散,须要好几层形态来组织这些体系,因此 就会显得很乱。这样怎样才能组织、把谁和谁倒入一齐?这是真正值得大伙儿 去思考的,你也都能否 另一方来思考一下这些什么的问题。

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

  为哪些地方做web前端要了解http标准?——肯能浏览器要从服务端获取网页,网页也肯能将信息再提交给服务器,这其中完整性前会http的连接。web系统既然和http链接有瓜葛,你就须要去了解它。

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

  用下面的哪些地方地方类库肯能框架,能大大提高你的开发传输速率。

  前面肯能描述完了web前端开发所须要的理论知识。怎样才能实践呢?——都能否了蛮干——还得绕世界去看看,哪些地方地方大牛肯能为大伙儿 做出了这样多的贡献。

  我的意见是:你不让说去非常了解http的完整性内容,因此 让我 了解web前端开发常用的许多http的知识——以后上图中我列出来的哪些地方地方。当然,我知识列了六个 纲,完整性内容还得靠你另一方去查阅(本文章讲的是知识框架,不让涉及任何知识点的完整性内容)

  

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