成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

用HTML和JS來(lái)開發(fā)移動(dòng)app - 計(jì)算器app功能實(shí)現(xiàn)

zhangfaliang / 2481人閱讀

摘要：今天開始構(gòu)思第一個(gè)有實(shí)際功能的手機(jī)計(jì)算器。不過(guò)細(xì)心的人也會(huì)發(fā)現(xiàn)，到現(xiàn)在為止我們還沒(méi)調(diào)用提供的任何關(guān)于的完全都是使用和本身的功能來(lái)實(shí)現(xiàn)的下一步，就是開始學(xué)習(xí)了解的，打開藍(lán)牙并連接其他藍(lán)牙設(shè)備進(jìn)行通訊。

今天開始構(gòu)思第一個(gè)有實(shí)際功能的手機(jī)app - 計(jì)算器。在功能上非常簡(jiǎn)單，支持0-9輸入和加減乘除等于運(yùn)算，可以清零。

在程序邏輯結(jié)構(gòu)上，跟嵌入式代碼基本沒(méi)差別：

對(duì)0-9按鈕定義一個(gè)數(shù)字功能：實(shí)現(xiàn)對(duì)輸入的數(shù)值更新并保存到一個(gè)變量

對(duì)功能鍵定義一個(gè)操作功能：根據(jù)不同操作對(duì)輸入變量進(jìn)行操作

對(duì)UI顯示定義一個(gè)刷新函數(shù)：每次按鍵操作后刷新一次UI

簡(jiǎn)單看了下button的，使用onclick就可以直接檢測(cè)按鈕按下并調(diào)用一個(gè)函數(shù)了，果然比以前搞硬件簡(jiǎn)單多了T.T 神馬鍵值掃描啊神馬中斷觸發(fā)啊神馬防抖啊都不用考慮的...

在不考慮UI就考慮功能基礎(chǔ)上，下面代碼就實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的計(jì)算器功能：比較簡(jiǎn)單就都丟到index.html文件里了，沒(méi)有到j(luò)s文件中寫控制邏輯。

 
    

        

            
0

        

        

            
 NULL 

        

        

            
0

開始沒(méi)注意乘法和除法的運(yùn)算，導(dǎo)致當(dāng)value是0時(shí)會(huì)出錯(cuò).. 將

total=total/value

改為了

if (value)
  {
   if (total)
   {total=total/value}
   else
   {total=value}
  }

在頁(yè)面上測(cè)試后沒(méi)問(wèn)題，簡(jiǎn)單一個(gè)命令

  run cordova android

運(yùn)行成功后會(huì)提示：

打開手機(jī)app，試了一下，雖然界面簡(jiǎn)陋，但是至少在手機(jī)上把一個(gè)有功能的app跑起來(lái)了！剩下的內(nèi)容是優(yōu)化界面... 無(wú)奈對(duì)html和css真不熟，一個(gè)個(gè)標(biāo)簽一個(gè)個(gè)參數(shù)去看狠廢時(shí)間... 求達(dá)人10分鐘幫我排個(gè)版面吧！！自己來(lái)做花一個(gè)下午一個(gè)晚上的真心懶得弄。

到現(xiàn)在已經(jīng)可以從0起步，通過(guò)cordova 完成一個(gè)有實(shí)際功能的app的開發(fā)了。不過(guò)細(xì)心的人也會(huì)發(fā)現(xiàn)，到現(xiàn)在為止我們還沒(méi)調(diào)用 cordova 提供的任何關(guān)于android的api！完全都是使用html和js本身的功能來(lái)實(shí)現(xiàn)的 ~ 下一步，就是開始學(xué)習(xí)了解cordova的android api，打開藍(lán)牙并連接其他藍(lán)牙設(shè)備進(jìn)行通訊。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/85530.html

相關(guān)文章

  • 純 HTML+CSS+JavaScript 編寫的計(jì)算器應(yīng)用

    摘要：不允許再有其他文件，不允許再有單獨(dú)的文件。必須支持標(biāo)準(zhǔn)的四則運(yùn)算。請(qǐng)?jiān)谑盏洁]件的小時(shí)內(nèi)獨(dú)立完成本測(cè)試，并回復(fù)本郵件。項(xiàng)目地址最終版的計(jì)算器，項(xiàng)目地址和預(yù)覽圖片在。并且使用單位來(lái)進(jìn)行自動(dòng)計(jì)算尺寸。 一道筆試題 之前偶然看到一個(gè)公司的筆試題，題目如下： 用HTML5、CSS3、JavaScript，做一個(gè)網(wǎng)頁(yè)，實(shí)現(xiàn)如下圖形式計(jì)算器 showImg(https://segmentfault....

    PiscesYE 評(píng)論0 收藏0

  • 純 HTML+CSS+JavaScript 編寫的計(jì)算器應(yīng)用

    摘要：不允許再有其他文件，不允許再有單獨(dú)的文件。必須支持標(biāo)準(zhǔn)的四則運(yùn)算。請(qǐng)?jiān)谑盏洁]件的小時(shí)內(nèi)獨(dú)立完成本測(cè)試，并回復(fù)本郵件。項(xiàng)目地址最終版的計(jì)算器，項(xiàng)目地址和預(yù)覽圖片在。并且使用單位來(lái)進(jìn)行自動(dòng)計(jì)算尺寸。 一道筆試題 之前偶然看到一個(gè)公司的筆試題，題目如下： 用HTML5、CSS3、JavaScript，做一個(gè)網(wǎng)頁(yè)，實(shí)現(xiàn)如下圖形式計(jì)算器 showImg(https://segmentfault....

    youkede 評(píng)論0 收藏0

  • 純 HTML+CSS+JavaScript 編寫的計(jì)算器應(yīng)用

    摘要：不允許再有其他文件，不允許再有單獨(dú)的文件。必須支持標(biāo)準(zhǔn)的四則運(yùn)算。請(qǐng)?jiān)谑盏洁]件的小時(shí)內(nèi)獨(dú)立完成本測(cè)試，并回復(fù)本郵件。項(xiàng)目地址最終版的計(jì)算器，項(xiàng)目地址和預(yù)覽圖片在。并且使用單位來(lái)進(jìn)行自動(dòng)計(jì)算尺寸。 一道筆試題 之前偶然看到一個(gè)公司的筆試題，題目如下： 用HTML5、CSS3、JavaScript，做一個(gè)網(wǎng)頁(yè)，實(shí)現(xiàn)如下圖形式計(jì)算器 showImg(https://segmentfault....

    fancyLuo 評(píng)論0 收藏0

  • 用HTML和JS來(lái)開發(fā)移動(dòng)app - Hello Cordova

    摘要：發(fā)現(xiàn)對(duì)一個(gè)習(xí)慣了硬件設(shè)備側(cè)開發(fā)的人來(lái)說(shuō)，不管是用還是直接用開發(fā)，都是一樣的都是從開始。之前雖然高中時(shí)代做個(gè)網(wǎng)站，也僅限于用和所見即所得開發(fā)對(duì)都是一竅不通。為了給設(shè)備開發(fā)，在上硬著頭皮看了個(gè)小時(shí)課程。 發(fā)現(xiàn)對(duì)一個(gè)習(xí)慣了硬件設(shè)備側(cè)C開發(fā)的人來(lái)說(shuō)，不管是用cordova（HTML+JS） 還是直接用android studio（JAVA）開發(fā)，都是一樣的...都是從0開始。 之前雖然高中時(shí)...

    legendmohe 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<