国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

用JQuery寫一個計算器

wanghui / 1557人閱讀

摘要：因為覺得的界面比漂亮一些，所以最近正在把博客遷移到這邊來，這幾天多發了兩篇作為一個學習中練手的小，選了一個計算器。，選取一個字符串的指定長度的字符。檢查元素是否含有指定的類名。代碼經過初步測試，能正常使用。

因為覺得segment fault的markdown界面比CSDN漂亮一些，所以最近正在把博客遷移到這邊來，這幾天多發了兩篇.....

作為一個學習中練手的小demo，選了一個計算器。原因大概只是因為早就想做，比較簡單，又確實有很多地方不太清楚，所以選了這個玩意，其實看網上的許多源碼，做起來不是很難，但是我還是寫了差不多一個禮拜，每天中午午休的一個小時加上下班后的1個小時，星期天也弄了差不都一天，終于基本把整體的功能都完成了，后期我想再迭代優化一下，加上一些CSS3的動畫和響應式的功能，讓這個小demo可以在手機上跑起來。不過這都是后話了。

廢話不多說，上代碼吧：



    
        
        在線計算器
        
        
    
    
        

            

                
x

            

            

            

                
AC

                
+/-

                
←

                
÷

                
7

                
8

                
9

                
×

                
4

                
5

                
6

                
-

                
1

                
2

                
3

                
+

                
0

                
.

                
=
代碼知識點

因為主要用了JQ的代碼，所以知識點主要是JQ的。

1.substr（start，length）：選取一個字符串的指定長度的字符。
start為必須參數，是字符串開始位置的index值，length非必須，指定字符串的長度。這個方法會返回指定的字符串。

2.hasClass（className）：檢查元素是否含有指定的類名。
className不需要帶“.”。常用if判斷；例：

`if($(this).hasClass("btn_plus")){
change=1;
}`

3.其他的代碼十分常用，也沒有必要一一列出了。

實現原理

由于在網上看的代碼太長，理解夠嗆，所以這個demo基本上是筆者自己的創作，其中某些思想有借鑒網絡，但主要的實現皆為本人。

原理是將數字存儲為字符串result，按運算符（+-*/）的時候存儲字符串result為第一個數字result_1，同時根據按的不同的運算符，賦給變量change不同的值；并且把result清空以便保存第二個字符串。再輸入完第二段字符串時，把它再次賦給result，當按等于符的時候，把result賦給result_2；同時，根據change值的不同，進行不同的運算，得出結果，顯示在屏幕上。

其中用了大量的if判斷，以至于層層疊疊，我都怕會出什么問題......

最后附上我的github地址，如果你覺得對你有幫助的話，請盡情地用fork和star來“羞辱”我吧！

問題

說不上來問題在哪，感覺代碼寫得太亂，有點隨機應變的感覺，沒有很好地做到事先規劃，有一種頭疼醫頭腳疼醫腳的感覺。

1.在處理負號符的時候，導致了result的值有時是字符串，有時又是數字，我的初衷是在處理字符本身的時候始終以字符串的形式存在，當要調整正負和運算的時候再變成數字，可是由于后期的代碼變得冗長，導致我自己越來越糊涂，只能應付了事。

2.迭代。我本來希望能在一個禮拜做成一個能在手機使用的小應用，但是由于時間的計劃不太合理，前期的基本功能用了太久才完成。后面我想完善起來，結合響應式，這應該不難。

PS：代碼經過初步測試，能正常使用。大神發現有什么bug的，歡迎拍磚指點。

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

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/92854.html

相關文章

  • 26天學通前端開發（配資料）

    摘要：網上有很多前端的學習路徑文章，大多是知識點羅列為主或是資料的匯總，數據量讓新人望而卻步。天了解一個前端框架。也可以關注微信公眾號曉舟報告，發送獲取資料，就能收到下載密碼，網盤地址在最下方，獲取教程和案例的資料。 前言 好的學習方法可以事半功倍，好的學習路徑可以指明前進方向。這篇文章不僅要寫學習路徑，還要寫學習方法，還要發資料，干貨滿滿，準備接招。 網上有很多前端的學習路徑文章，大多是知...

    blair 評論0 收藏0

  • Dom詳解

    摘要：例子第三級的同級的第二個獲取元素復制代碼兩個都包含的元素，一個在文檔樹的前面，但是它在第三級，另一個在文檔樹的后面，但它在第一級，通過獲取元素時，它通過深度優先搜索，拿到文檔樹前面的第三級的元素。對象就是通過包裝對象后產生的對象。 DOM JavaScript 的組成 組成部分 說明 Ecmascript 描述了該語言的語法和基本對象 DOM 描述了處理網頁內容的方法和接...

    liuhh 評論0 收藏0

  • 前端知識普及之頁面加載

    摘要：如果你的文件涉及操作，可以直接在里面添加回調函數，或者說基本上我們的文件都可以寫在里面進行調用其實，這和我們將文件放在底部，在上面加以及異步加載文件的效果是一樣一樣的。 如果大家想繼續看下面的內容的話，有一個要求，就是回答我一個問題:你這樣寫過代碼嗎？ window.onload = function(){ $(.gravatar).on(click,function(){ ...

    tianyu 評論0 收藏0

  • 用jquery寫貪吃蛇

    需要具備知識：1.html、css基礎2.jquery基礎 具體實現方法： 創建游戲界面 .bts { display: flex; } .bt { width: 60px; height: 24px; line-height: 24px...

    gitmilk 評論0 收藏0

  • 用jquery寫貪吃蛇

    需要具備知識：1.html、css基礎2.jquery基礎 具體實現方法： 創建游戲界面 .bts { display: flex; } .bt { width: 60px; height: 24px; line-height: 24px...

    h9911 評論0 收藏0

發表評論

0條評論

wanghui

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<