成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

從2018百度前端技術(shù)學(xué)院看代碼究竟應(yīng)該怎么寫(xiě)(2)

sixleaves / 441人閱讀

摘要：任務(wù)描述參考以下示例代碼，頁(yè)面加載后，將提供的空氣質(zhì)量數(shù)據(jù)數(shù)組，按照某種邏輯比如空氣質(zhì)量大于進(jìn)行過(guò)濾篩選，最后將符合條件的數(shù)據(jù)按照一定的格式要求顯示在網(wǎng)頁(yè)上污染城市列表第一名福州樣例，第二名福州樣例，北京上海福州廣州成都西安在注

任務(wù)描述

參考以下示例代碼，頁(yè)面加載后，將提供的空氣質(zhì)量數(shù)據(jù)數(shù)組，按照某種邏輯（比如空氣質(zhì)量大于60）進(jìn)行過(guò)濾篩選，最后將符合條件的數(shù)據(jù)按照一定的格式要求顯示在網(wǎng)頁(yè)上

    
    
      
        
        IFE JavaScript Task 01
      
    
    
      
污染城市列表
實(shí)現(xiàn)代碼

我的思路：

先將數(shù)組中滿(mǎn)足條件的元素過(guò)濾到一個(gè)對(duì)象中，再按對(duì)象的值排序，構(gòu)造字符串，生成li元素，添加,不過(guò)后看到別人直接利用二維數(shù)組直接進(jìn)行排序構(gòu)造覺(jué)得也挺簡(jiǎn)單的,不過(guò)本次也回顧了下對(duì)象按鍵值排序的方法，所以就不打算改了,下面會(huì)貼出一個(gè)更優(yōu)雅10分的實(shí)現(xiàn)：



10分實(shí)現(xiàn)
為何是10分，想必大家看了代碼就知道了：




功能模塊耦合程度特別低，這也給了我們一個(gè)啟示，在實(shí)際編寫(xiě)代碼時(shí)能封裝抽象成一個(gè)函數(shù)的盡量抽象成函數(shù)，這樣既方便理解也方便后期維護(hù)。

ES6打臉

剛準(zhǔn)備做下一個(gè)任務(wù),隨手打開(kāi)筆記區(qū)一個(gè)點(diǎn)贊量最高的筆記，分分鐘被ES6打臉，告訴我上面內(nèi)個(gè)10分是啥(黑人問(wèn)號(hào)臉),于是乎分分鐘又拿ES6寫(xiě)了一遍，不然阮老師的《ES6教程》白看了，代碼如下，簡(jiǎn)潔程度大家自己看



模板字符串

寫(xiě)到這突然發(fā)現(xiàn)我對(duì)ES6的模板字符串還不是很熟悉，在此補(bǔ)充一下吧：MDN文檔
ps:待標(biāo)簽的模板字符串還不太懂，稍后弄清了補(bǔ)充
           
               
                                           
                       
                 

            
                     
             
               

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

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

               

                      
               
              

              

                
相關(guān)文章

                
    
                             
                                                                                                    
  • 
                                                
    
                          
    從2018百度前端技術(shù)學(xué)院看代碼究竟應(yīng)該怎么寫(xiě)(1)
    
                                                     
    任務(wù)描述
參考以下示例代碼，補(bǔ)充其中的JavaScript功能，完成一個(gè)JavaScript代碼的編寫(xiě)本任務(wù)完成的功能為：用戶(hù)可以在輸入框中輸入任何內(nèi)容，點(diǎn)擊確認(rèn)填寫(xiě)按鈕后，用戶(hù)輸入的內(nèi)容會(huì)顯在您輸入的值是文字的右邊


  
    
    IFE JavaScript Task 01
  


  請(qǐng)輸入北京今天空氣質(zhì)量：
  確認(rèn)填寫(xiě)

  您輸入的值是：尚無(wú)錄入



(function...
    
                                                   
                          
    
                                
    
                                    Cobub
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    2018年騰訊前端一面總結(jié)（面向2019屆學(xué)生）
    
                                                     
    摘要：前言騰訊一面，相比阿里一面來(lái)說(shuō)，騰訊一面先給打電話(huà)預(yù)定時(shí)間，這也給了我們這些面試者去準(zhǔn)備的時(shí)間。其實(shí)閉包也就是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域的函數(shù)而已。常用的創(chuàng)建閉包的方法就是在函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)。

前言
騰訊一面，相比阿里一面來(lái)說(shuō)，騰訊一面先給打電話(huà)預(yù)定時(shí)間，這也給了我們這些面試者去準(zhǔn)備的時(shí)間。但是也正是因?yàn)檫@種確定性，也有在等待電話(huà)的時(shí)候的心情的忐忑。
背景
我是一名大三學(xué)生，大一...
    
                                                   
                          
    
                                
    
                                    Kosmos
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    【董天一】關(guān)于IPFS的熱門(mén)問(wèn)題
    
                                                     
    摘要：作者簡(jiǎn)介董天一中國(guó)區(qū)技術(shù)布道人指南作者。目前網(wǎng)絡(luò)上有一些對(duì)的解讀五花八門(mén)，各式各樣，有看好的，也有打擊的，總之一項(xiàng)新技術(shù)誕生之初遇到的問(wèn)題都遇到了。問(wèn)題文件丟失認(rèn)為系統(tǒng)不可靠，會(huì)造成用戶(hù)文件的丟失。

作者簡(jiǎn)介：董天一 ,IPFS/Filecoin中國(guó)區(qū)技術(shù)布道人 ,《IPFS指南》作者。畢業(yè)于北京大學(xué)軟件與微電子學(xué)院曾擔(dān)任甲骨文亞洲研發(fā)中心（中國(guó)）數(shù)據(jù)庫(kù)開(kāi)發(fā)工程師。
資深區(qū)塊鏈技術(shù)開(kāi)發(fā)...
    
                                                   
                          
    
                                
    
                                    李義
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    2016百度前端技術(shù)學(xué)院Task02
    
                                                     
    摘要：的演示整個(gè)項(xiàng)目的地址的地址起初只是想簡(jiǎn)單開(kāi)始重新做一遍百度前端技術(shù)學(xué)院的任務(wù)，但是在做的過(guò)程中萌生了要記錄下自己在過(guò)程中遇到的一系列問(wèn)題的想法?，F(xiàn)在我把自己完成的小項(xiàng)目的源碼在上分享出來(lái)，希望可以幫到廣大前端初學(xué)者們。


Task02的演示DEMO：https://amnova.github.io/New-...
整個(gè)項(xiàng)目的GitHub地址：https://github.com/amn...
    
                                                   
                          
    
                                
    
                                    venmos
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    2016百度前端技術(shù)學(xué)院Task02
    
                                                     
    摘要：的演示整個(gè)項(xiàng)目的地址的地址起初只是想簡(jiǎn)單開(kāi)始重新做一遍百度前端技術(shù)學(xué)院的任務(wù)，但是在做的過(guò)程中萌生了要記錄下自己在過(guò)程中遇到的一系列問(wèn)題的想法?，F(xiàn)在我把自己完成的小項(xiàng)目的源碼在上分享出來(lái)，希望可以幫到廣大前端初學(xué)者們。


Task02的演示DEMO：https://amnova.github.io/New-...
整個(gè)項(xiàng)目的GitHub地址：https://github.com/amn...
    
                                                   
                          
    
                                
    
                                    lolomaco
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

              
               

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

                   
               

              

                

                  
0條評(píng)論
   
                
 
                      

              

           

           
        

      
 
    

    
     

      
    

    
    

    
       
       

         
閱讀需要支付1元查看
  
         
     
       

      
  
    
    












<