优秀材料写作网站,wordpress 更换主机,湖南企业建站系统平台,旅游后台网站目录 一.CSS
1.overflow溢出属性
2.定位 二.JavaScript基础
1.JavaScript引入方式
2.JavaScript数据类型
常用方法#xff1a;
字符串常用方法#xff1a;
在js里#xff0c;什么是真#xff0c;什么是假
数组的常用方法
运算符
#xff08;1#xff09;算数运…目录 一.CSS
1.overflow溢出属性
2.定位 二.JavaScript基础
1.JavaScript引入方式
2.JavaScript数据类型
常用方法
字符串常用方法
在js里什么是真什么是假
数组的常用方法
运算符
1算数运算符
2比较运算符与
3逻辑运算符
3.流程控制
1if判断
2switch-case语法
3for循环
4while循环
5三元运算符
4.函数
1格式
2无参函数
3有参函数
4关键字arguments
5函数的返回值
6匿名函数
5.JSON对象 一.CSS
1.overflow溢出属性
visible默认值内容不会被修剪会呈现在元素框之外hidden内容会被修剪并且其余内容是不可见的scroll内容会被修剪但是浏览器会显示滚动条以便查看其余的内容auto 如果内容被修剪则浏览器会显示滚动条以便查看其余内容 overflow水平和垂直均设置overflow-x设置水平方向overflow-y设置垂直方向 2.定位 静态定位默认情况下所有的标签都是静止的不能够移动static 相对定位相对于自己原来的位置进行移动relative 绝对定位相对于父类标签移动如果没有父元素那就按照body移动absolute 固定定位相对于浏览器窗口定位fixed 二.JavaScript基础 实际上一个完整的JavaScript实现是由以下3个不同部分组成的 核心ECMAScript文档对象模型DOMDocument object model 整合js、css、html浏览器对象模型BOMBroswer object model整合js和浏览器 1.JavaScript引入方式 Script标签内写代码script srcyscript.js/script 注释 // 这是单行注释/* */ 这是多行注释 变量 JavaScript的变量名可以使用_数字字母$组成不能以数字开头声明变量使用 “var 变量名” 的格式来进行声明 常量 const PI 3.14 2.JavaScript数据类型 JavaScript拥有动态类型 常用方法
parseInt(123)返回123parseInt(ABC)返回NaN,NaN属性是代表非数字值的特殊值。该属性用于指示某个值不是数字parseFloat(123.456)返回123.456
字符串常用方法
.length返回长度.trim()移除空白.trimLeft()移除左边的空白.trimRight()移除右边的空白.charAt(n)返回第n个字符.concat(value, ...)拼接.indexOf(substring, start)子序列位置.substring(from, to)根据索引获取子序列.slice(start, end)切片.toLowerCase()小写.toUpperCase()大写.split(delimiter, limit)分割
在js里什么是真什么是假 atrue bfalse 只需要记住什么是假其余的都是真 (空字符串)、0、null、undefined、NaN都是false 数组的常用方法
.length数组的大小.push(ele)尾部追加元素.pop()获取尾部的元素.unshift(ele)头部插入元素.shift()头部移除元素.slice(start, end)切片.reverse()反转.join(seq)将数组元素连接成字符串.concat(val, ...)连接数组.sort()排序.forEach()将数组的每个元素传递给回调函数.splice()删除元素并向数组添加新元素.map()返回一个数组元素调用函数处理后的值的新数组
运算符
1算数运算符
在前面 先增加后赋值在后面 先赋值后增加
var a 10;
// undefined
var res1 a;
// undefined
var res2 a;
// undefined
res1
// 10
res2
// 122比较运算符与
当使用“”比较运算符时会进行类型转换然后再比较 如果操作数的类型不同则会尝试将他们转换为相同的类型然后再进行比较而使用“”严格相等运算符时不会进行类型转换 它要求操作数的值和类型都相同才会返回true 弱等于 内部自动转换成相同的数据类型比较了 强等于 内部不做类型转换 1 1;
true
1 1;
false3逻辑运算符
Python中and or notJavaScript中 ||
5 5;
5
0 || 1;
1
!5 5;
53.流程控制
1if判断 // if - else if (条件){条件成立执行的代码块}else{条件不成立时执行的代码块} // if - else if - else if (条件){条件成立执行的代码块}else if(条件){条件成立执行的代码块}else{条件不成立时执行的代码块} // () 条件 {} 执行的代码块 var age 10;
if (age18){console.log(你好)
}else{console.log(滚蛋)
};// if - else
if (age 18 ){console.log(你好)
}else if(age10){console.log(萝莉酱)
}else{console.log(滚蛋)
};2switch-case语法
提前定义好可能出现的条件和解决方式 break 如果不加break匹配成功之后会依次执行default 所有条件都不成立时走的代码
var num 2;
switch (num) {case 0:console.log(喝酒);break;case 1:console.log(吃饭);break;case 2:console.log(打牌);break;default console.log(走人)
}3for循环 for (起始条件结束条件循环条件){条件成立执行的代码} // 打印 0-9 的数字
for (let i0;i10;i){console.log(i)
}// 打印列表内的每一个值
var ll [11,22,33,44,55,66,77];
for (let i 0;i ll.length; i){console.log(ll[i])
};4while循环 while (条件){条件成立执行的代码} var i 0;
while (i100){console.log(i)i;
};5三元运算符
在python中
res 4 if 1 2 else 6在JavaScript中
var res 1 2 ? 4 : 6;
// 6var res 1 2 ? 4 : (8 5 ? 999 : 888);
// 9994.函数 在Python中定义函数需要用 def在JavaScript中定义函数需要用 function 1格式
// 格式
function 函数名(形参,形参,形参形参...){函数体代码
}2无参函数
// 无参函数
function func1(){console.log(我是无参函数)
}func1()3有参函数
// 有参函数
function func2(a,b){console.log(a,b)
};func2(1,2)function func2(a,b){console.log(a,b)
};func2(1,2)
// VM3577:2 1 2func2(1,2,3,4,5,6,7)
// VM3577:2 1 2func2(1)
//VM3577:2 1 undefined 在js中传多了只拿对应的数据在js中传少了也不会报错 4关键字arguments
function func3(a,b,c){console.log(arguments)console.log(a,b,c)
};function func3(a,b,c){console.log(arguments)console.log(a,b,c)
};func3(1,2,3,4,5,6,7)/*
VM3668:2 Arguments(7) [1, 2, 3, 4, 5, 6, 7, callee: ƒ, Symbol(Symbol.iterator): ƒ]
VM3668:3 1 2 3
*/能够获取到函数接收到的所有参数
用途
function func4(a,b,c){if (arguments.length 3){console.log(传多了)}else if (arguments.length 3){console.log(传少了)}else{console.log(a,b,c)}
};5函数的返回值 使用关键字 return 返回单个值 function index(){return 666
};返回多个值要用数组约束
function index(){return [777,88,99]
};JavaScript不支持解压赋值 6匿名函数
function (){};// 自调用
function (){}();// 变量存储
var b function (){}5.JSON对象 json.dumps -------------------JSON.stringify() json.loads---------------------JSON.parse() var obj1 1. 先序列化 var resJSON.stringify(obj1) # {name: Alex, age: 18}; python: json.loads(res) # {name: Alex, age: 18}; 2. 反序列化 var str1 {name: Alex, age: 18}; # json.dumps js反序列化: JSON.parse(str1) # {name: Alex, age: 18}
