js (1) 变量和运算

 

前端三层：分离

结构层 HTML 从语义的角度描述页面的结构

样式层 CSS 从审美的角度装饰页面

行为层 JavaScript 从交互的角度提升用户体验

 

常见案例:  轮播图，tab切换，ajax验证，html5页面特效

 

● 要多去“品”程序，多去思考内在逻辑，读懂每一行代码！

● JS机械重复性的劳动几乎为0，基本都是创造性的劳动。HTML、CSS都是重复的劳动，margin、padding挤来挤去。

● 永远不要背程序，每一个程序都必须自己会写！重复经典案例。

 

学习所有的程序，都是从模仿开始的。

前期，不要去纠结语法的机理是什么，只需要进行模仿。你只需要知道，你模仿了，你就能实现效果。

随着深入，将知道每条语句的确切机理。

 

alert() / console.log()

养成 写分号 ; 的习惯， 压缩页面的时候，语句结尾的分号，非常重要。

　　//注释1　　

　　/*注释2*/

 

字面量

　　10进制：普通的数字就是十进制

　　8进制：如果以0开头、或者以0o开头、或者以0O开头的都是八进制，八进制只能用0~7来表示

　　16进制：如果以0x开头的都是十六进制。

　　科学记数法: 允许使用e来表示乘以10的几次幂：

　　 console.log(5e5);     //500000

  n/0 ----- Infinity 无穷大

  0/0 ----- NaN 

 

字符串:

　　单双引号

　　转义字符  

 

变量:  是蕴含值的符号

　　var 声明， =  赋值， 变量命名规范　

　　被var，但未被赋初值，则此时这个变量的值就是undefined

 

变量预解析 ， 逐句执行

　　JS有一个机制，叫做变量声明的提升，所以现在程序在执行前会已经看见这个程序中有一行定义变量，所以就会提升到程序开头去运行

 

基本类型5种  typeof 检测类型

　　number  数字类型

　　string  字符串类型

　　undefined  undefined类型，变量未定义时的值

　　boolean     布尔类型，仅有两个值true 和 false　　

　　null 　　null类型，这个值自己是一种类型 

 

+ 号

 

变量类型的转换

 

parseInt()　

　　　　不四舍五入，直接截取整数部分　　

　　　　把任何进制的数字，都换为10进制。

parseFloat() 

 

 

运算符

　　Math.pow()

　　 Math.pow(3,4);     　　var a = Math.pow(3,2 + Math.pow(3,6));

 

　　Math.sqrt() 开根号:

　　　　Math.sqrt(81);

 

 

常用的 APIs  !!!

　　alert("哈哈");

　　prompt("请输入数字","默认值");

　　console.log("哈哈");

　　parseInt("123",8);

　　parseFloat("123");

　　Math.pow(3,4);

　　Math.sqrt(81);

 

 

运算符:

　　运算符的分类见仁见智，我们的课程对运算符进行如下分类：

　　　　数学运算符(Arithmetic operators)

　　　　比较运算符(Comparison operators)

　　　　逻辑运算符(Logical operators)

　　　　赋值运算符(Assignment operators)

　　　　按位运算符(Bitwise operators)

　　　　条件 (三元) 运算符(Conditional operator)