正式课周末上课ppt.pptxVIP

Javascript 课件;公开课前两周概况;公开课:第一周;页面是由三部分组成 - HTML标签 - CSS样式 - JS脚本 JS引入到页面中的方式（参照css） - 拓展：defer属性、async属性、charset属性 JS是由三部分组成 - ECMAScript - DOM - BOM;网页特效原理分析 编写js的流程 编程思路形成： - 排除html+css兼容性问题 - 编程思想 - js入门三步曲：找到谁，加什么事件，发生什么事 第一个js特效实例 - 从这个实例中学到了什么？;固有的特征就叫属性 能够完成一个动作或功能的叫方法，方法后面有括号() 改变基本的css样式 -.style就表示元素的行内样式属性 -JS中复合CSS样式的写法 ;页面中弹出框显示 - alert(内容) 、confirm(内容) 直接在页面中输出 - document.write(内容) 、obj.innerHTML() - 思考：innerHTML 和 innerText 的区别 控制台输出 - console.log(内容) 、console.dir(内容) 、console.table(内容) - 控制台可直接输入和执行－－调试和测试;命名规范及必要性 可读性——能看懂 规范性——符合规则 匈牙利命名法 类型前缀 首字母大写 ;JS命名规则2;变量 ：可变的量（松散类型） - 定义 - 作用 JS中的数据类型 -基本数据类型(值类型) -引用数据类型 数据类型检测 - typeof 局限性 ;NaN: not a number - NaN==NaN ？ -什么情况下会出现NaN 其它数据类型转换为number类型 - 严格转换和非严格转换 isNaN(value)：检测value是否为有效的数字 数字常用的一个方法;其他数据类型转换为布尔类型 - 4种把其他的数据类型转换为布尔类型 - 什么是真？什么是假？ - 规律:将其他类型转换为布尔类型,只有 0、NaN、null、undefined、空字符串 这个五个值会转换为false,其余的任何值都会转换为true;在JS中所有用“”/‘’包起来的都是字符串 - 区分字符串和变量 字符串都有索引 字符串拼接 ＋ 字符串中常用到的方法 -通过索引获取字符or编码2，通过字符获取索引2 -截取字符串3,拆分1，替换1 -字符串转大小写2;function是由定义和执行两部分组成 -函数的定义 -方法执行 形参？arguments？ return返回值的应用 闭包 匿名函数的用法 ;每个对象数据类型都是由??个属性名和属性值组成 JS中规定一个对象的属性名是不能够重复的,如果重复了是以最后一个属性值为主 关于对象的属性名和属性值的 “增、删、改、查” 注意细节： -获取时如果属性名在对象中不存在-undefined -一个对象中的属性名可以是纯数字? -对于属性名操作的时候加和不加的区别 ;创建数组的2种方式 数组和对象的关系 学习方法需要注意哪4点？ 数组常用的11种方法： -1.关于数组的增/删/改 5个 -2.数组的查询和复制 2个 -3.将数组转化成字符串 2个（eval和join(＋)); -4.数组的排列和排序 -5.不兼容的几种：indexof(), map() ,forEach() 思考：数组去重;基本数据类型也叫做值类型，直接按值来操作 引用数据类型是按引用地址来操作： -a、开空间,分地址” -b、存内容” -c、赋值;if、else if、else -条件可以是由多个小条件组成的,中间用 ||隔开 -if条件语句的多种写法 -案例：开关灯效果的实现，隔行变色 三元运算符 条件？语句1：语句2； switch case 使用场景 -每一种case情况其实都是相当于在用“===”进行比较 -思考：不加break会出现什么样的效果;算术：+ 、- 、* 、/ 、% -实例：隔行变色、秒转时间 赋值：=、+=、-=、*=、/=、%= 比较：、、=、=、==、===、!=、!== 逻辑： 与、|| 或、! 否 -实例：全选与反选 注：混合使用时，赋值一定要加括号； ;for 循环四部曲 -break/continue的用法 for in 循环 while 循环 思考题:我们说一个对象的属性名可以是纯数字，那么，在纯数字属性名情况下，for in会出现什么结果？ 第一天实战：选项卡;公开课:第二周;数组常用的方法： - 在数组后面追加一项 - 删除数组最后一项 - 数组克