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

資訊專欄INFORMATION COLUMN

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

sixleaves / 369人閱讀

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

任務(wù)描述

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

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

我的思路：

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

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

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

ES6打臉

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

模板字符串

寫到這突然發(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://systransis.cn/yun/87021.html

相關(guān)文章

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

    任務(wù)描述 參考以下示例代碼，補(bǔ)充其中的JavaScript功能，完成一個(gè)JavaScript代碼的編寫本任務(wù)完成的功能為：用戶可以在輸入框中輸入任何內(nèi)容，點(diǎn)擊確認(rèn)填寫按鈕后，用戶輸入的內(nèi)容會(huì)顯在您輸入的值是文字的右邊 IFE JavaScript Task 01 請(qǐng)輸入北京今天空氣質(zhì)量： 確認(rèn)填寫 您輸入的值是：尚無錄入 (function...

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

  • 2018年騰訊前端一面總結(jié)（面向2019屆學(xué)生）

    摘要：前言騰訊一面，相比阿里一面來說，騰訊一面先給打電話預(yù)定時(shí)間，這也給了我們這些面試者去準(zhǔn)備的時(shí)間。其實(shí)閉包也就是指有權(quán)訪問另一個(gè)函數(shù)作用域的函數(shù)而已。常用的創(chuàng)建閉包的方法就是在函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)。 前言 騰訊一面，相比阿里一面來說，騰訊一面先給打電話預(yù)定時(shí)間，這也給了我們這些面試者去準(zhǔn)備的時(shí)間。但是也正是因?yàn)檫@種確定性，也有在等待電話的時(shí)候的心情的忐忑。 背景 我是一名大三學(xué)生，大一...

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

  • 【董天一】關(guān)于IPFS的熱門問題

    摘要：作者簡(jiǎn)介董天一中國區(qū)技術(shù)布道人指南作者。目前網(wǎng)絡(luò)上有一些對(duì)的解讀五花八門，各式各樣，有看好的，也有打擊的，總之一項(xiàng)新技術(shù)誕生之初遇到的問題都遇到了。問題文件丟失認(rèn)為系統(tǒng)不可靠，會(huì)造成用戶文件的丟失。 作者簡(jiǎn)介：董天一 ,IPFS/Filecoin中國區(qū)技術(shù)布道人 ,《IPFS指南》作者。畢業(yè)于北京大學(xué)軟件與微電子學(xué)院曾擔(dān)任甲骨文亞洲研發(fā)中心（中國）數(shù)據(jù)庫開發(fā)工程師。 資深區(qū)塊鏈技術(shù)開發(fā)...

    李義 評(píng)論0 收藏0

  • 2016百度前端技術(shù)學(xué)院Task02

    摘要：的演示整個(gè)項(xiàng)目的地址的地址起初只是想簡(jiǎn)單開始重新做一遍百度前端技術(shù)學(xué)院的任務(wù)，但是在做的過程中萌生了要記錄下自己在過程中遇到的一系列問題的想法。現(xiàn)在我把自己完成的小項(xiàng)目的源碼在上分享出來，希望可以幫到廣大前端初學(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)單開始重新做一遍百度前端技術(shù)學(xué)院的任務(wù)，但是在做的過程中萌生了要記錄下自己在過程中遇到的一系列問題的想法。現(xiàn)在我把自己完成的小項(xiàng)目的源碼在上分享出來，希望可以幫到廣大前端初學(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)論

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