摘要：
####定义和用法 prompt()方法用于显示一个带有提示信息，并且用户可以输入的对话框 ####语法 prompt(text,defaultText); text 可选。要在对话框中显示的提示信息（纯文本） defaultText 可选。默认的输入文本。 #####实战1 <script> va 阅读全文
posted @ 2020-10-20 17:27
qqaazzhf
阅读(974)
评论(0)
推荐(0)
摘要：
#####条件判断表达式 判断是否是ture，是的话，去前面一个值，否则取后面一个值 <body> <script> console.log(0 ? 56 : 90); // 非0数字转化成true 0转成false 非空字符串转成true 空字符串转成false var num = 90; con 阅读全文
posted @ 2020-10-20 17:19
qqaazzhf
阅读(371)
评论(0)
推荐(0)
摘要：
最近学习关于js中空字符串是true还是false得问题，现在在chrome的console面板上输出代码测试一下 "" == false 结果是true 在js中空字符串与0相等 即空字符串等于false 0 == false 结果是tue 比较的时候 布尔类型的转换成number类型 false 阅读全文
posted @ 2020-10-20 17:14
qqaazzhf
阅读(1179)
评论(0)
推荐(0)
摘要：
#####短路问题 就是使用逻辑且或者逻辑或，来判断取值 <body> <script> var i = 9; // console.log(0 == false) console.log(0 || i++); //9 执行||运算符 从左到右执行 遇到0认为是假 直接返回第二个表达式的值 cons 阅读全文
posted @ 2020-10-20 17:11
qqaazzhf
阅读(42)
评论(0)
推荐(0)
摘要：
#####逻辑运算 && 逻辑且 一个为false，结果为false || 逻辑或 一个为true，结果为true <body> <script> console.log(4 < 5 && 7 == 9); //false console.log(4 < 5 && 7 == 7); //true c 阅读全文
posted @ 2020-10-20 16:55
qqaazzhf
阅读(55)
评论(0)
推荐(0)
摘要：
#####关系运算符号 < 小于 > 大于 <= 小于等于 >= 大于等于 == 不严格等于 只要内容相同即可 类型不要求 = 赋值号 严格等于 内容和类型都必须一样 != 不严格否定 !== 严格否定 涉及字符串的运算都是编码的运算 <body> <script> var a = 3, b = 4 阅读全文
posted @ 2020-10-20 16:47
qqaazzhf
阅读(62)
评论(0)
推荐(0)
摘要：
#####运算符号 + 加号 - 减号 * 乘号 / 除号 ++ -- % 求余 #####字符串运算 当有字符串参与 表示字符串拼接 <body> <script> var a="3",b="4"; console.log("a" + "b"); //字符串的拼接 console.log("a" 阅读全文
posted @ 2020-10-20 16:37
qqaazzhf
阅读(52)
评论(0)
推荐(0)
摘要：
#####变量类型 number 数字 整数 小数 负数 string 字符串 boolean 布尔值 true/false undefined 未赋值的变量类型就是undefined null 空引用 #####number <body> <script> var a1 = 11; var a2 阅读全文
posted @ 2020-10-20 16:07
qqaazzhf
阅读(70)
评论(0)
推荐(0)
摘要：
#####变量 <body> <script> var x; x = 10;// 把10赋值给变量x console.log(x); // 浏览器输出10 var x = 20; var c = 30, b = 20; // var c = 30; var b = 20; x = x + 20; / 阅读全文
posted @ 2020-10-20 15:43
qqaazzhf
阅读(20)
评论(0)
推荐(0)
摘要：
#####定义帧动画 @keyframe 定义帧动画 animation animation-name: @keyframes定义 animation-duration: 动画持续的时间 animation-timing-function 时间函数 animation-delay 动画延迟时间 <s 阅读全文
posted @ 2020-10-20 15:31
qqaazzhf
阅读(38)
评论(0)
推荐(0)
摘要：
####transform Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等 #####2d移动 transform:定义变换 translate(x,y);位移 两个值：水平 垂直方向位移 一个值： 水平(x) translateX( ) transl 阅读全文
posted @ 2020-10-20 15:11
qqaazzhf
阅读(293)
评论(0)
推荐(0)
摘要：
####过渡基础 <style> div { width: 100px; height: 100px; background: red; transition: width 2s; } div:hover{ width:300px; } </style> <body> <div></div> </b 阅读全文
posted @ 2020-10-20 10:38
qqaazzhf
阅读(74)
评论(0)
推荐(0)
摘要：
#####渐变 linear-gradient 函数用于创建一个表示两种或多种颜色线性渐变的图片 linear-gradient(45deg, blue, red) 渐变轴为45度，从蓝色渐变到红色 linear-gradient(to left top, blue, red) 从右下到左上、从蓝色 阅读全文
posted @ 2020-10-20 09:58
qqaazzhf
阅读(207)
评论(0)
推荐(0)
浙公网安备 33010602011771号