百度前端学院小斌学院任务四

zhoutk 发布于2019-08-20 16:24 / 1222人阅读

摘要：任务目的学习与实践的基本语法语言特性初步了解的事件是什么初步了解中的是什么任务描述如图，模拟一个队列，队列的每个元素是一个数字，初始队列为空有一个输入框，以及个操作按钮点击左侧入，将中输入的数字从左侧插入队列中点击右侧入，将中输入的数字从右

任务目的
学习与实践JavaScript的基本语法、语言特性
初步了解JavaScript的事件是什么
初步了解JavaScript中的DOM是什么
任务描述
如图，模拟一个队列，队列的每个元素是一个数字，初始队列为空
有一个input输入框，以及4个操作按钮

点击"左侧入"，将input中输入的数字从左侧插入队列中；
点击"右侧入"，将input中输入的数字从右侧插入队列中；
点击"左侧出"，读取并删除队列左侧第一个元素，并弹窗显示元素中数值；
点击"右侧出"，读取并删除队列又侧第一个元素，并弹窗显示元素中数值；
点击队列中任何一个元素，则该元素会被从队列中删除

任务注意事项
实现简单功能的同时，请仔细学习JavaScript基本语法、事件、DOM相关的知识
请注意代码风格的整齐、优雅
代码中含有必要的注释
示例图仅为参考，不需要完全一致
需要考虑数字输入的合法性
建议不使用任何第三方库、框架

实现代码



  
    
    IFE JavaScript Task 01

GPU云服务器云服务器前端学院阿里学院学院技术学院

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82910.html

百度前端学院小斌学院任务四

摘要：任务目的学习与实践的基本语法语言特性初步了解的事件是什么初步了解中的是什么任务描述如图，模拟一个队列，队列的每个元素是一个数字，初始队列为空有一个输入框，以及个操作按钮点击左侧入，将中输入的数字从左侧插入队列中点击右侧入，将中输入的数字从右任务目的学习与实践JavaScript的基本语法、语言特性初步了解JavaScript的事件是什么初步了解JavaScript中的DOM是什么任务...

sorra 2019-08-01 16:47 评论0 收藏0
百度前端学院学习：动态数据绑定（四）

摘要：模板的语法解析匹配实际数据替换模板拆分成两个主要是为了解决深对象的问题，目前看过别的通过都是通过并不是一个很好的方法。最后修改一下和函数题目地址源代码地址任务分析这个任务主要是通过解析模板，替换中间出现的属性，例子：姓名：{{user.name}} 年龄：{{user.age}} 替换后：姓名：youngwind 年龄：25 实现 el...

Gilbertat 2019-08-20 14:50 评论0 收藏0
百度前端任务(3)(4)(5)——巧谈前端基础html,css布局

摘要：经过了百度前端技术学院任务三和四五，在这里总结一下前端布局的一些个人见解，很多前端新手就是没有理解怎么布局而一直学不好先说一下，我个人理解的前端布局的思想吧。经过了百度前端技术学院任务三和四五，在这里总结一下前端布局的一些个人见解，很多前端新手就是没有理解怎么布局而一直学不好先说一下，我个人理解的前端布局的思想吧。在前端布局的时候，先不要设计太多什么margin,paddin...

CoyPan 2019-08-30 15:52 评论0 收藏0
百度前端任务(3)(4)(5)——巧谈前端基础html,css布局

摘要：经过了百度前端技术学院任务三和四五，在这里总结一下前端布局的一些个人见解，很多前端新手就是没有理解怎么布局而一直学不好先说一下，我个人理解的前端布局的思想吧。经过了百度前端技术学院任务三和四五，在这里总结一下前端布局的一些个人见解，很多前端新手就是没有理解怎么布局而一直学不好先说一下，我个人理解的前端布局的思想吧。在前端布局的时候，先不要设计太多什么margin,paddin...

YacaToy 2019-08-01 16:12 评论0 收藏0
百度前端技术学院2017学习总结

摘要：向已被访问的链接添加样式。让背景图片大小水平方向扩大一倍，这样才有移动与变化的空间。不足及改进总结来看，自己做得不够，虽然也花了时间，不过能看出有敷衍的成分在。一、前言百度的前端技术学院IFE，2016年就听说了，当时自己也报名，还组成队伍了，不过自己一个任务也没完成就结束了，遗憾... 关注了IFE，知道2017年2月有新的一期培训，于是一直在等着报名，然后开始做里面发布的任务（...

pkwenda 2019-08-29 12:35 评论0 收藏0