摘要:任務目的學習與實踐的基本語法語言特性初步了解的事件是什么初步了解中的是什么任務描述如圖,模擬一個隊列,隊列的每個元素是一個數(shù)字,初始隊列為空有一個輸入框,以及個操作按鈕點擊左側(cè)入,將中輸入的數(shù)字從左側(cè)插入隊列中點擊右側(cè)入,將中輸入的數(shù)字從右
任務目的
學習與實踐JavaScript的基本語法、語言特性
初步了解JavaScript的事件是什么
初步了解JavaScript中的DOM是什么
任務描述
如圖,模擬一個隊列,隊列的每個元素是一個數(shù)字,初始隊列為空
有一個input輸入框,以及4個操作按鈕
點擊"左側(cè)入",將input中輸入的數(shù)字從左側(cè)插入隊列中;
點擊"右側(cè)入",將input中輸入的數(shù)字從右側(cè)插入隊列中;
點擊"左側(cè)出",讀取并刪除隊列左側(cè)第一個元素,并彈窗顯示元素中數(shù)值;
點擊"右側(cè)出",讀取并刪除隊列又側(cè)第一個元素,并彈窗顯示元素中數(shù)值;
點擊隊列中任何一個元素,則該元素會被從隊列中刪除
任務注意事項
實現(xiàn)簡單功能的同時,請仔細學習JavaScript基本語法、事件、DOM相關(guān)的知識
請注意代碼風格的整齊、優(yōu)雅
代碼中含有必要的注釋
示例圖僅為參考,不需要完全一致
需要考慮數(shù)字輸入的合法性
建議不使用任何第三方庫、框架
實現(xiàn)代碼
IFE JavaScript Task 01
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/82910.html
摘要:任務目的學習與實踐的基本語法語言特性初步了解的事件是什么初步了解中的是什么任務描述如圖,模擬一個隊列,隊列的每個元素是一個數(shù)字,初始隊列為空有一個輸入框,以及個操作按鈕點擊左側(cè)入,將中輸入的數(shù)字從左側(cè)插入隊列中點擊右側(cè)入,將中輸入的數(shù)字從右 任務目的學習與實踐JavaScript的基本語法、語言特性初步了解JavaScript的事件是什么初步了解JavaScript中的DOM是什么任務...
摘要:模板的語法解析匹配實際數(shù)據(jù)替換模板拆分成兩個主要是為了解決深對象的問題,目前看過別的通過都是通過并不是一個很好的方法。最后修改一下和函數(shù) 題目地址源代碼地址 任務分析 這個任務主要是通過解析模板,替換中間出現(xiàn)的屬性,例子: 姓名:{{user.name}} 年齡:{{user.age}} 替換后: 姓名:youngwind 年齡:25 實現(xiàn) el...
摘要:經(jīng)過了百度前端技術(shù)學院任務三和四五,在這里總結(jié)一下前端布局的一些個人見解,很多前端新手就是沒有理解怎么布局而一直學不好先說一下,我個人理解的前端布局的思想吧。 經(jīng)過了百度前端技術(shù)學院任務三和四五,在這里總結(jié)一下前端布局的一些個人見解,很多前端新手就是沒有理解怎么布局而一直學不好 先說一下,我個人理解的前端布局的思想吧。 在前端布局的時候, 先不要設(shè)計太多什么margin,paddin...
摘要:經(jīng)過了百度前端技術(shù)學院任務三和四五,在這里總結(jié)一下前端布局的一些個人見解,很多前端新手就是沒有理解怎么布局而一直學不好先說一下,我個人理解的前端布局的思想吧。 經(jīng)過了百度前端技術(shù)學院任務三和四五,在這里總結(jié)一下前端布局的一些個人見解,很多前端新手就是沒有理解怎么布局而一直學不好 先說一下,我個人理解的前端布局的思想吧。 在前端布局的時候, 先不要設(shè)計太多什么margin,paddin...
摘要:向已被訪問的鏈接添加樣式。讓背景圖片大小水平方向擴大一倍,這樣才有移動與變化的空間。不足及改進總結(jié)來看,自己做得不夠,雖然也花了時間,不過能看出有敷衍的成分在。 一、前言 百度的前端技術(shù)學院IFE,2016年就聽說了,當時自己也報名,還組成隊伍了,不過自己一個任務也沒完成就結(jié)束了,遺憾... 關(guān)注了IFE,知道2017年2月有新的一期培訓,于是一直在等著報名,然后開始做里面發(fā)布的任務(...
閱讀 2792·2021-11-02 14:42
閱讀 3174·2021-10-08 10:04
閱讀 1198·2019-08-30 15:55
閱讀 1041·2019-08-30 15:54
閱讀 2330·2019-08-30 15:43
閱讀 1691·2019-08-29 15:18
閱讀 876·2019-08-29 11:11
閱讀 2375·2019-08-26 13:52