摘要：
㈠定义 ASCII ((American Standard Code for Information Interchange): 美国信息交换标准代码）是基于拉丁字母的一套电脑编码系统，主要用于显示现代英语和其他西欧语言。它是最通用的信息交换标准，并等同于国际标准ISO/IEC 646。ASCII第 阅读全文
摘要：
㈠定义及用法 ⑴<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 ⑵<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 ⑶元数据（metadata）是关于数据的信息。元数据 阅读全文
摘要：
㈠添加元素的步骤 ⑴创建空元素 ⑵设置关键属性 ⑶将元素添加到DOM树 ㈡创建空元素 示例： ㈢设置关键属性 a.innerHTML = "go to tmooc" a.herf = "http://tmooc.cn"; <a href = "http://tmooc.cn">go to tmooc 阅读全文
摘要：
㈠DOM标准 核心DOM： HTML DOM： 可操作一切结构化文档的API 专门操作HTML文档的简化版DOM API 包括HTML和XML 仅对常用的复杂的API进行了简化 万能！ 不是万能！ 繁琐！ 简单！ 开发：先用简单的，再用复杂的补充——以实现效果为目标 ㈡修改属性 核心DOM：4个操作 阅读全文
摘要：
㈠什么是DOM？ DOM：document object model，是W3C（万维网联盟）的标准，是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容，接口和样式。 对网页进行增删改查的操作。 ㈡DOM查找 ⑴按ID属性，精确查找一个元素对象 •注意：一定要注意大小写的规范，因为j 阅读全文
摘要：
㈠概念 ⑴静态布局：给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。针对不同分辨率的手机端，分别写不同的样式文件。例如：浏览器窗口是1000px，那么最小的宽度是900px或其他px,只要浏览器缩小过这个最小值就不会自动化的调整。 ⑵自适应布局：创建多 阅读全文
摘要：
㈠定义 响应式布局：Responsive Web Design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 ㈡优点 ⑴面对不同分辨率设备灵活性强 ⑵能够快捷解决多设备显示适应问题 ㈢缺点 ⑴兼容各种设备工作量大，效率低下 ⑵代 阅读全文
摘要：
㈠基本概念是什么？ ⑴页面就是由一个个盒模型堆砌起来的，每个HTML元素都可以叫做盒模型，盒模型由外而内包括：边距（margin）、边框（border）、填充（padding）、内容（content）。它在页面中所占的实际宽度是margin + border + paddint + content 阅读全文
摘要：
㈠<label>标签的定义与用法 ⑴<label> 标签为 input 元素定义标注（标记）。 ⑵label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果在 label 元素内点击文本，就会触发此控件。 就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件 阅读全文
摘要：
㈠输入框(input) 样式 ⑴使用 width 属性来设置输入框的宽度 示例：css部分：input { width: 100%; } html部分：<form> <label for="fname">First Name</label> <input type="text" id="fname" 阅读全文
摘要：
㈠什么是BFC？ BFC 全称为 块格式化上下文 (Block Formatting Context) 。 定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiabl 阅读全文
摘要：
JS对象转为类似json的字符串，对象->字符串叫序列化，字符串->对象 是反序列化 ㈠json序列化 <script> var shy = new Object(); shy.name = "石海莹"; shy.birth="1996年9月20日" document.write("姓名:"+shy 阅读全文
摘要：
㈠Animation&Transition&gradients 代码示例 圆形，渐变颜色，旋转，当鼠标放在圆上，圆旋转变大 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>复合属性</title> <styl 阅读全文
摘要：
㈠什么是json？ JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON 成为理想的数据 阅读全文
摘要：
㈠数组转字符串 ⑴String（arr）：将arr中的每个元素转为字符串，用逗号分隔 固定套路：对数组拍照：用于鉴别是否数组被修改过 ⑵arr.join("连接符")：将arr中每个元素转为字符串，用自定义的连接符分隔 // 将字符拼接为单词 var chars = ["H","e","l","l" 阅读全文
摘要：
㈠方式一：通过DOM节点的 style 样式获取 dom.style.width/height 只能获取使用内联样式的元素的宽和高。 效果图： js获取的高度和宽度的结果如下： 缺点：通过这种方式，只能获取行内样式，不能获取内嵌的样式和外链的样式。 ㈡方式二（通用型） ⑴window.getComp 阅读全文
摘要：
㈠box-sizing 属性 ⑴box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 ⑵语法：box-sizing: content-box|border-box|inherit; ⑶取值 ㈡content-box相关内容 ⑴padding和border不被包含在定义的width 阅读全文
摘要：
JavaScript 可以在时间间隔内执行，这就是所谓的定时事件（ Timing Events）。 ㈠Timing 事件 ⑴window 对象允许以指定的时间间隔执行代码，这些时间间隔称为定时事件。 ⑵通过 JavaScript 使用的有两个关键的方法： ①setTimeout(function, 阅读全文
摘要：
㈠用HTML5+CSS3做无限滚动效果 ⑴逻辑分析 ⑵实践示例 前5张图片为所有图片显示区，假设总长度为1100px； 后面出现的五张图片为克隆区，只是将前面的图片拷贝了一份； 然后将前五张和后五张的内容“捆绑”放在一个ul中，滚动的时候，就可以使得他们整体移动了 为了方便起见，尽量将ul的宽度设置 阅读全文
摘要：
㈠动画属性 ⑴animation-name：指定要绑定到选择器的关键帧的名称。 ⑵animation-duration：定义动画完成一个周期需要多少秒或毫秒 ⑶animation-timing-function：指定动画将如何完成一个周期。 ⑷animation-delay：属性定义动画什么时候开始 阅读全文
摘要：
㈠什么是关联数组 可以自定义下标名称的数组 ㈡为什么 索引数组中的数字下标没有明确的意义 ㈢何时 只希望每个元素都有专门的名称时 ㈣如何：2步 1）创建空数组 2）向空数组中添加新元素，并自定义下标名称 ㈤创建方式 var bookInfo= [ ]; bookInfo['bookName'] = 阅读全文
摘要：
索引数组：下标是数字数组 ㈠什么是？ 内存中连续储存多个数据的数据结构，再起一个统一的名字 ㈡为什么？ ①普通的变量只能存储一个数据程序=数据结构+算法 ②算法：解决问题的步骤 ③数据结构：数据在内存中的存储结构 好的数据结构可以极大的提高程序的执行效率 ㈢何时？ 只要存储多个连续的数据 ㈣创建 ★ 阅读全文
摘要：
㈠什么是循环结构 ⑴什么是循环？ 反复一遍又一遍的做着相同（相似）的事情 ⑵循环中的两大要素 ①循环条件：什么时候开始，什么时候结束 ②循环操作：循环体，循环过程中，干了什么 ㈡循环结构—while循环 ⑴语法 while（boolean表达式）{ 循环体语句； } ⑵流程 ①判断条件 ②如果条件为 阅读全文
摘要：
㈠switch-case 使用场合 优先用于等值判断的条件中 ㈡switch-case 语句执行逻辑 switch case语句是一种特殊的分支结构，可以根据一个表达式的不同取值，从不同的程序入口开始执行 流程： ⑴计算变量或表达式的值 ⑵计算出来的值与case后的数值，做等值判断，如果判断相等的话 阅读全文
摘要：
㈠程序 ⑴程序的流程控制 程序=数据+算法 ⑵程序的三种结构： ①顺序结构 ②分支结构 ③循环结构 ㈡IF结构 ⑴什么是分支结构？ 程序在运行过程中，根据不同的条件，选择执行某些语句 ⑵什么是IF结构 当条件满足时，运行某些语句 当条件不满足时，则不运行这些语句 ⑶语法 if （条件表达式）{ 语句 阅读全文
摘要：
㈠预定义类 示例：匹配一个ab+数字+任意字符的字符串：ab\d. ㈡边界 正则表达式常用的边界匹配字符 ⑴示例1：第一个是没写单词边界 第二个是加上字符边界的效果 第三个是为this的is替换成0，前面没有单词边界，后面有边界的示例。 ⑵示例2：常用边界字符“^”与“$”基本含义的举例 注意观察两 阅读全文
摘要：
㈠什么是SEO？ 搜索引擎优化，又称为SEO，即Search Engine Optimization，它是一种通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。 ㈡分类 搜索引擎优化的技术手段主要有黑帽(black hat)、白帽( 阅读全文
摘要：
㈠RegExp 对象 ⑴JavaScript通过内置对象RegExp支持正则表达式 ⑵有两种方法实例化RegExp对象 ①字面量 ②构造函数 ⑶字面量示例 示例1： 你会发现只匹配了第一个结果 示例2： 通过修饰符g，全文搜索匹配，所有的is都被替换了 ⑷构造函数示例 ㈡修饰符 ①g：global 阅读全文
摘要：
㈠校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1- 阅读全文
摘要：
㈠RegExp 对象 正则表达式是描述字符模式的对象。 正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。 ㈡语法 var patt=new RegExp(pattern,modifiers);或者更简单的方式:var patt=/pattern/modifiers; ⑴p 阅读全文
摘要：
㈠什么是正则表达式？ ⑴正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。 正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。 ⑵正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些 阅读全文
摘要：
JavaScript 函数是被设计为执行特定任务的代码块。 JavaScript 函数会在某代码调用它时被执行。 ㈠函数 ⑴什么是函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 ⑵为何使用函数？ 能够对代码进行复用：只要定义一次代码，就可以多次使用它。 能够多次向同一函数传递不同 阅读全文
摘要：
比较和逻辑运算符用于测试 true 或 false。 ㈠比较运算符 ⑴比较运算符在逻辑语句中使用，以判定变量或值是否相等。 ⑵我们给定 x = 5，下表中解释了比较运算符： 示例1： 示例2：加了字符串的例子 ㈡逻辑运算符 ⑴逻辑运算符用于判定变量或值之间的逻辑。 ⑵我们给定 x = 6 且 y = 阅读全文
摘要：
处理数值的典型情景是数值计算。 ㈠JavaScript 算术运算符 算术运算符对数值（文字或变量）执行算术运算。 ㈡算术运算符 典型的算术运算会操作两个数值。 ⑴这两个数可以是字面量： ⑵变量： ⑶表达式： ㈢运算符和操作数 ⑴在算术运算中，数被称为操作数。 ⑵（两个操作数之间执行的）运算由运算符定 阅读全文
摘要：
㈠JavaScript 运算符 ⑴运算符 = 用于赋值。 ⑵运算符 + 用于加值。 ⑶示例： 向变量赋值，并把它们相加： var x = 7; // 向 x 赋值 5 var y = 8; // 向 y 赋值 2 var z = x + y; // 向 z (x + y) 赋值 7 ㈡JavaScr 阅读全文
摘要：
JavaScript 字符串用于存储和操作文本。 ㈠JavaScript 字符串 ⑴JavaScript 字符串是引号中的零个或多个字符。 例如：var x = "Bill Gates" ⑵能够使用单引号或双引号： var carname = "Volvo XC60"; var carname = 阅读全文
摘要：
JavaScript 对象是拥有属性和方法的数据。 ㈠对象，属性和方法 为了能更加清晰的了解对象，属性和方法的概念，拿身边的例子进行阐述 ⑴对象：真实生活中，一辆汽车是一个对象。 ⑵属性：汽车的重量和颜色是对象的属性 ⑶方法：汽车的启动与停止是方法。 所有汽车都有这些属性，但是每款车的属性都不尽相同 阅读全文
摘要：
㈠闰年是如何来的？ 闰年(Leap Year)是为了弥补因人为历法规定造成的年度天数与地球实际公转周期的时间差而设立的。补上时间差的年份为闰年。 ㈡什么是闰年？ 凡阳历中有闰日(二月为二十九日)的年，或阴历中有闰月(一年有十三个月)的年；闰余(岁余置闰。阴历每年与回归年相比所差的时日)。 闰年共有3 阅读全文
摘要：
★值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。 ★引用数据类型：对象(Object)、数组(Array)、函数(Function)。 ☀Symbol 是 ES6 引入了一种新的原始数据类型，表 阅读全文
摘要：
变量是用于存储信息的"容器"。 ㈠用代码来更加立体化认识 在浏览器输出的内容如下： ㈡就像代数那样 x=5y=6z=x+y 在代数中，我们使用字母（比如 x）来保存值（比如 5）。 通过上面的表达式 z=x+y，我们能够计算出 z 的值为 11。 在 JavaScript 中，这些字母被称为变量。 阅读全文