黑马程序员技术交流社区

标题: 学习经历 [打印本页]

---

作者: 418580714    时间: 2019-1-15 11:58
标题: 学习经历
      时光荏苒,光阴似箭.不知不觉在黑马已经学习了两个月,先浅谈一下自己在这两个月的学习知识吧.来黑马学习之前,自己是小白一个,完全0基础.在这里有一个20天左右的基础班学习,前

两天学习html,1. HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。

2. HTML 不是一种编程语言，而是一种标记语言 (markup language)
.
3.标记语言是一套标记标签 (markup tag)
html里面包含图片、链接、文字等网页元素标签.
认识了什么是网页(web),网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。
接下来学习了一个星期的css,CSS就像 网页的美容师,CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
通过CSS里面的方法.font-size改变字体大小，font-family 改变字体，color 改变颜色，text-align来改变我们文字的水平位子.让页面的文字内容更加生动美观,光有文字是不是还是不够漂

亮，接着又学习了图片的修饰。背景颜色 background-color，背景图片 background-image，背景位置 background-position
背景平铺 background-repeat，背景固定 background-attachment。为了让图片摆放的整齐美观,少不了浮动与定位.定位的四种模式:1.静态定位，相对定位，绝对定位，固定定位，给一个边

偏移他会根据自己本身的位子进行移动位置，移动后原来的
的位子继续占有，绝对定位是相对它父元素的位子进行移动位置的，如果父元素没有定位，就以浏览器的位置进行移动，移动后，原有位置不占有了。类似浮动后的元素一样。
固定定位。总是以浏览器可视窗口移动位子,不随滚动条滚动。
通过html和css的结合使用,可以简单的完成简单的静态页面.为了让页面更加生动,接下来就业班开始了更加深入的学习,javascript.
HTML/CSS/JS 三者的关系:- HTML/CSS 是 标记语言--描述类语言
  HTML 决定网页结构和内容( 决定看到什么 )，相当于人的身体
- CSS 决定网页呈现给用户的模样( 决定好不好看 )，相当

于给人穿衣服、化妆
- JavaScript 是 脚本语言--编程类语言
  实现业务逻辑和页面控制( 决定功能 )，相当于人的各种动作
.
JavaScript是一种运行在客户端 的脚本语言 .JavaScript 中的数据类型 分两类：简单数据类型 和 复杂数据类型.简单数据类型有:1.Number JavaScript 只有一种数字类型，既可以用来保

存 整数值，也可以保存 小数  
2.Boolean:布尔类型有两个值：true 和 false
3.String:用于表示 文本数据 ，语法为 双引号 "" 和 单引号''
4.Undefined :一个声明后没有被赋值的变量会有个默认值 undefined。
typeof 可用来获取检测变量的数据类型.
javascript种一个重要的核心内容1,函数 就是 封装了 一段 可被重复调用执行的 代码块。 可以实现大量代码的重复使用.
函数语法 分 函数声明 和 函数调用，函数声明本身并不会执行代码，只有调用函数 时 才会执行函数体.
函数有两种参数,因为参数的存在,让函数灵活了起来,参数  :  在函数内部某些值不能固定，只有在调用的时候才能确定这个值.jQuery是一个快速、简洁、免费且开放源代码的JavaScript框

架代码库。
形参        形式上的参数  函数定义的时候 传递的参数  当前并不知道是什么
实参        实际的参数  函数调用的时候传递的参数 这个参数我们知道 给形参赋值
javascript种另一个重要的核心内容2.对象:可以用对象把 一组相关的 变量 和 函数 关联 起来，访问和作为参数传递起来方便。
对象字面量：是封闭在花括号对 {} 中的一个对象的0个或多个 键:值 无序列表
函数和方法的区别：

- 函数是单独存在的，  调用的时候 函数名()  就可以了   
- 方法是在对象里面，  调用的时候，对象.方法名()   
  API 一套操作浏览器的API。

通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等 。

一套操作页面元素（标签）的API。

DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作。

DOM经常进行的操作

- 获取元素,几种常用获取元素方法(1.根据ID获取元素getElementsById()(,2根据标签名获取元素:getElementsByTagName()(,3根据选择器获取元素:querySelector( )  

和 querySelectorAll( ))
- 对元素进行操作(设置其属性或调用其方法)
- 动态创建元素
- 事件(什么时机做相应的操作)
常用的事件

load事件，页面完全加载完之后（包括所有的图像、js文件

、css文件等外部资源）触发。

scroll事件，滚动条滚动时触发，不停滚不停触发。

blur事件，失去焦点时触发。

focus事件，获得焦点时触发。

click事件，单击鼠标左键触发。

dblclick事件

，双击鼠标左键触发。

mouseover事件，鼠标指针移动到元素上时触发。会冒泡。

mouseout事件，鼠标指针离开元素时触发。会冒泡。

keydown事件，当用户按下键盘上的任意键时触发。按住

不放，会重复触发。

keyup事件，当用户释放键盘上的键时触发。
事件函数中的this【重点】

事件处理函数中，有1个关键字this，这个this代表触发当前事件的元素对象（事件源）。

事件的三个阶段

1. 捕获阶段
2. 当前目标阶段（到达事件位置，触发事件）
3. 冒泡阶段
.
标签的默认行为【重点】

html的一些标签有默认行为，如<a></a>，当单击a标签时，会进行页面的跳转。

如何阻止其默认行为？

在事件处理函数内部的最后 return false;

元素内容操作【重点】

元素对象.innerHTML，获取或设置元素的开始标签和结束标签中间的内容。

元素对象.innerText，获取或设置元素的开始标签和结束标签中间的内容。

表单元素属性操作【重点】

表单元素中有一些属性如：disabled、checked、selected，元素对象的这些属性的值是布尔型。

- disabled 禁用属性
- checked 复选框选中属性
- selected 下拉

菜单选中属性

自定义属性操作【重点】

- getAttribute() 获取标签指定属性的值
- setAttribute() 设置标签指定属性的值
- removeAttribute() 移除标签指定的属性
-

创建元素的三种方式【重点】1.document.write()

这种方式，极少使用！！！2.innerHTML

创建的元素比较多时，不推荐使用。
3.document.createElement()
BOM的概念

BOM(Browser Object Model) 是指浏览器对象模型。

浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象。

BOM提供了一系列对象来访问、控制、修改浏览器，

比如：刷新浏览器、后退、前进、修改url地址等。

BOM的顶级对象window

jQuery是一个快速、简洁、免费且开放源代码的JavaScript框架代码库。
DOM对象与jQuery对象是两个完全不同的对象，各自有自己独有的属性和方法。
jQuery的方法:text() ：获取元素的文本内容（不包含标签）
text(val) ：设置元素的文本内容（如果内容包含标签，当做普通文本处理）
•:even 偶数，获取索引为偶数的元素
•:odd  奇数，获取索引为奇数的元素
•:first ：获取第一个元素
•:last ：获取最后一个元素
•:eq(index) ：获取索引等于index的元素，index默认从0开始
•:gt(index) 大于，获取索引大于index的元素
•:lt(index) 小于，获取索引小于index的元素
.children()方法，获取所有的子代元素。
.show()显示已经隐藏的元素。
.hide()隐藏已经显示的元素。
.index()返回元素的索引值。
.siblings()获取所有的同辈元素
.find() 在后代搜索符合条件的元素。
通过两个月的学习,东西很多,还需要很多时间将所学的知识慢慢消化,领悟.

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2