avaScript 30 是什么？

JavaScirpt30 是 Wes Bos 推出的一個(gè) 30 天挑戰(zhàn)。項(xiàng)目免費(fèi)提供了 30 個(gè)視頻教程、30 個(gè)挑戰(zhàn)的起始文檔和 30 個(gè)挑戰(zhàn)解決方案源代碼。目的是幫助人們用純 JavaScript 來(lái)寫(xiě)東西，不借助框架和庫(kù)，也不使用編譯器和引用。

官網(wǎng)的 slogan 如下：

Build 30 things in 30 days with 30 tutorial No Frameworks × No Compilers × No Libraries × No Boilerplate

現(xiàn)在你看到的是這系列指南的第 1 篇 - JavaScript 音樂(lè)鼓

題目

模擬一個(gè)音樂(lè)鼓的效果。當(dāng)用戶按下 ASDFGHJKL 這幾個(gè)鍵時(shí)，頁(yè)面上與字母對(duì)應(yīng)的元素變大，邊框變色（動(dòng)畫(huà)效果），播放對(duì)應(yīng)的音樂(lè)。

來(lái)一張效果圖：

打開(kāi)index-START.html文件：

知識(shí)點(diǎn)分析：

• 頁(yè)面html中的數(shù)據(jù)屬性（data-xxx）

• 鍵盤(pán)事件處理

• 根據(jù)數(shù)據(jù)屬性選擇相對(duì)應(yīng)的元素

• 播放聲音

• 樣式修改

步驟講解

1. 添加鍵盤(pán)事件監(jiān)聽(tīng)。在windows上添加keydown事件。

2. keydown事件回調(diào)處理邏輯

   （1）獲取對(duì)應(yīng)事件的keyCode

   (2) 使用querySelector查找對(duì)應(yīng)data-key=keyCode的元素

   （3）處理元素，播放音頻，添加樣式

3. div.key添加動(dòng)畫(huà)結(jié)束transitionened事件處理來(lái)處理動(dòng)畫(huà)結(jié)束后的樣式還原

基礎(chǔ)知識(shí)點(diǎn)講解

1. ES6 中const 聲明只讀常量。

2. `${變量}`: 模板字面量（Template literals）。注意用反引號(hào)，變量用${}

3. forEach 與箭頭函數(shù)

異常處理點(diǎn)

1. 每次播放音效之后，需設(shè)置播放時(shí)間為0。

   主要處理：重復(fù)按鍵。

2. 動(dòng)事結(jié)束后需要移除樣式。

參考答案

關(guān)注“教授學(xué)苑”，期待帶給你快樂(lè)的開(kāi)發(fā)知識(shí).

算機(jī)類考試樣題

一、單項(xiàng)選擇題（本大題共50小題，每小題3分，共150分）

下列每小題給出的四個(gè)備選項(xiàng)中有一個(gè)最符合題目要求，請(qǐng)將其選出，未選、錯(cuò)選均不得分。

1. GUI 指的是什么?（ ） A．虛擬現(xiàn)實(shí)技術(shù) B．語(yǔ)音技術(shù) C．圖形用戶界面 D．智能代理技術(shù)

2.我們會(huì)把自己喜愛(ài)并且經(jīng)常瀏覽的網(wǎng)址存放到瀏覽器的（ ）。 A．標(biāo)題欄 B．地址欄 C．狀態(tài)欄 D．收藏夾

3.電子地圖上有地圖、地名，還能添加圖片注解、語(yǔ)音注解和背景音樂(lè)，這主要體現(xiàn)了多媒體技

術(shù)的（ ）。 A．實(shí)時(shí)性 B．交互性 C．集成性 D．可擴(kuò)充性

4. 在 IP 地址 172.20.17.36（子網(wǎng)掩碼 255.255.0.0）中，代表主機(jī)標(biāo)識(shí)的部分是（ ）。 A．172.20 B．36 C．17.36 D．20.17.36

5. 在因特網(wǎng)中，HTTP 的含義是（ ）。 A．域名 B．高級(jí)程序設(shè)計(jì)語(yǔ)言

C．網(wǎng)址 D．超文本傳輸協(xié)議

6. ChinaNet 作為中國(guó)的因特網(wǎng)骨干網(wǎng)，它是（ ）。 A．中國(guó)教育科研網(wǎng) B．中國(guó)公用計(jì)算機(jī)互聯(lián)網(wǎng)

C．中國(guó)電信網(wǎng) D．中國(guó)電視網(wǎng)

7. 到銀行去取款，計(jì)算機(jī)要求你輸入密碼，這屬于網(wǎng)絡(luò)安全技術(shù)中的（ ）。 A．身份認(rèn)證技術(shù) B．加密傳輸技術(shù)

C．防火墻技術(shù) D．防病毒技術(shù)

8. Mp3 播放器是比較流行的音樂(lè)播放工具，下列文件中不適合通過(guò)該播放器播放的是（ ）。 A．東風(fēng)破.mp3 B．你的眼睛.mid C．莫斯科郊外的晚上.wav D．南通旅游.ppt

9. 這段時(shí)間，小明家的電腦每到周末就有問(wèn)題，還發(fā)出奇怪的聲音，平時(shí)卻沒(méi)有問(wèn)題，經(jīng)診斷

是中了某個(gè)惡作劇類的病毒。這種現(xiàn)象最能體現(xiàn)病毒的特征是（ ）。 A．寄生性 B．傳染性 C．隱藏性 D．可觸發(fā)性

10. 在重新安裝操作系統(tǒng)前通常不需要備份的是（ ）。 A．我的文檔 B．收藏夾 C．郵箱中的郵件 D．桌面文件

11. 第四代計(jì)算機(jī)和第三代相比，所采用的（ ）一直沒(méi)有發(fā)生變化。

A．主要元器件 B．主存儲(chǔ)器的材料

C．體系結(jié)構(gòu) D．所配置的操作系統(tǒng)

12. Windows 中"磁盤(pán)碎片整理程序"的主要作用是（ ）。 A．修復(fù)損壞的磁盤(pán) B．縮小磁盤(pán)空間

C．提高文件訪問(wèn)速度 D．?dāng)U大磁盤(pán)空間

13. 2KB 的存儲(chǔ)容量可以存放（ ）個(gè)用機(jī)內(nèi)碼表示的漢字。

A．1024 B．128 C．2048 D．256

14. 構(gòu)成微型機(jī)的主機(jī)的三大部分是（ ）。 A．CPU、內(nèi)存和硬盤(pán) B．控制器、運(yùn)算器和內(nèi)存儲(chǔ)器

C．CPU、內(nèi)存儲(chǔ)器和外存 D．CPU、顯示器和鍵盤(pán)

15. 計(jì)算機(jī)的計(jì)算精度取決于計(jì)算機(jī)的（ ）。 A．字長(zhǎng)位數(shù) B．字節(jié)位數(shù)

C．工作頻率 D．CPU 指令系統(tǒng)

- 9 -

16. 下列計(jì)算機(jī)中的存儲(chǔ)設(shè)備，訪問(wèn)速度最快的存儲(chǔ)器是（ ）。 A．Cache B．U 盤(pán) C．硬盤(pán) D．光盤(pán)

17. 一個(gè)完整的計(jì)算機(jī)軟件系統(tǒng)應(yīng)包含（ ）。 A．系統(tǒng)軟件和應(yīng)用軟件 B．硬件系統(tǒng)和軟件系統(tǒng)

C．?dāng)?shù)據(jù)庫(kù)軟件和工具軟件 D．程序、相應(yīng)數(shù)據(jù)和文檔

. . . . . .

二、Windows 共 5 題 （共計(jì) 60 分）

第 1 題 （12.0 分）

1、在文件夾“AI”內(nèi)新建一個(gè)名稱為“WR”的文本文檔。

2、設(shè)置“QE”文件夾下的“ZZ”文件夾的屬性為“隱藏”。 3、將文件夾“AA”復(fù)制到文件夾“QE”內(nèi)。

4、將 AI 文件夾中的“FG.txt”擴(kuò)展名更改為“.Docx”。 5、刪除“AI”文件夾下的“XC”文件夾。

第 2 題 （12.0 分）

1、貨幣符號(hào)設(shè)置為“$”

2、在其他設(shè)置中，時(shí)間中的長(zhǎng)時(shí)間格式設(shè)置為“tt h:mm:ss”

3、其他設(shè)置里，排序設(shè)置為“筆劃

4、其他設(shè)置里，貨幣小數(shù)位數(shù)設(shè)置為“4” 第 3 題 （12.0 分）

1、在開(kāi)始菜單，設(shè)置自定義為“幫助” 2、在使用 Areo Peek 預(yù)覽桌面設(shè)置“使用 Areo Peek 預(yù)覽桌面” 3、把“鏈接”添加到任務(wù)欄的工具欄

4、在[開(kāi)始]菜單中，設(shè)置“存儲(chǔ)并顯示最近在[開(kāi)始]菜單中打開(kāi)的程序” 第 4 題 （12.0 分）

1、添加本地打印機(jī)，自動(dòng)檢測(cè)并安裝打印機(jī)

2、使用 LPT3：（打印機(jī)端口）

- 10 - 3、打印機(jī)名：SonyC 4、共享打印機(jī)，共享名為“four”

注意：題干沒(méi)有要求的設(shè)置均使用默認(rèn)設(shè)置

第 5 題 （12.0 分）

1、桌面背景設(shè)置為：頂級(jí)照片里的第二張圖片

2、分辨率設(shè)置為：1024x768

3、主題設(shè)置為：基本和高對(duì)比主題里的 Window 7 Basic 4、顯示里，調(diào)整自定義文本大小(DPI)設(shè)置為：125%

三、網(wǎng)絡(luò) 共 6 題 （共計(jì) 40 分）

第 1 題 （7.0 分）

請(qǐng)使用 QQ 郵箱發(fā)送試卷郵件，以附件的形式向老師提交試卷。

郵箱地址為：62345678@qq.com

主題為：王子明的試卷

郵件內(nèi)容為：

我已經(jīng)將計(jì)算機(jī)應(yīng)用能力測(cè)試試卷發(fā)至指定的郵件中，請(qǐng)查收。

附件為：王子明的試卷.Docx 第 2 題 （7.0 分）

1、進(jìn)入首都經(jīng)濟(jì)貿(mào)易大學(xué)首頁(yè)，從導(dǎo)航欄“組織機(jī)構(gòu)”中查找“教務(wù)處”，并進(jìn)入教務(wù)處主頁(yè)，將該

網(wǎng)頁(yè)以“網(wǎng)頁(yè)，僅 HTML”的類型保存到當(dāng)前試題文件夾中，文件名為：首都經(jīng)貿(mào)大學(xué)教務(wù)處主頁(yè)

2、將該主頁(yè)添加到收藏夾，名稱為“首都經(jīng)貿(mào)大學(xué)教務(wù)處首頁(yè)” 3、將該主頁(yè)上的標(biāo)志性圖片（logo）保存到當(dāng)前試題文件夾中，文件名為：首都經(jīng)貿(mào)大學(xué)教務(wù)處

- 11 - 第 3 題 （7.0 分）

1、設(shè)置 IPV4 的 IP 地址為：58.73.156.25

2、設(shè)置子網(wǎng)掩碼為：255.255.255.0 3、設(shè)置默認(rèn)網(wǎng)關(guān)為：58.73.156.1 4、設(shè)置首選 DNS 為：202.98.68.66

第 4 題 （7.0 分） -

1、連接到 Internet

2、寬帶 PPPoE

3、用戶名：jngk129，密碼 123424，記住密碼

4、連接名稱設(shè)置為“寬帶連接 A” 第 5 題 （6.0 分）

1、設(shè)置用戶名為：Mylink_01

2、設(shè)置密碼為：123409

3、為下面用戶保存用戶名和密碼設(shè)置為“任何使用此計(jì)算機(jī)的人” 4、屬性里設(shè)置寬帶常規(guī)服務(wù)名為：我的連接 01

5、進(jìn)行一次撥號(hào)連接

第 6 題 （6.0 分）

1、將默認(rèn)主頁(yè)設(shè)置為：www.hao123.com

- 12 - 2、磁盤(pán)使用空間設(shè)置為 0.5GB 3、歷史記錄保存天數(shù)設(shè)置為 17 天 4、啟用內(nèi)存保護(hù)幫助減少聯(lián)機(jī)攻擊*

四、Word 共 1 題 （共計(jì) 60 分）

---------------------------------------------------------------------

請(qǐng)?jiān)诖蜷_(kāi)的 WORD 的文檔中，進(jìn)行下列操作。完成操作后，請(qǐng)保存文檔，

并關(guān)閉 WORD。

---------------------------------------------------------------------

1.對(duì)文章中的兩個(gè)小標(biāo)題“霧霾天氣對(duì)人體的主要危害”、“霧霾天氣怎樣預(yù)防疾病”進(jìn)行設(shè)置：（1）

隸書(shū)二號(hào)，（2）居中，段前段后間距 0.5 行；（3）添加“熊熊火焰”的文字效果。

2.在第二個(gè)標(biāo)題前插入分頁(yè)符。

3.將第一、二頁(yè)中的正文設(shè)置成楷體小四，左對(duì)齊，首行縮進(jìn) 2 字符，行間間距 22 磅。

4.給整個(gè)文檔添加“橄欖色，強(qiáng)調(diào)文字顏色 3，淡色 80%”的頁(yè)面背景。

5.將第二頁(yè)中的“1，2，……，5”改為項(xiàng)目符號(hào) Wingdings，155。 6.將第一頁(yè)正文中的第一個(gè)字“常”設(shè)為首字下沉 2 行。

7.將第一頁(yè)正文中第二段“1.對(duì)呼吸系統(tǒng)的影響……”到第七段“6.影響交通安全……”分成均勻的

兩欄，不加分隔線。

8.給文章第二頁(yè)中第一段第二個(gè)字“霾”加上拼音，拼音設(shè)置成宋體 8 磅，居中。

9.在文檔的最后插入素材下的圖片“1.jpg”，設(shè)置成高 4 厘米寬 6 厘米，文字緊密型環(huán)繞，放置到

最后一段的右邊，與文字同齊。

10.為文檔加上“樸素型（奇數(shù)頁(yè)）”頁(yè)眉，標(biāo)題文字為“自然科學(xué)知識(shí)”，日期為“今日”；均設(shè)置為

黑體四號(hào)，加粗，斜體。

11.在頁(yè)腳中間加入自己的姓名，設(shè)置成宋體四號(hào)，紅色，加粗。

五、Excel 共 1 題 （共計(jì) 60 分）

---------------------------------------------------------------------

請(qǐng)?jiān)诖蜷_(kāi)的窗口中進(jìn)行如下操作，操作完成后，請(qǐng)關(guān)閉 Excel 并保存工作簿。

---------------------------------------------------------------------

1、在 Sheet1 工作表的最上面插入 1 行，在第一行中輸入標(biāo)題“2005 年部分省市行業(yè)工資”，設(shè)置

字體為華文行楷、20 號(hào)、紅色。 A1:G1 合并及居中。

2、將 Sheet2 工作表中的數(shù)據(jù)移動(dòng)到 Sheet1 中，數(shù)據(jù)從 A13 單元格存放，并將 Sheet1 工作表名

改為“行業(yè)工資”。 3、在“行業(yè)工資”工作表的 F2 單元格中輸入“平均”，利用函數(shù)計(jì)算各省市三個(gè)行業(yè)的平均工資，

結(jié)果保留 1 位小數(shù)。

4、在“行業(yè)工資”工作表的 A20 單元格中輸入“最高”，合并 A20 和 B20 單元格。在 A21 單元格中

輸入“最低”，合并 A21 和 B21 單元格。用函數(shù)分別求出三個(gè)行業(yè)中的最高工資和最低工資填入

G20 和 G21 單元格。

5、插入一張新工作表命名為“Sheet3”，復(fù)制“行業(yè)工資”工作表中的 A2:B19 和 D2:E19 單元格區(qū)域

的數(shù)據(jù)，存放區(qū)域 A2:D19。 6、在“Sheet3”工作表中設(shè)置地區(qū)值為“華東”的單元格底紋顏色為紅色（要求使用條件格式，其他

方式不得分）。

7、在“Sheet3”工作表中按“地區(qū)”進(jìn)行升序排序，并分類匯總出各地區(qū)、各行業(yè)的平均工資，要求

匯總項(xiàng)顯示在數(shù)據(jù)下方。

8、設(shè)置“Sheet3”工作表的 A2:D26 區(qū)域外框?yàn)樗{(lán)色細(xì)實(shí)線，內(nèi)部為黑色細(xì)實(shí)線。

9、將 Sheet3 工作的 C 列隱藏。

10、根據(jù)“Sheet3”工作表中 A11:A15 和 D11:D15 數(shù)據(jù)，生成一張“帶數(shù)據(jù)標(biāo)記的折線圖”，嵌入當(dāng)

前工作表中，圖表標(biāo)題為“華東地區(qū)服務(wù)業(yè)工資比較”，不顯示圖例。

六、PowerPoint 共 1 題 （共計(jì) 40 分）

1、新建四張幻燈片，第一張使用標(biāo)題幻燈片版式，其余三張幻燈片使用標(biāo)題和內(nèi)容版式。

2、設(shè)計(jì)幻燈片母版：

（1）使用“氣流”主題；

（2）在頁(yè)腳中間顯示幻燈片編號(hào)；

（3）在頁(yè)腳左邊顯示文字“中國(guó)環(huán)境報(bào)告”，頁(yè)腳中內(nèi)容均設(shè)置成仿宋 14 磅；

（4）所有幻燈片中設(shè)置：標(biāo)題字號(hào) 48 磅，正文內(nèi)容華文行楷 20 磅。

3、利用素材下的文字素材完成四張幻燈片中的文字內(nèi)容。

4、在第一張幻燈片中插入素材下的圖片“標(biāo)志.jpg”，在第四張幻燈片中插入素材下的另外三張圖

片，順序已經(jīng)編好。

5、設(shè)置所有幻燈片使用“門(mén)”的切換效果，切換持續(xù)時(shí)間 2 秒，自動(dòng)換片時(shí)間 6 秒。

- 13 -

- 14 - 6、在第三張幻燈片中插入表格，并設(shè)置成如樣圖所示。

7、對(duì)第四張幻燈片中的三張圖片設(shè)置播放動(dòng)畫(huà)效果：均為“飛入”，第一二張從左邊飛入，第三

張從右邊飛入；動(dòng)畫(huà)持續(xù)時(shí)間均為 2 秒。三張圖片按 1，2，3 的順序依次飛入。

七、C語(yǔ)言程序設(shè)計(jì)（40分）

1.從鍵盤(pán)輸入兩個(gè)數(shù)，編程計(jì)算這兩個(gè)數(shù)平方和。

1 main( )

{ 2 ;

printf(“請(qǐng)輸入兩個(gè)數(shù)，輸入時(shí)數(shù)與數(shù)之間用,分隔”)； 3 ;

t=a*a+b*b;

printf(“兩個(gè)數(shù)的平方和是 4 ”, 5 );

}2.程序設(shè)計(jì)：從鍵盤(pán)輸入一個(gè)整數(shù)，若該數(shù)上正數(shù)，判斷它的是偶數(shù)還是奇數(shù)。程序片斷如下：

main( )

{ 6 A; scanf(“ 7 ”, 8 );

if( 9 )

if( 10 )

printf(“是偶數(shù)”)；

else

printf(“是奇數(shù)”)； }

八、Access數(shù)據(jù)庫(kù)應(yīng)用（40分）

考生的一切操作請(qǐng)?jiān)诖蜷_(kāi)的“醫(yī)生基本信息.ACCDB”數(shù)據(jù)庫(kù)中進(jìn)行。

1、將“預(yù)約 ID”字段設(shè)置為“tSubscribe”表的主鍵。

2、設(shè)置“tDoctor”表中“性別”字段的默認(rèn)值為“男”，查閱列表中的數(shù)據(jù)為“男” “女”。 3、刪除“tDoctor”表中的“專長(zhǎng)”字段，設(shè)置“年齡”字段的有效性規(guī)則為：“輸入

年齡必須在 18 歲至 60 歲之間（含 18 歲和 60 歲），取消對(duì)“年齡”字段列的隱藏。

4、對(duì)主表“tDoctor”與相關(guān)表“tSubscribe”，主表“tOffice”與相關(guān)表

“tSubscribe”，主表“tPatient”與相關(guān)表“tSubscribe”，建立關(guān)系，

表間均實(shí)施參照完整性。

5、建立一個(gè)名為“Q1”的查詢，查找姓名為兩個(gè)字的姓“王”病人的預(yù)約信息，具體要

求如下：

1）數(shù)據(jù)來(lái)源為“tDoctor”、“tOffice”、“tPatient”“tSubscribe”表；

2）顯示病人的“姓名”“年齡”“性別”“預(yù)約日期”“科室名稱”和醫(yī)生“姓名”。 6、創(chuàng)建一個(gè)名為“Q2”的查詢，統(tǒng)計(jì)星期四某科室（要求按“科室 ID”查）預(yù)約病

人的平均年齡，具體要求如下：

1）數(shù)據(jù)來(lái)源為“tPatient”“tSubscribe”表；

2）顯示標(biāo)題為“平均年齡”