首页 > 代码库 > 2016.10.28小结
2016.10.28小结
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>网页标题</title>
<meta name="keywords" content="关键字列表" />
<meta name="description" content="网页描述" />
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css"></style>
<script type="text/javascript">
(function(){
var weight = window.prompt("input your weight(kilogram)");
var tall = window.prompt("input your height(centimeter)");
var age = window.prompt("input your age");
var sex = window.prompt("input your sex(1 or 0)");
tall = Number(tall) / 100;
age = Number(age);
weight = Number(weight);
var BMI = weight / (tall * tall); //计算BMI指数
var fatRate ;
if(sex == "1"){ //判断性别
sex = 1;
}else{
sex = 0;
}
fatRate = 1.2 * BMI +0.23 * age - 5.4 - 10.8 * sex;
var fatness; //定义肥胖属性，计算体脂率
if(sex == "0"){ //女性
if(age >= 18 && age <= 39){ //年龄18-39
if(fatRate >= 5 && fatRate <= 20){ //体脂率5-20%
fatness = "偏瘦";
}else if(fatRate >20 && fatRate <= 34){ //体脂率21-34%
fatness = "标准";
}else if(fatRate >34 && fatRate <= 39){ //体脂率35-39%
fatness = "偏胖";
}else{ //体脂率40-45%
fatness = "过胖";
}
}else if(age >= 40 && age <= 59){ //年龄40-59
if(fatRate >= 5 && fatRate <= 21){ //体脂率5-21%
fatness = "偏瘦";
}else if(fatRate >21 && fatRate <= 35){ //体脂率22-35%
fatness = "标准";
}else if(fatRate >35 && fatRate <= 40){ //体脂率36-40%
fatness = "偏胖";
}else{ //体脂率41-45%
fatness = "过胖";
}
}else{ //年龄60以上
if(fatRate >= 5 && fatRate <= 22){ //体脂率5-22%
fatness = "偏瘦";
}else if(fatRate >22 && fatRate <= 36){ //体脂率22-36%
fatness = "标准";
}else if(fatRate >36 && fatRate <= 41){ //体脂率36-41%
fatness = "偏胖";
}else{ //体脂率42-45%
fatness = "过胖";
}
}
}else if(sex == "1"){
if(age >= 18 && age <= 39){ //年龄18-39
if(fatRate >= 5 && fatRate <= 10){ //体脂率5-10%
fatness = "偏瘦";
}else if(fatRate >11 && fatRate <= 21){ //体脂率11-21%
fatness = "标准";
}else if(fatRate > 21 && fatRate <= 26){ //体脂率21-26%
fatness = "偏胖";
}else{ //体脂率26-45%
fatness = "过胖";
}
}else if(age >= 40 && age <= 59){ //年龄40-59
if(fatRate >= 5 && fatRate <= 11){ //体脂率5-11%
fatness = "偏瘦";
}else if(fatRate > 12 && fatRate <= 22){ //体脂率12-22%
fatness = "标准";
}else if(fatRate > 22 && fatRate <= 27){ //体脂率22-27%
fatness = "偏胖";
}else{ //体脂率41-45%
fatness = "过胖";
}
}else{ //年龄60以上
if(fatRate >= 5 && fatRate <= 13){ //体脂率5-13%
fatness = "偏瘦";
}else if(fatRate >13 && fatRate <= 24){ //体脂率13-24%
fatness = "标准";
}else if(fatRate >24 && fatRate <= 29){ //体脂率24-29%
fatness = "偏胖";
}else{ //体脂率29-45%
fatness = "过胖";
}
}
}
BMI = BMI.toFixed(2);
fatRate = fatRate.toFixed(2);
alert("您的BMI指数是"+BMI+"，您的体脂率是"+fatRate+"%<br />身材属于"+fatness);
})()
</script>
</head>
<body>
</body>
</html>
今天是PHP22期基础班的第十天，我们的课程进度到了JavaScript，刚学完数组与函数，趁着实操日稍微空闲一点，就来写总结。
上一次总结之后，我们学习了CSS层叠样式。徐导在一天晚自习放出了一些用HTML5和CSS3做的网页效果，像渐变和旋转等效果，这让我觉得挺惊艳的，觉得这其实挺好玩的，但由于基础班的时间只够让我们了解一些主流的基本内容，这还是有点遗憾的。
在第二个实操日，班里都在做传智首页或者博雅首页的作业，传智的稍难一些，博雅的简单一些但也基本涵盖到所有我们学的CSS知识点。因为我做的慢了一些，只完成了传智首页，没有做博雅互动。班上的很多同学都觉得传智首页难，但个人觉得并没有想象中的难，只要理解了所有知识点，做起来还是不会有太大阻碍的，基本都可以自己解决。例如浮动这一点，我自己是这样理解的，用DIV+CSS做的网页，DIV就像是一个个小盒子，而浮动了的DIV就变成了一个氢气球，一直向上升，知道碰到上面的阻碍物，而原本在氢气球下面的小盒子是跟它紧密相连的，如果没有清除浮动，那么下面的小盒子也会顺带着漂浮起来。浮动的氢气球同时也会漂到跟它原来同一层级的前面，把它给遮住。
然后就终于到了JavaScript了，因为有阿里巴巴月饼门在前，所以我自己也感觉有点兴奋，听说当事人抢月饼的脚本就是用JS做的，这听着就牛逼哄哄了。老师在CSS课程还没有结束的时候就放话：JS比CSS难多了。让我们弱小的心灵收到严重打击。但，结果，JS学到第三天，暂时还没有很难的地方。在这一天实操日，把作业做完了，预习复习都过了一遍，接下来做点什么好？看博学谷视频太浪费时间了，我想了想，平时经过药店门口，看到有个秤我都要上去称一下，那我试一下用函数做一个BMI指数和体脂率计算器？
在花了大概一个小时之后，我把计算器做了出来，试验了几次，暂时还没有发现什么错误，做完后，还是觉得这挺好玩的。
2016.10.28小结