摘要: ## JS 正则表达式 - 正则表达式用来定义一些字符串的规则 - 计算机可以根据这些规则来判断字符串是否符合规则 - 或者从一个字符串中将符合规则的内容提取出来 #### 构造函数创建正则表达式 - var 变量 = new RegExp("正则表达式","匹配模式") - 第一个参数: 表示检查 阅读全文
posted @ 2017-08-10 23:17 TTup* 阅读(149) 评论(0) 推荐(0) 编辑
摘要: ## JS运算符 #### 算数二元运算符 - +加号 - 对符号两侧的值进行加法运算并将结果返回 - 对非数字(除了字符串)进行加法运算时,它会将其先转换为数字,然后再运算 - 任何值和NaN做任何运算都返回NaN - 对两个字符串进行相加,则会进行拼串的操作 - -减号 - 减号可以对符号两侧的 阅读全文
posted @ 2017-08-10 23:16 TTup* 阅读(137) 评论(0) 推荐(0) 编辑
摘要: ## JS语句 #### 代码块 - 在js中可以使用{}大括号进行语句分组 - 可以将同一组的语句放到{}中 - 一个大括号中的语句,我们称为是一个代码块,代码块后不用加分号 - js中的代码块仅有分组的作用,没有其他的作用 ### 流程控制语句 - JS中程序的执行顺序是按照自上到下一行一行执行 阅读全文
posted @ 2017-08-10 23:16 TTup* 阅读(198) 评论(0) 推荐(0) 编辑
摘要: ## JS数组 - 数组也是一个对象,功能和普通对象(Object)的功能类似 - 数组中也可以保存不同的元素(属性) - 不同的是普通对象是通过一个字符串作为属性名来操作属性的 - 而数字路是通过索引来操作元素的 - 索引 (index) - 从0开始的整数 #### 数组的操作 - 创建数组 - 阅读全文
posted @ 2017-08-10 23:15 TTup* 阅读(87) 评论(0) 推荐(0) 编辑
摘要: ## JS数据类型 - String 字符串 - Number 数值 - Boolean 布尔值 - Null 空值 - Undefined 未定义 - Object 对象 **String、Number、Boolean、Null、undefined属于基本数据类型** **Object属于引用数据 阅读全文
posted @ 2017-08-10 23:02 TTup* 阅读(115) 评论(0) 推荐(0) 编辑
摘要: ## Javascript Date #### Date 是一个用来表示时间的对象 - 直接调用构造函数创建时间对象 - var date = new Date() #### Date的方法 ##### getTime() - 获取当前日期对象的时间戳 - 时间戳是指格林威治标准时间1970年1月1 阅读全文
posted @ 2017-08-10 23:01 TTup* 阅读(116) 评论(0) 推荐(0) 编辑
摘要: #### JS基本语法: - JS中严格区分大小写 - JS中每个语句以分号结尾 - JS中会忽略多个空格和换行. 可以利用空格和换行对代码进行格式化整理 #### JS字面量和变量 - 字面量 1. 字面量简单来说就是一个值. 比如数字或者是字符串 2. 字面量都是固定的.不可变化 3. 在JS中 阅读全文
posted @ 2017-08-10 23:00 TTup* 阅读(178) 评论(0) 推荐(0) 编辑
摘要: ## JS函数 - 函数也是一个对象. 具有Object的所有功能 - 不同的是, 函数对象中可以保存一些可执行的代码.并且在需要的时候可以调用这些代码 #### 函数声明式创建 function 函数名 (形参){ 语句 } 函数调用: 函数名(实参) - 如果需要函数中的代码执行. 则要对函数进 阅读全文
posted @ 2017-08-10 22:59 TTup* 阅读(83) 评论(0) 推荐(0) 编辑
摘要: ## JS对象 - 对象是一种复合数据类型 - 它里面可以装任意数据类型的属性 #### 对象的分类 1. 内建对象 - 内建对象指由ES标准定义的对象,任何对ES标准的实现都可以使用这些对象 - 比如: Math String Numer Boolean RegExp 2. 宿主对象 - 宿主对象 阅读全文
posted @ 2017-08-10 22:58 TTup* 阅读(97) 评论(0) 推荐(0) 编辑
摘要: ## JSON #### Javascript Object Natation - 中文翻译: JS对象表示法 - JSON是表示数据的一种格式 - JSON实际就是一个字符串 - JSON中的属性名和属性值必须加双引号 - JSON可以被任意的语言任意的平台所识别 - JSON不能加注释 #### 阅读全文
posted @ 2017-08-10 22:57 TTup* 阅读(165) 评论(0) 推荐(0) 编辑
摘要: ## ECMAScript - 它是一种由ECMA组织(前身为欧洲计算机制造商协会)制定和发布的脚本语言规范 - JavaScript是ECMA的实现 - ECMAScript和JavaScript平时表达同一个意思 #### JS包含三个部分: - ECMAScript(核心) - 扩展==>浏览 阅读全文
posted @ 2017-08-10 22:56 TTup* 阅读(101) 评论(0) 推荐(0) 编辑
摘要: # DOM 基础 ## Document Object Model - 文档对象模型 - DOM就是让我们可以通过JS来操作网页 - 文档 - 文档指的是整个网页文档 - 对象 - 将网页中的每一个部分都转换为了一个对象 - 模型 - 通过模型来表示对象之间的关系,方便我们查找对象 ![](http 阅读全文
posted @ 2017-08-10 22:55 TTup* 阅读(105) 评论(0) 推荐(0) 编辑
摘要: # BOM ## Browser Object Model - 浏览器对象模型 - BOM对象都是作为window对象的属性保存的 - window 代表浏览器窗口 - navigator 代表浏览器的信息.可用来识别浏览器 - history 浏览器的历史记录 - location 代表浏览器的地 阅读全文
posted @ 2017-08-10 22:54 TTup* 阅读(117) 评论(0) 推荐(0) 编辑
摘要: ## 浮动 - 使用float设置元素浮动 - 可选值 - none 默认值. 元素不浮动 - left 元素向左浮动 - right 元素向右浮动 - 浮动的特点: - 当元素设置浮动后,元素会向页面左上或右上浮动 - 当浮动元素遇到父元素边框后, 会停止浮动 - 当浮动元素遇到其他浮动元素时,会 阅读全文
posted @ 2017-08-10 22:50 TTup* 阅读(148) 评论(0) 推荐(0) 编辑
摘要: ## 定位 - 更高级的布局方式.比浮动更加灵活 - 通过定位可以将元素摆放到页面中任意位置 - 定位分为三种: 相对定位. 绝对定位. 固定定位 - 通过position属性来设置元素的定位 - static 默认值 没有开启定位 - relative 开启相对定位 - absolute 开启绝对 阅读全文
posted @ 2017-08-10 22:47 TTup* 阅读(175) 评论(0) 推荐(0) 编辑
摘要: ### 图片格式 - JPEG - 支持颜色多. 可以压缩. 不支持透明 - 一般显示颜色丰富的图片可以使用jpeg - GIF - 支持的颜色少. 支持简单的透明. 支持动态图 - 一般显示单一颜色的图片或动图 - PNG - 支持的颜色多. 支持复杂的透明 - 可以用来显示颜色丰富,透明度复杂的 阅读全文
posted @ 2017-08-10 22:46 TTup* 阅读(121) 评论(0) 推荐(0) 编辑
摘要: ## CSS2 字体样式 ##### font-family 字体族 - 规定元素的字体系列 - 把多个字体作为一个"回退"系统保存.保证浏览器的支持 - ````Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif```` ### 阅读全文
posted @ 2017-08-10 22:42 TTup* 阅读(257) 评论(0) 推荐(0) 编辑
摘要: ## CSS2 文本样式 ##### color 字体颜色 - rgba(255, 0, 0, .8) ##### direction 设置文本方向 - ltr 默认排列方向从左到右. - rtl 排列方向从右到左 - 支持文本. 行内元素. 行内块元素 - 可继承 ##### line-heigh 阅读全文
posted @ 2017-08-10 22:39 TTup* 阅读(105) 评论(0) 推荐(0) 编辑
摘要: ## CSS2 vertical-align 垂直对齐 - baseline 默认值.基于基线对齐 - middle 位于同一行的非衬线字体小写字母的 1/2 处.不要为父元素设置高度和行高 - top 位于父元素一行的顶部 - bottom 位于父元素一行的底部 - text-top 位于同一行的 阅读全文
posted @ 2017-08-10 22:37 TTup* 阅读(296) 评论(0) 推荐(0) 编辑
摘要: ## CSS2 背景##### background-color 设置背景颜色 ##### background-image 设置背景图片- ````background-image:url("图片的路径");```` ##### background-repeat 设置背景图片的重复方式 - re 阅读全文
posted @ 2017-08-10 22:22 TTup* 阅读(153) 评论(0) 推荐(0) 编辑