开始学习前段,各种疑问
为什么有前段,那就有后端,服务端。
我该从哪开始学习,各种的网上的搜索
需要哪些书籍,要买书吗
需要什么工具
有视频吗
我现在基础能学习前段吗
学习前段能干啥
他是个名字,他怎么解释,他包含哪些东
。。。。。。
哈哈哈,带着各种的疑问,也许这是你完全陌生的东西,但是有什么办法能让你入门和学习呢?
我们是否可以参考Scott_Young的方法,选定范围或者是主题,了解概要,练习,自省。其实最重要的是分而治之,就是他提到的The Feynman Technique。
下面花点时间了解,各种名词
了解我们主要学习对象、范围。从我们日常用的浏览器开始。
其实只要我们观察和学习浏览器的工作就知道:酷壳 浏览器的渲染原理简介 我们要学习什么
上面是
浏览器的工作过程,其中有很多的关键字,HTML , script, DOM,CSS 等,我们就是围绕这些关键字学习。
上图简述
- 我们在浏览器的地址栏中输入www.google.com.之后发生了什么。
- 浏览器根据你给他提供的地址,这个地址提供一中浏览器能够看懂和解释的文档.
- 然后呢,然后就发生我上图的一系类的事件
- 第一个框表示浏览器取回 的东西,接着他将取回的文档转化成另一种形式,为什么要转化,为什么要加工?
- 黄色的椭圆表示动作,施加在取回文档,或者是文档转化后的对象上。
- 经过一系类的动作,我们看见了:
- 当然现在理解不一定对,那他和我们学习前段有什么关系呢?
- 首先,我们要编写的东西就是浏览器要取回解读的东西
- 用什么写呢?由上面提到的三种语言 html css script。
- 我们编程的对象就是浏览器。
接下来分别了解上面三种语言是什么
HTML
那就要说它能听懂的,那它能听懂什么话呢?第一个就是HTML语言。上面的解释来自维基百科,他是标记语言,各种标记有自己的意思和作用,和生活中的标记一样,只要你了解这个标记你就知道他是什么意思,而不用很长的文字表单意思。他是为创建网页而设计的语言。语言是用来表单我们意思,标记语言也是相同的功能,而且更加的简洁。谁能听懂呢,那就是浏览器CSS他的主要功能就是为上面的HTML文档添加样式的,这只是功能,那他为什么称为层叠样式表。样式表,指定html文件中每个元素的样式属性,字体大小=12,颜色=红色等等。script ( javascript )前面两种可以说是浏览器和外界交流的简单的语言,完成基本功能的语言,主要完成信息的展示。
他可以给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