資訊專欄INFORMATION COLUMN
摘要：項(xiàng)目背景最近上三年級(jí)兒子的英語(yǔ)老是記不住單詞，而他們又在上科學(xué)課，老師讓練打字。打字和英語(yǔ)學(xué)習(xí)都沒太適合小家伙的實(shí)際情況，因此就花了一個(gè)周末寫下了這個(gè)項(xiàng)目。題庫(kù)為文件，存在指定目錄中。運(yùn)行方法全局安裝克隆源代碼安裝依賴庫(kù)運(yùn)行項(xiàng)目
項(xiàng)目背景
最近上三年級(jí)兒子的英語(yǔ)老是記不住單詞，而他們又在上科學(xué)課，老師讓練打字。打字和英語(yǔ)學(xué)習(xí)都沒太適合小家伙的實(shí)際情況，因此就花了一個(gè)周末寫下了這個(gè)項(xiàng)目。
實(shí)現(xiàn)功能兩種模式：隨機(jī)模式，從詞庫(kù)里隨機(jī)抽取題目，會(huì)重復(fù)，一直運(yùn)行；順序模式，將詞庫(kù)打亂后成一個(gè)隊(duì)列，依次出題，不會(huì)重復(fù)，一遍完成，給出統(tǒng)計(jì)結(jié)果。
兩種輸入判斷方式：?jiǎn)卧~或短語(yǔ)方式，回車提交；打字模式，單字母輸入時(shí)，如果和結(jié)果相符，自動(dòng)提交。
題庫(kù)為json文件，存在指定目錄中。
開發(fā)中遇到的問(wèn)題暫時(shí)實(shí)現(xiàn)了上面這些功能，至于題庫(kù)單詞配音、選擇裝載、錯(cuò)題存儲(chǔ)、單詞權(quán)重等想到的功能，先列在此，要是小家伙能用起來(lái)再說(shuō)吧。
radio單選框在動(dòng)態(tài)設(shè)置時(shí)，使用attr就第一次能生效，應(yīng)該用prop方法。
讀目錄下所有文件，要排除系統(tǒng)生成的隱藏文件，如蘋果下的.DS_Store。
打字時(shí)，要判斷完馬上清除input框的文字，應(yīng)該用onkeyup事件，不能用onkeydown。
keyCode取得的字母ASIIC碼是大寫字母的。
關(guān)鍵源碼說(shuō)明 題庫(kù)的讀入與題目隊(duì)列的初始化題庫(kù)為指定目錄下所有json文件，使用lodash輔助處理（開始用的underscore）;題目隊(duì)列生成時(shí)就隨機(jī)打亂，為簡(jiǎn)化后面的操作。
var files = fs.readdirSync("./json");
for(var k = 0; k < files.length; k++){
if(__.endsWith(files[k],".json"))
__.extend(lib, JSON.parse(fs.readFileSync("./json/" + files[k])));
}
//console.dir(lib);
var keys = Object.keys(lib);
for( var i = 0; i < keys.length; i++){
if(problems.indexOf(lib[keys[i]]) < 0){
problems.splice(__.random(problems.length-1),0,lib[keys[i]]);
}
}
//console.dir(problems);
keyUp事件處理
打字練習(xí)庫(kù)是a-z的一個(gè)鍵與值同等的對(duì)象，輸入一個(gè)字母時(shí)，若與題目相等，則響應(yīng)，開始我用的onkeydown，此時(shí)從界面取值是取不到的，所以寫成了下面這個(gè)模式，想來(lái)改用onkeyup后是不是不用這樣麻煩了，有空再測(cè)試一下。
function keyUp(e) {
var ev= window.event||e;
if (ev.keyCode == 13 && $("#inputInfo").val().trim().length > 0) {
answerCommit();
}else if(ev.keyCode == $("#problem").val().toUpperCase().charCodeAt()){
answerCommit(ev.keyCode);
}
}
答案提交處理
模擬了函數(shù)重載，根據(jù)有無(wú)參數(shù)，分別對(duì)打字練習(xí)和單詞兩種方式進(jìn)行數(shù)據(jù)預(yù)處理。
function answerCommit(){
var answer,problem;
if(arguments.length == 0){
answer = lib[$("#inputInfo").val().trim()];
problem = $("#problem").val();
}
else if(arguments.length == 1){
answer = arguments[0];
problem = $("#problem").val().toUpperCase().charCodeAt();
}
if(answer==problem){
源代碼
源碼托管在開源中國(guó)，有興趣的同學(xué)可以過(guò)去拍磚，呵呵。
https://git.oschina.net/zhoutk/ilearn.git運(yùn)行方法 全局安裝nw.js
npm install nw -g克隆源代碼
git clone https://git.oschina.net/zhoutk/ilearn.git安裝依賴庫(kù)
cd ilearn & npm install運(yùn)行項(xiàng)目
nw
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/86214.html
摘要：下面這張解決了怎么用完成任務(wù)的問(wèn)題，最后，開發(fā)者怕你懷疑的強(qiáng)大，又提供了幾個(gè)和許多成功的案例來(lái)打消我們的顧慮。拿下助攻決定用之后，就開始補(bǔ)充相應(yīng)的知識(shí)啦。來(lái)欣賞一下一些應(yīng)用的截圖吧，不得不說(shuō)開發(fā)出的應(yīng)用一點(diǎn)不比原生的丑陋啊。 博客地址 每個(gè)程序員都希望用自己喜歡的語(yǔ)言，自己喜歡的平臺(tái)、工具，寫自己喜歡的程序。于是我們會(huì)看到有人在Win下用Visual Studio愉快地coding，也...
摘要：在很多原因下，我們?yōu)榱擞峡蛻艋蛘咂渌脑颍枰诒旧泶a或框架不能兼容的瀏覽器下運(yùn)行項(xiàng)目，怎么辦呢，我們將其打包為桌面應(yīng)用不失為一種好。如果圖標(biāo)有變化，大功告成我的沒有換圖標(biāo)，所以依然是的圖標(biāo) WHY 在很多原因下，我們?yōu)榱擞峡蛻艋蛘咂渌脑颍枰诒旧泶a或框架不能兼容的瀏覽器下運(yùn)行項(xiàng)目，怎么辦呢，我們將其打包為桌面應(yīng)用不失為一種好idea。nw.js是node-webkit...
摘要：歲的余宙華是少兒編程培訓(xùn)機(jī)構(gòu)阿兒法營(yíng)的創(chuàng)辦者，也是這個(gè)培訓(xùn)機(jī)構(gòu)課程體系的主要研發(fā)者。如今少兒編程培訓(xùn)行業(yè)正越來(lái)越熱，最近幾年國(guó)內(nèi)的少兒編程培訓(xùn)機(jī)構(gòu)雨后春筍般一個(gè)個(gè)地冒出來(lái)。這時(shí)，余宙華意識(shí)到是他作為父親出手的時(shí)候了。 什么是計(jì)算機(jī)的靈魂？余宙華用孩子式的語(yǔ)氣問(wèn)長(zhǎng)桌旁坐著的小女孩。 小女孩認(rèn)真地想了半天，有些靦腆地猶豫著給出了余宙華期待的答案：程序。 2018年7月，我在阿兒法營(yíng)海淀人大...
摘要：寫在前面一個(gè)寫硬件的開發(fā)妹子在游戲直播平臺(tái)上直播寫代碼了一年后的總結(jié)，這篇文章非常輕快和可愛，跟妹子的顏值一樣，讀來(lái)也很輕松閑適。我非常緊張，并且在直播前一晚我熬了一整夜來(lái)演練要直播的內(nèi)容。這也會(huì)讓直播質(zhì)量更進(jìn)一步。 寫在前面： 一個(gè)寫硬件的開發(fā)妹子在 游戲直播平臺(tái) Twitch 上直播寫代碼了一年后的總結(jié)，這篇文章非常輕快和可愛，跟妹子的顏值一樣，讀來(lái)也很輕松閑適。決定翻譯這篇，也是...
閱讀 1582·2021-11-16 11:44
閱讀 7423·2021-09-22 15:00
閱讀 4462·2021-09-02 10:20
閱讀 1944·2021-08-27 16:20
閱讀 2385·2019-08-26 14:00
閱讀 2905·2019-08-26 11:44
閱讀 1627·2019-08-23 18:33
閱讀 1853·2019-08-22 17:28
