这一篇主要复习总结我所学习到的知识,相当于一篇杂文,大家将就看看(哈哈哈没人看也不要紧)
HTML篇
- 定义:超文本标记语言(hyper text marking language);
- 结构:
<html>
<!--根标记 / 向浏览器标识此为HTML文档-->
<html lang="en">
<!--向搜索引擎标识此语言为“en”的HTML页面-->
<head>
<!--标记此HTML文档的头部信息-->
<title>
<!--标记此HTML文档的页面标题-->
</title>
<meta http-equiv="content-type" content="text/html ;charset=utf-8">
<!--或者使用-->
<!--refresh :刷新,content :刷新的频率每间隔一段时间重新加载页面-->
<!--<meta http-equiv="refresh" content="3">-->
</head>
<body>
<!--标记此HTML文档的显示内容-->
</body>
</html>
</html>
-
Element(元素):
锚点(anchor)元素:<a>
定义超链接,通常形式为<a href="url"></a>
;
段落元素:<p>
定义了 HTML 文档中的一个段落,拥有一个开始标签<p>
,以及一个结束标签</p>
,通常形式为<p>This is my first paragraph.</p>
;
主体元素:<body>
定义了 HTML 文档的主体,拥有一个开始标签<body>
,以及一个结束标签</body>
,通常形式为<body><p>This is my first paragraph.</p></body>
;
文档元素:<html>
整个 HTML 文档,拥有一个开始标签<html>
,以及一个结束标签,通常形式为</html><body><p>This is my first paragraph.</p></body></html>
;
HTML5篇
CSS篇
CSS3篇
Bootstrap篇
jQuery篇
#A(id)/ .B(类)/ C(元素)
jQuery方法要放在<script></script>
之间,且所有方法都以
(
b
l
i
n
g
/
美
元
符
号
)
开
头
;
必
写
的
第
一
个
方
法
‘
(bling/美元符号)开头; 必写的第一个方法`
(bling/美元符号)开头;必写的第一个方法‘(document).ready(function(){});`,否则你的代码会在HTML没有渲染完成就执行,产生bug;
- $("").addClass(“某个css类”);
增加元素中的某个class属性; - $("").removeClass(“某个css类”);
移除元素中的某个class属性; - $("").css(“color”, “blue”);
CSS的属性和值是在引号内的,并且用逗号分开,比如"background-color","#B3104A"
; - $("").prop(“disabled”,true);
调整元素的属性; - $("").html("");
改变元素中的属性,或者改变元素之间的内容或者元素(标记)本身; - $("").text("");
只改变元素间的文本内容; - $("").remove("");
直接移除某HTML元素; - $("").appendTo("");
移动(剪切)元素到指定位置下; - $("").clone("");
拷贝元素到指定位置下; - $("").clone().appendTo("");
两个jQuery方法合在一起使用,叫方法链function chaining; - $("").parent();
访问指定元素的父元素;
(Ps:利用方法链来对父元素进行操作)
(Ps:背景色的设置为background-color) - $("").children();
父子元素是指直接嵌套关系,没有爷孙元素;
JavaScript篇
- 定义:
JavaScript = ES + DOM + BOM;
ES--------ECMAScript;核心代码;
DOM-----Document Object Model;文档对象模型;
An API designed for XML but extend fot using in HTML;
将页面映射为一个多层结点结构,从结点访问对应的数据/代码段,进行操作;
BOM-----Browser Object Model;浏览器对象模型;
Be used to control other parts beside the displaying page;
处理浏览器的窗口和框架,功能包括:
弹出新窗口;
移动、缩放、关闭浏览器窗口;
支持cookie;
提供navigator、location、screen对象等;
-
<script>属性
async--------立即下载该脚本,但不应妨碍其他操作,只对外部脚本文件有效;
defer---------延迟该脚本的执行,只对外部脚本文件有效,IE7及之前版本也支持内嵌文件;
src------------外部脚本文件路径,可以是本地文件或其他域中的脚本文件(注意安全性);
type----------非必需,默认即为text/javascript
;
charset------表示src引用的字符集,通常被浏览器忽略,少有人用;
language----已废弃; -
变量类型
var------------自适应; -
数据类型
5种简单数据类型:
null--------------------指向空对象;
undefined------------未定义或未初始化;
Boolean--------------true、false两种取值;
Number---------------包括int、float、NaN、Infinity各种数值类型;
字符串-----------------“ ”或‘ ’(两种引号表示的字符串无差别);
1种复杂数据类型:
对象-------------------即复杂数据体;
常用操作方法:
-
Number
number()
praseInt()
praseFloat()
toString()
toLocalString() -
字符串
valueOf()
str[aLength]
可访问单个字符性;
单个字符不可修改性;
操作方法:
split(“分隔符”) ---------- 按指定分隔符将字符串分割为数组;
slice(startPoint, endPoint)
------------ 将字符串从指定位置开始切片(亦可以自己写函数替代),当startPoint为负数时表示从末端开始; -
数组
访问方法:
arr[aLength]
插入/弹出元素方法:
push()
pop()
shift()
unshift()
操作方法:
map(function(val){
return val+5;
}) ------------------ 遍历;
reduce(function(previousVal, currentVal){
return previousVal += currentVal;
}) ------------------ 累加器;
filter(function(val){
return val>5;
}) ------------------ 过滤器;
sort(function(num1,num2){
return num2-num1;//降序
//return num1 - num2;升序
}) ------------- 排序;
reverse() -------- 翻转顺序;
concat(otherArray) --------- 拼接数组;
join(‘分隔符’) ----------------- 以分隔符拼接数组里的各项成为一个字符串; -
对象
obj.Property
obj[“Property”]
obj.hsOwnProperties(Property) -
函数
function创建方式----------两种,函数声明与字面量(推荐用函数声明);
arguments------------------输入参数,类似数组,可以用Array.from(arguments)函数将其转化为数组;
JSON篇
JavaScript Object Notation——简称 JSON,它使用JavaScript对象的格式来存储数据。
JSON是灵活的,因为它允许数据结构是字符串,数字,布尔值,字符串,和对象的任意组合。
通过[ ]和点操作符进行操作和访问;