- 博客(12)
- 收藏
- 关注
原创 课堂笔记13(课程回顾 知识重新梳理 JS)
*表达式可单独出现在代码中,但无意义。*通过Object.keys(obj)获取所有属性数组例:var a = {name:"tom";age:"18";}console.log(Object.keys(a)); 输出:["name","age"]跳出循环关键字 break continuebreak直接跳出循环,执行循环的下一条语句continue里面的语句不会执行,但程序继续执...
2018-04-02 14:12:35 142
原创 课堂笔记12
jQuery理念:write less,do morejQuery 极大的简化了 javascript 开发人员遍历HTML文档、操作 DOM 、处理事件、执行动画和开发 Ajax 的操作1、jQuery优势(1)轻量级(2)强大的选择器(3)出色的DOM封装(4)可靠的事件处理机制(5)完善的Ajax(6)不污染顶级变量链式风格//等待dom元素加载完毕. $(document).ready(f...
2018-03-22 17:24:54 116
原创 课堂笔记10
事件模型事件是一种异步编程的实现方式。本质上程序各个组成部分之间的通信。DOM支持大量的事件。1、EventTarget接口DOM的事件操作(监听和触发),都定义在EventTarget接口上。Element节点、document节点和Windows对象,都部署了这个接口。该接口有三个重要的方法:(1)addEventListener:绑定事件的监听函数该方法用于在当前节点或对象上,定义一个特定时...
2018-03-20 14:58:18 126
原创 课堂笔记9
节点对象的方法Node.appendChild()接收一个对象节点 作为参数,将其作为最后一个节点,插入当前节点Node.hasChildNodes()返回一个布尔值,判断当前节点是否有子节点Node.insertBefore()将某个节点插入当前节点的指定位置。接收两个参数,第一个参数是所要插入的节点,第二个参数是当前节点的一个子节点。Node.removeChild()方法接收一个子节点作为参...
2018-03-19 21:56:43 144
原创 课堂笔记8
函数名的提升JavaScript引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数就会像变量声明一样,提升到代码头部。// console.log(aaa); // var aaa = 'bbb'; a(); function a(){ console.log('a'); }函数的属性和方法●name属性:输入函数的名字●length属性:输入函数参加的...
2018-03-16 13:58:41 101
原创 课堂笔记7
typeof运算符用于确定当前变量的值是什么数据类型 console.log(typeof 123); // number console.log(typeof '123'); // string console.log(typeof true); // boolean console.log(typeof test); // function console.lo...
2018-03-15 17:26:37 110
原创 课堂笔记6
条件语句在默认的语句中,程序总是一行一行的去解析执行特定的语句,但是有的场景下,顺序的执行语句无法满足程序的要求。1、if结构if (expression) { statement }注:表达式最后的值必须是布尔值,真或假在Javascript中,=、==、===的区别●“=”:赋值运算符●“=”:赋值运算符●“===”:严格相等运算符在statement中如果出现...
2018-03-15 17:19:12 83
原创 课堂笔记5
1、语句●语句是完成某种特定任务的代码,要以英文的分号(;)结束●语句在定义的时候可以出现在一行中,也可以一行出现多条语句●表达式可以单独出现在JS代码中,但是没有任何意思2、变量●变量是对“值”的引用。在其他的场合中,有时候把引用也成为地址或指针●在JS中,定义变量用“var”关键字●var可以不出现变量的定义中,但是它的作用和出现var定义变量是有区别的●如果在变量声明时没有使用var,该变量...
2018-03-13 16:49:43 102
原创 课堂笔记4
1、圆角边框 border-radius指定1个参数,四个圆角都使用该长度作为半径指定2个参数,第一个参数作为左上角和右下角半径,第二个参数作为右上角和左上角半径指定3个参数,第一个参数作为左上角半径,第二个参数作为右上角和左下角半径,第三个参数作为右下角半径2、边框阴影box-shadow水平偏移 垂直偏移 阴影模糊程度内部阴影{box-shadow:inset * * *}动画1、渐变动画tr...
2018-03-12 14:43:20 81
原创 课堂笔记3
元素的显示和隐藏display:none将元素隐藏起来,此时元素不占用页面空间visibility:hidden也可以隐藏元素,此时元素占用空间通过display改变行内元素或块级元素1、display:block将元素显示为块级元素block元素特点:(1)总是在新行上开始 :(2)高度、行高、顶和底边距都可控制 ...
2018-03-09 15:59:18 159
原创 课堂笔记2
CSS优先级和层叠<div id="jack" class="tom"></div>.tom{background-color:blue;}#jack{backgroud:red;}id和class优先选择id行内样式>id选择器>类、伪类和属性选择器>标签选择器和伪元素选择器<div id="jack" class="tom&
2018-03-08 15:43:11 93
原创 课堂笔记1
表单姓名:<input type="text" name="name" value="">电话号码:<input type="tel" name="address" value="">type:定义输入框类型name:描述用户输入的是什么value:用户输入的内容,=提交到服务器的值单选框和复选框<input type=
2018-03-08 14:50:46 80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人