所谓的前端开发，浅显的理解就是是指我们经常看到的各种界面。比如网页，小程序、Android和iOS端的App等，都属于前端范畴。学习前端开发，选择从布局入门，学习各种界面控件，符合认识由浅入深的基本过程。Android中的界面实现是通过xml来定义，衍生出的html，具有使用简单和使用范围的优点，所以选择从html入手，可以起到一石二鸟的效果。具体可以参考我的另一篇文章：入门Android布局之html。当然，更进一步的学习要求我们透过现象看本质。html界面的背后逻辑是通过js来实现的，下面看一下js的基本使用方式。
1 三种提示框：
三种提示框指：提醒框、确认框、输入框。提醒框用于对用户的操作进行提示；确认框具有同样的功能，不同的是多了「取消」和「确定」两个按钮，供用户选择；输入框用来获取用户的输入。实际效果如下：
提醒框
确认框
输入框
具体代码：
<script type="text/javascript">
alert("温馨提示")
confirm("主人，请确认")
prompt("请输入你拥有的财富？", "10000000000000000")
</script>
2 变量
js中的变量类型包括number，string，object三种，其中数组是object类型。定义方式如下：
//number
var a = 10
//string
var b = "string"
//object 数组定义的一种方式
var arr1 = new Array();
arr1[0] = "a";
arr1[1] = 1;
alert(typeof(arr1));
//object 数组定义的另一种方式
var arr2 = ["a", 1, arr1];
alert(arr2.length);
数组中能够存放各种数据；在数组定义时可以传入预定义长度，但是当下标超过预定义长度时，数组不会溢出，而是会自动增加长度。
3 逻辑语句
和VB、C、Java语言一样，js中定义了if、while、for循环语句，当然也包括加、减、乘、除和三目运算符。具体实现如下：
// if语句
var score = prompt("请输入学生分数：", "分数")
// alert(typeof(score));
var value = parseInt(score);
// alert(typeof(value));
var rank = "aa";
if(value >= 0 && value < 60){
rank = "D";
}
else if (value >= 60 && value < 80){
rank = "C";
}
else if(value >= 80 && value < 90){
rank = "B";
}
else if(value >= 90 && value < 100){
rank = "A";
}else{
rank = "请输入正确分数";
}
alert(rank);
//while语句
var arr1 = new Array();
arr1[0] = "a";
arr1[1] = 1;
var arr2 = ["a", 1, arr1];
var i = arr2.length - 1;
while(i >= 0){
alert(arr2[i]);
i--;
}
//for语句
var arr1 = new Array();
arr1[0] = "a";
arr1[1] = 1;
var arr2 = ["a", 1, arr1];
for (var i = arr2.length - 1; i >= 0; i--) {
alert(arr2[i]);
}
4 函数
常用的函数定义方式两种：带函数名的方式和不带函数名的方式。匿名方式常用于绑定对象，类似Android中的接口。js中函数不存在重写，后面定义的同名函数会把前面函数覆盖掉。具体实现：
aa("是个coder");
function aa(b){
alert("冬风破10:" + b);
}
window.onload = function(){
alert("约吗？");
}
function aa(b){
alert("冬风破222:" + b);
}
如果编程语言是一部轿车，那么变量、语法和函数就是车上的零部件。用这些零部件，一般人都能够装配出大众、长城等常用车；更进一步也能装配出BMW、奔驰等高档车；或许还有人能打造出劳斯莱斯、特斯拉般的豪车。让我们一起来学习，早日进步成为老司机！
网友评论