ajax
- AJAX的优点)
- 可以无需刷新页面而与服务器端进行通信。
- 允许你根据用户事件来更新部分页面内容。
- 1.3.2 АJAX 缺点
- 1)没有浏览历史,不能回退
- 2)存在跨域问题(同源)
- 3)SEO不友好
- 响应状态码
- status为200表示请求成功
- status为404 not found找不到地址 地址写错了 找到页面
- status 为403表示没有权限
- status 为500表示服务端代码错误
- JSON是一种轻量级的数据交换格式,它基于ECMAScript的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据
- JSON里面可以写[]也可以
- 但是必须使用双引号
- 数据在名称/值对中
- 数据由逗号外隔
- 大括号保存对象
- 中括号保存数组
- 可以是数字、字符串、逻辑值、数组、对象、null jquery的简单使用
- js在dom元素下面,需要将页面执行完成,所以可以直接这样写 $('div').hide(); 隐藏起来
- js如果在dom元素上面的话;可以这样写
- 第一种
- (document).ready(function (){ ('div').hide(); });
- 第二种
- (function (){ ('div').hide(); } );
- jQuery获取Dom对象
- $( 'div' )
- 将jQuery对象转换成Dom对象,可以使用原生js的方法
- 方法1
- $( 'div' )[ 0 ]方法
- 方法2
- $( 'div' )get[ 0 ]方法
- 使用JQuery更改css样式
- $('ul li').css('background','pink');
- 隐式迭代(重要)
- 遍历内部DOM元素(伪数组形式存储)的过程就叫做隐式送代。
- 简单理解:给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作方便我们调用。
- :last $('li:last)获取最后一个i元素
- :first $('li:first)获取第一个li元素
- eqindex)$(li:eq(2))获取到的li元素中,选择索引号为2的元素,索引号index从开始.
- :odd $("li:odd")获取到的1i元素中,选择索引号为奇数的元素
- even $("lieven")获取到的1i元素中,选择索引号为偶数的元素
- $('p+li').css('background','red') 相邻选择器 js的基本类型
- 基本数据类型
- 数字类型
- 数字类型指的就是字面量的类型
- 在JS中一共有6种数据类型
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值(也属于一个数据类型)
- Undefined 未定义
- Object 对像
- {其中 String Number Boolean Null Undefined属于基本数据类型
- 而Object属于引用数据类型} 内置对象
- 内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)
- Math数学对象不是一个构造函数,所以我们不需要new来调用而是直接使用里面的属性和方法即可
- Math对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用Math中的成员。
- Math.PI /圆周率
- Math.floor() /向下取整
- Math.ceil() /向上取整
- Math.round() . //四舍五入版就近取整 注意-3.5 结果是-3
- Math.abs() //绝对值
- Math.max() /Math.min()//求最大和最小值
- Math.random()随机返回一个小数,0~1之间(可以取值到0,取不到1)
- 我们想要得到两个数之间的随机整数并且包含这2个整数
function getRandom(min, max) {
return Math. floor(Math. random() * (max-min + 1)) +min;
}
console. log(getRandom(1, 10));
-
Array:用于在单独的变量名中存储一系列的值
-
具有相同数据类型的一个或多个值的集合-->
-
/*new Array(size);表示数组中可存放的元素总数规定了总数但是添加一个数总数也会增加/
-
join()里面没有传任何参数默认以逗号连接
-
join('')数字中间没有任何字符拼接
-
join()\n是控制台可以识别的换行符号\r表示回车\n\r可以在一起使用
-
sort()对数组排序
-
sort方法会把老数组和新产生的数组都进行排序
-
push()向数组末尾添加一个或更多元素,并返回新的长度
-
concat()合并两个数组
-
/es6合并数组要是用扩展运算符...
-
//*等同于[1,2,3]把arr1的括号去掉,
-
把里面的内容拿出来了*
-
splice可以对数组进行增删改
-
第一个参数表示你要操作的数组元素的素引
-
第二个参数表示你要从你选择的索引开始要删除的个数
-
第三个参数表示你要添加的数组元素
-
pop删除数组的末尾最后一个元素
-
shift.删除数组的最前面的一个元素
-
unshift在数组的最前面添加一个数组
-
数组.indexof('实际的值')如果找到了就返回值在数组中的下标如果找不到就返回-1
-
Date对象用于处理日期和时间
-
getTime是返回距1970年1月1日之间的毫秒数
-
let date = new Date();
-
new Date()实例化的一个日期对象*/
-
返回Date对象的月份,其值介于e-11之间(注:0-1月份)*/
-
用数字类型,和逗号分割的月份是从日开始算的,这里8就代表9月 字符串方法
-
charAt();返回指定位置的字符
-
concat():连接字符串
-
replace():写上原来的字符串,在写一个新的字符串,并替换;返回一个新字符串
-
split():字符串转化成数组,不加参数,会把整体放到说组当中,
-
split(""):用空字符串分割,转化为数组
-
indexof:如果找到了就返回值在数组中的下标如果找不到就返回-1;首次出现的位置
-
lastIndexof()返回一个指定的字符串值最后出现的位置
-
match()可在字符串内搜索一个值,可知道搜索的信息,以数组的形试返回
-
总体来说就是在str字符串全局内去查找一个一个的数字会以一个数组的形式方式*/
-
let a = str.match(/\d/g);、
-
/\d+/代表匹配一段整体的数字*
-
/\d/代表匹配一个数字g代表全局
-
toLowerCase()把字符串转换为小写
-
toupperCase()把字符串转换为大写
-
substring()提取字符串中两个指定的索引号之间的字符
-
substring不能够用负数作为下标,没有负数下标这个功能
-
/substring方法的两个参数,第一个表示以下标为多少的字符开头,包括该字符,第二个表示以下标为多少的字符结尾,不包括该字符/
-
/substring会返回一个截图后的新的字符串,对原来的字符,不会产生影响/
-
substr(start,number)也是表示字符串截取第一个参数表示从什么下标开始,并包括第一个下标,第二个参数表示从开始的下标开始,截取几个 不推荐使用这种写法
-
/*slice方法的两个参数,第一个表示以下标为多少的字符开头,包括该字符,第二个表示以下标为多少的字符结尾,不包括该字符
-
slice()方法可以实现负数截取的功能