百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

第十七天到第十八天,“如果”可以“重来”

普通

人数596人在学习该课程,有446人已经完成该课程

时间平均用时2.7

关键词JavaScript

课程概述

作业提交截止时间:09-01

第十七天到第十八天,“如果”可以“重来”

课程目标

今天将继续学习 JavaScript 的一些基本知识,比如if如果判断,for循环等

任务描述

阅读

  • W3School 从if-else看到异常
  • MDN 阅读完JavaScript第一步及JavaScript基础要件

编码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">    
    <title>IFE ECMAScript</title>
</head>
<body>        
    <input id="first-number" type="number" value="0" placeholder="第一个数字">
    <input id="second-number" type="number" value="0" placeholder="第二个数字">
    <button id="add-btn"></button>
    <button id="minus-btn"></button>
    <button id="times-btn"></button>
    <button id="divide-btn"></button>
    <p id="result">运算结果</p>
    <script>

    </script>
</body>
</html>

基于上一个任务中,关于加减乘除的任务,加上对于特殊情况的判断,比如判断两个输入框是否都是正常输入了数字类型的内容,比如除法的时候除数是否为0,当判断到输入有异常的时候,把错误信息提示到Console中。

编码

阅读 通过除2取余的方法来把十进制整数转化为二进制,然后做一个小练习,基于下面代码,完成该转化算法,并实现页面交互

编码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">    
    <title>IFE ECMAScript</title>
</head>
<body>        
    <input id="dec-number" type="number" placeholder="输入一个十进制非负整数">
    <button id="trans-btn">转化为二进制</button>
    <p id="result">运算结果</p>
    <script>

function dec2bin(decNumber) {
    // 在这里实现你的转化方法,注意需要判断输入必须为一个非负整数
}

// 实现党点击转化按钮时,将输入的十进制数字转化为二进制,并显示在result的p标签内
// Some coding

    </script>
</body>
</html>

需求说明

  • 实现党点击转化按钮时,将输入的十进制数字转化为二进制,并显示在result的p标签内

编码

基于上一个任务,继续完成更多需求

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">    
    <title>IFE ECMAScript</title>
</head>
<body>        
    <input id="dec-number" type="number" placeholder="输入一个十进制非负整数">
    <input id="bin-bit" type="number" placeholder="输入转化后二进制数字位数">
    <button id="trans-btn">转化为二进制</button>
    <p id="result">运算结果</p>
    <script>

function dec2bin(decNumber) {
    // 在这里实现你的转化方法,注意需要判断输入必须为一个非负整数
    // 这里是上一个任务的实现
}

// 实现党点击转化按钮时,将输入的十进制数字转化为二进制,并显示在result的p标签内
// 新的需求是,转化显示后的二进制数为bin-bit中输入的数字宽度,例如
// dec-number为5,bin-bit为5,则转化后数字为00101
// 如果bin-bit小于转化后的二进制本身位数,则使用原本的位数,如dec-number为5,bin-bit为2,依然输出101,但同时在console中报个错
// Some coding

    </script>
</body>
</html>

需求说明

  • 新的需求是,转化显示后的二进制数为bin-bit中输入的数字宽度,例如
  • dec-number为5,bin-bit为5,则转化后数字为00101
  • 如果bin-bit小于转化后的二进制本身位数,则使用原本的位数,如dec-number为5,bin-bit为2,依然输出101,但同时在console中报个错

编码

3的小游戏,练习使用循环和条件语句,实现如下需求:

  • 从1到100,以此在console输出各数字,但是,当数字为3的倍数或者含有3的时候,输出“PA”
  • 比如:1,2,PA,4,5,PA,……,11,PA,PA,14,PA……

编码

小练习,练习使用循环实现一个九九乘法表

  • 第一步,最低要求:在Console中按行输出 n * m = t
  • 然后,尝试在网页中,使用table来实现一个九九乘法表

编码

今天最后一个练习,在你的简历中,实现一个,当用户访问页面的时候,根据当前时间,在页面中输出不同的问候语。

比如早上的时候,输出早上好,晚上的时候是晚上好。

编码

三天的练习,你应该能够掌握JavaScript基本的语法,如果有余力,你不妨去 LeetCode 使用 JavaScript 来做更多的练习。

提交

把你今天觉得做得最好的代码放在Github后进行提交

总结

依然把今天的学习用时,收获,问题进行记录

下一个任务预告

明天我们将学习 JavaScript 中 DOM 的相关知识

学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记
标题发布时间浏览量点赞量
第十七天到第十八天,“如果”可以“重来”2018-05-13 13:338489
第17到18天笔记2018-05-13 17:405775
点击查看更多课程优秀笔记