1.1 JavaScript的用途
JavaScript用来制作web页面交互效果,提升用户体验。
能够制作的页面效果:轮播图,无限瀑布流,tab切换,定位地图,表单验证等。
web前端三层来说:
结构层 HTML 从语义的角度,描述页面结构
样式层 CSS 从审美的角度,美化页面
行为层 JavaScript 从交互的角度,提升用户体验
1.2 JavaScript和ECMAScript的关系
简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。就是说,你JavaScript学完了,Flash中的程序也会写了。
※ 2011年,Node.js诞生,使JavaScript能够开发服务器程序了。
※ WebApp,就是用网页技术开发手机应用。
1.3 资源对比
手机系统有iOS、安卓、windows phone。那么公司比如说开发一个“携程网”APP,就需要招聘三队人马,比如iOS工程师10人,安卓工程师10人,windows工程师10人。共30人,工资开销大。并且,如果要改版,要改3个版本。
用html+css+javascript技术来开发app。好处是不用招聘那么多工程师,只需要几个前端开发工程师即可。并且也易于迭代,就是网页一改变,所有的终端都变了。
2.1 JavaScript是前台语言,而不是后台语言
JavaScript运行在客户的电脑里面,而不是服务器上,所以我们称为“前台语言。JavaScript就是一个简单的制作页面效果的语言,不能操作数据库。就是服务于页面的交互效果、美化、绚丽。
“后台语言”是运行在服务器上的,比如PHP、ASP、JSP等等,这些语言都能够操作数据库,都能够对数据库进行“增删改查”操作。
(Node.js除外~)
3.1 开始写第一个JavaScript程序
在页面中,<script type=”text/javascript”></script>标签对儿,里面就是书写JavaScript程序的地方
1 <script type="text/javascript"> 2 3 </script>
text表示JavaScript也是一个纯文本的语言
3.2 alert 警告框(MARK)
3.3 语法规则
每一条语句末尾要加上分号,虽然分号不是必须加的,但是为了程序今后要压缩,如果不加分号,压缩之后将不能运行了。
所有的符号,都是英语的。比如括号、引号、分号
另一个常见错误:标签写错了
3.4 注释
总结:
// 单行注释
/*
多行注释
多行注释
*/
sublime中,单行注释的快捷键是ctrl+/ 。多行注释的快捷键是ctrl+shift+/
4.0 认识数字和字符串 - 直接量
“直接量”也称为“字面量”,就是看见什么,它就是什么。
简单的直接量有2种:数字、字符串。
4.1 console.log(XX);
console表示“控制台”,log就是“输出”
表示在控制台中输出,控制台在Chrome浏览器的F12中。控制台是工程师、程序员调试程序的地方。我们经常使用这条语句输出一些东西,来测试程序是否正确。很像电工用的“电笔”。
5.1 变量
用字母来表示数字、字符串等其他东西的,称为“变量”。
var就是英语“variant”变量的缩写。后面要加一个空格,空格后面的东西就是“变量名”,我们可以给变量任意的取名字。
var就是一个关键字,所谓关键字,就是有特殊功能的小词语。关键字后面一定要有空格隔开。例如:
1 <script type="text/javascript"> 2 var a = 666; 3 </script
5.2 变量的命名规范
变量名有命名规范:
只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头,并且不能是JavaScript保留字。
规范变量的命名:
1 var haha = 250; 2 var xixi = 300; 3 var a1 = 400; 4 var a2 = 400; 5 var abc_123 = 400; 6 var $abc = 999; 7 var $o0_0o$ = 888; 8 var $ = 1000; 9 var _ = 2000; 10 var ________ = 3000;
错误的变量命名:
1 //var a-1 = 1000; //不能有怪异符号 2 //var a@ = 2000; //不能有怪异符号 3 //var 2year = 3000; //不能以数字开头 4 //var a¥ = 4000; //不能有怪异符号 5 //var a*#$#$@ = 5000; //不能有怪异符号 6 //var a b =300; //不能有空格
常见保留字:
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto、implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
大写字母是可以使用的,并且大小写敏感。也就是说A和a是两个变量。
var Z = 110;
var z = 999;
5.3 变量的定义和赋值
MARK~