百度前端學院小斌學院任務四

zhoutk 發布于2019-08-20 16:24 / 1223人閱讀

摘要：任務目的學習與實踐的基本語法語言特性初步了解的事件是什么初步了解中的是什么任務描述如圖，模擬一個隊列，隊列的每個元素是一個數字，初始隊列為空有一個輸入框，以及個操作按鈕點擊左側入，將中輸入的數字從左側插入隊列中點擊右側入，將中輸入的數字從右

任務目的
學習與實踐JavaScript的基本語法、語言特性
初步了解JavaScript的事件是什么
初步了解JavaScript中的DOM是什么
任務描述
如圖，模擬一個隊列，隊列的每個元素是一個數字，初始隊列為空
有一個input輸入框，以及4個操作按鈕

點擊"左側入"，將input中輸入的數字從左側插入隊列中；
點擊"右側入"，將input中輸入的數字從右側插入隊列中；
點擊"左側出"，讀取并刪除隊列左側第一個元素，并彈窗顯示元素中數值；
點擊"右側出"，讀取并刪除隊列又側第一個元素，并彈窗顯示元素中數值；
點擊隊列中任何一個元素，則該元素會被從隊列中刪除

任務注意事項
實現簡單功能的同時，請仔細學習JavaScript基本語法、事件、DOM相關的知識
請注意代碼風格的整齊、優雅
代碼中含有必要的注釋
示例圖僅為參考，不需要完全一致
需要考慮數字輸入的合法性
建議不使用任何第三方庫、框架

實現代碼



  
    
    IFE JavaScript Task 01

GPU云服務器云服務器前端學院阿里學院學院技術學院

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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