前段学习初始化

开始学习前段，各种疑问

为什么有前段，那就有后端，服务端。

     我该从哪开始学习，各种的网上的搜索

     需要哪些书籍，要买书吗

     需要什么工具

     有视频吗

     我现在基础能学习前段吗

     学习前段能干啥

     他是个名字，他怎么解释，他包含哪些东

。。。。。。

哈哈哈，带着各种的疑问，也许这是你完全陌生的东西，但是有什么办法能让你入门和学习呢？

我们是否可以参考Scott_Young的方法，选定范围或者是主题，了解概要，练习，自省。其实最重要的是分而治之，就是他提到的The Feynman Technique。

   下面花点时间了解，各种名词

了解我们主要学习对象、范围。从我们日常用的浏览器开始。

   其实只要我们观察和学习浏览器的工作就知道：酷壳 浏览器的渲染原理简介 我们要学习什么

上面是 浏览器的工作过程，其中有很多的关键字，HTML , script, DOM,CSS 等，我们就是围绕这些关键字学习。

上图简述

• 我们在浏览器的地址栏中输入www.google.com.之后发生了什么。
• 浏览器根据你给他提供的地址，这个地址提供一中浏览器能够看懂和解释的文档.
• 然后呢，然后就发生我上图的一系类的事件
• 第一个框表示浏览器取回 的东西，接着他将取回的文档转化成另一种形式，为什么要转化，为什么要加工？
• 黄色的椭圆表示动作，施加在取回文档，或者是文档转化后的对象上。
• 经过一系类的动作，我们看见了：
• 
  
• 当然现在理解不一定对，那他和我们学习前段有什么关系呢？
  • 首先，我们要编写的东西就是浏览器要取回解读的东西
  • 用什么写呢？由上面提到的三种语言 html css script。
  • 我们编程的对象就是浏览器。

接下来分别了解上面三种语言是什么

HTML

始终记住我们的编程的对象时浏览器，也就是我们聊天的对象，知识不是在线聊天，好像是我给他的留言

那就要说它能听懂的，那它能听懂什么话呢？第一个就是HTML语言。

超文本标记语言 （ 英文 ： HyperText Markup Language ， HTML ）是为“ 网页 创建和其它可在 网页浏览器 中看到的信息”设计的一种 标记语言 。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和 语义 .

上面的解释来自维基百科，他是标记语言，各种标记有自己的意思和作用，和生活中的标记一样，只要你了解这个标记你就知道他是什么意思，而不用很长的文字表单意思。他是为创建网页而设计的语言。

语言是用来表单我们意思，标记语言也是相同的功能，而且更加的简洁。

谁能听懂呢，那就是浏览器

CSS

层叠样式表（英语：Cascading Style Sheets，简写CSS），又称串样式列表、层次结构式样式表文件，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护。

他的主要功能就是为上面的HTML文档添加样式的，这只是功能，那他为什么称为层叠样式表。

样式表，指定html文件中每个元素的样式属性，字体大小=12，颜色=红色等等。

script （ javascript ）

JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器，如Node.js。

前面两种可以说是浏览器和外界交流的简单的语言，完成基本功能的语言，主要完成信息的展示。

他可以给html文件增加动态功能。

javascript 语言比前面的语言强大或者是难理解，需要用一个建立一个专门的机构处理，他叫javascript引擎，它主要负责javascript的解释和执行。

总结：

我们编写的网页主要由变种语言构成，html css javascript，都是能够被浏览器理解的,但是他们负责不同的方面。

html负责展示结构化的信息，如那些事标题、那些事段落等；css会给标题和段落添加样式：文字的颜色和大小；

而javascript呢？上面的两种语言表现的内容都是静态的。也就是一旦写好，你不去修改，在由浏览器取回，处理、显示。你会一直看到的是一样的页面。

但是javascript能动态的改变页面的表现。因为页面的展示的内容都是有html语言和css语言编写的文档被浏览器解释，展示。想改变页面的表现，推理可以通过改变html和css文档。如果没有javascript能做到吗？当然可以，编辑文档，保存，浏览器重新解释，展示。但是如果问已经存在呢？这就像小学，我写作文，写错了一个字，我怎么办，当然是用橡皮擦掉啊！对啊，我总不能为了一个错字重写一遍吧！javascript就是橡皮，动态的改变文档的内容，浏览器观察文档改变了，解释，展示。橡皮是什么原理擦掉了错字呢？那javascript是怎么改变文档内容的呢？他的原理是什么呢？本文的第一站图已经展示了。浏览器知道我们有这样的需求，已经为我们准备好修改文档内容的工具，我们只要用他们就能改变文档内容，他们就是DOM API.就是我们需要的工具。

总结的总结：

了解浏览器的主要功能：展示网页（怎样展示，过程）

编写网页主要语言：html css javascript

浏览器取回文档，解析，生成与文档交互的DOM api，javascript 通过DOM api与文档交互。

参考：http://blog.csdn.net/borishuai/article/details/8676573