整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          13條高效實用的JavaScript單行代碼,關(guān)注收藏哦

          avaScript可以實現(xiàn)很多令人驚奇的事!

          從復(fù)雜的框架到處理API,有太多的東西可以學(xué)習(xí)。

          甚至,僅用一行代碼,它也能完成一些很棒的工作。

          不信?那么請看這13條JavaScript單行代碼,用上它們,會讓你看起來特別專業(yè)!

          1. 獲取隨機布爾值(true/false)

          使用Math.random()方法可以讓函數(shù)返回布爾值(true或false)。Math.random會創(chuàng)建一個介于0和1之間的隨機數(shù),然后我們檢查這個數(shù)是大于還是小于0.5。也就是說,有50%/50%的幾率得到true或false。

          以下JS代碼塊顯示了如何使用Math.Random方法獲取隨機布爾值。

          const randomBoolean = () => Math.random() >= 0.5;
          console.log(randomBoolean());
          // Result: a 50/50 change on returning true of false
          

          2. 檢查指定日期是否是工作日

          我們可以通過此方法來檢查函數(shù)中提供的日期是工作日還是周末。

          以下JS代碼塊顯示了如何編寫一個返回指定日期是工作日還是周末的函數(shù)。

          const isWeekday = (date) => date.getDay() % 6 !== 0;
          console.log(isWeekday(new Date(2021, 0, 11)));
          // Result: true (Monday)
          console.log(isWeekday(new Date(2021, 0, 10)));
          // Result: false (Sunday)
          

          3. 反轉(zhuǎn)字符串

          有兩種不同的方式可以反轉(zhuǎn)字符串。使用split(),reverse()和join()方法是最簡單的方法之一。

          以下JS代碼塊顯示了如何反轉(zhuǎn)字符串。

          const reverse = str => str.split('').reverse().join('');
          reverse('hello world');     
          // Result: 'dlrow olleh'
          

          4. 檢查當(dāng)前tab是否在視圖/焦點中

          我們可以使用document.hidden屬性來檢查當(dāng)前tab是否在視圖/焦點中。

          以下JS代碼塊顯示了如何使用文檔的hidden屬性來獲取當(dāng)前tab是否在視圖/焦點中。

          const isBrowserTabInView = () => document.hidden;
          isBrowserTabInView();
          // Result: returns true or false depending on if tab is in view / focus
          

          5. 檢查數(shù)字是偶數(shù)還是奇數(shù)

          可以通過使用取模運算符(%)來解決這個超簡單的任務(wù)。如果你對此還不太熟悉,那么Stack Overflow上就有直觀的說明。

          以下JS代碼塊顯示了如何使用模運算符來檢查數(shù)字是偶數(shù)還是奇數(shù)。

          const isEven = num => num % 2 === 0;
          console.log(isEven(2));
          // Result: true
          console.log(isEven(3));
          // Result: false
          

          6. 從日期中獲取時間

          通過使用.toTimeString()方法并在合適的位置切割字符串,我們就可以從指定的日期中獲取時間,也可以獲取當(dāng)前時間。

          以下JS代碼塊顯示了如何通過toTimeString方法和切割字符串從日期中獲取時間。

          const timeFromDate = date => date.toTimeString().slice(0, 8);
          console.log(timeFromDate(new Date(2021, 0, 10, 17, 30, 0))); 
          // Result: "17:30:00"
          console.log(timeFromDate(new Date()));
          // Result: will log the current time
          

          7. 截取數(shù)字小數(shù)點后的固定幾位

          使用Math.pow()方法,可以截取數(shù)字小數(shù)點后的固定幾位。

          以下JS代碼塊顯示了如何使用Math.Power方法舍入某個小數(shù)點。

          const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
          // Examples
          toFixed(25.198726354, 1);       // 25.1
          toFixed(25.198726354, 2);       // 25.19
          toFixed(25.198726354, 3);       // 25.198
          toFixed(25.198726354, 4);       // 25.1987
          toFixed(25.198726354, 5);       // 25.19872
          toFixed(25.198726354, 6);       // 25.198726
          

          8. 檢查元素當(dāng)前是否處于焦點

          我們可以使用document.activeElement屬性來檢查一個元素當(dāng)前是否處于焦點。

          以下JS代碼塊顯示了如何使用文檔對象上的activeElement屬性檢查元素當(dāng)前是否處于焦點。

          const elementIsInFocus = (el) => (el === document.activeElement);
          elementIsInFocus(anyElement)
          // Result: will return true if in focus, false if not in focus
          

          9. 檢查當(dāng)前用戶是否支持touch事件

          以下JS代碼塊顯示了如何檢查當(dāng)前用戶是否支持touch事件。

          const touchSupported = () => {
            ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
          }
          console.log(touchSupported());
          // Result: will return true if touch events are supported, false if not
          

          10. 檢查當(dāng)前用戶是否使用Apple上

          可以使用navigator.platform來檢查當(dāng)前用戶是否使用Apple設(shè)備。

          以下JS代碼塊顯示了如何檢查用戶當(dāng)前是否在Apple設(shè)備上。

          const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
          console.log(isAppleDevice);
          // Result: will return true if user is on an Apple device
          

          11. 滾動到頁面頂部

          window.scrollTo()方法通過x坐標(biāo)和y坐標(biāo)實現(xiàn)滾動。如果將它們設(shè)置為0,則將滾動到頁面頂部。

          注意:Internet Explorer不支持.scrollTo()方法。

          以下JS代碼塊顯示了如何使用scrollTo方法將瀏覽器滾動至頂部。

          const goToTop = () => window.scrollTo(0, 0);
          goToTop();
          // Result: will scroll the browser to the top of the page
          

          12. 獲取參數(shù)的平均值

          可以使用reduce方法獲取函數(shù)參數(shù)的平均值。

          以下JS代碼塊顯示了如何使用reduce方法獲取參數(shù)的平均值。

          const average = (...args) => args.reduce((a, b) => a + b) / args.length;
          average(1, 2, 3, 4);
          // Result: 2.5
          

          13. 轉(zhuǎn)換華氏/攝氏

          最后一個2合1了!

          處理溫度有時會暈頭轉(zhuǎn)向。這兩個函數(shù)則能幫助大家將華氏溫度轉(zhuǎn)換為攝氏溫度,以及將攝氏溫度轉(zhuǎn)換為華氏溫度。

          以下JS代碼塊顯示了如何將華氏溫度轉(zhuǎn)換為攝氏溫度,以及反向的轉(zhuǎn)換。

          const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;
          const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;
          // Examples
          celsiusToFahrenheit(15);    // 59
          celsiusToFahrenheit(0);     // 32
          celsiusToFahrenheit(-20);   // -4
          fahrenheitToCelsius(59);    // 15
          fahrenheitToCelsius(32);    // 0

          喜歡本文,請關(guān)注,點贊,收藏哦。

          021年國家網(wǎng)絡(luò)安全宣傳周重要活動于10月11日至17日在陜西西安圓滿舉辦。網(wǎng)絡(luò)微課征集活動自9月6日正式啟動以來,向全社會公開征集到各類作品1696 部。現(xiàn)將經(jīng)過大眾投票和專家評審評選出來的優(yōu)秀作品予以展示。

          視頻類優(yōu)秀作品展示

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          優(yōu)秀參與獎:東勝區(qū)天驕幼兒園 浩波《網(wǎng)絡(luò)安全小知識》

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          優(yōu)秀參與獎:臨潼區(qū)委網(wǎng)信辦 《情斷至尊寶》

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          優(yōu)秀參與獎:91278部隊 錢昊 網(wǎng)絡(luò)安全版《麻雀》

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          優(yōu)秀參與獎:陜西國際商貿(mào)學(xué)院 魏新兵、樊澤磊、張國龍、張帥帥《驗證碼》

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          優(yōu)秀參與獎:易點天下網(wǎng)絡(luò)科技股份有限公司《二維碼的秘密》

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          優(yōu)秀參與獎:西安醫(yī)學(xué)院 袁華兵、張成、趙妮《人臉識別時代 該如何說“不”》

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          優(yōu)秀參與獎:中共鄂爾多斯市康巴什區(qū)委員會網(wǎng)絡(luò)安全和信息化委員會辦公室《拭目》


          海報類優(yōu)秀作品展示

          一等獎:《唐潮組合》系列海報 中共潮州市委網(wǎng)信辦

          二等獎:《漫話網(wǎng)絡(luò)安全之清朗潮網(wǎng)篇》 中共潮州市委網(wǎng)信辦

          三等獎:苗旺《牢記網(wǎng)絡(luò)安全 時刻警鐘長鳴》吉林省科學(xué)技術(shù)協(xié)會信息中心

          三等獎:張欣悅《投準(zhǔn)啦》

          三等獎:劉婷婷《網(wǎng)絡(luò)安全之中獎詐騙》

          優(yōu)秀參與獎:王志朋、李夢瑤、劉玉青《國家安全系你我,網(wǎng)絡(luò)安全為人民》組圖

          優(yōu)秀參與獎:佛田鴿《有進(jìn)無出》

          優(yōu)秀參與獎:俞菲《共筑國家網(wǎng)絡(luò)安全防護(hù)盾》

          優(yōu)秀參與獎:袁皓明《謹(jǐn)慎一“點”,避免引火燒身》

          優(yōu)秀參與獎:朱威俊《網(wǎng)絡(luò)安全 你我共建》

          優(yōu)秀參與獎:郭媛《網(wǎng)絡(luò)視野》

          優(yōu)秀參與獎:蘆子含、程馳《虛實之鎖》

          H5前十名優(yōu)秀作品展示

          一等獎:“小安的一周”沉浸式網(wǎng)絡(luò)安全互動游戲

          中共鄂爾多斯市康巴什區(qū)委員會網(wǎng)絡(luò)安全和信息化委員會辦公室

          image.png

          https://b.u.mgd5.com/c/sbex/rcgl/index.html

          二等獎:網(wǎng)絡(luò)安全大作戰(zhàn)

          雁塔區(qū)委網(wǎng)信辦

          image.png

          http://www.sxtcwl.com/lsf_2/

          三等獎:2021年國家網(wǎng)絡(luò)安全宣傳周答題

          西安高新區(qū)網(wǎng)信辦

          image.png

          https://2775943.fkwcd.cn/index.jsp?id=2kms7Zba&qr=&transferCome=true&code=031cEqll2eT5Q74hRfll219Ldn1cEqlz&state=STATE&appid=wx245679bdbda27022

          三等獎:反詐劇本殺

          黃巍峰、朱穎、郭麗麗

          image.png

          http://kunyun-1259777011.cos.ap-chengdu.myqcloud.com/juqing/index.html

          三等獎:網(wǎng)絡(luò)安全知識達(dá)人挑戰(zhàn),等你來

          西安國際港務(wù)區(qū)黨工委宣傳部網(wǎng)信辦

          image.png

          https://3725037.s.wcd.im/index.jsp?id=3hlndZ82&v=oxt98t4WP5fNHXTStzUN2buFL-tk&slv=1&sid=8sjt&transferCome=true&code=031pWEkl2KNPN74BLaml225QdE1pWEk-&state=STATE&appid=wx8766f107ddf48843

          優(yōu)秀參與獎:網(wǎng)上有“約”

          吳曉璐 黃恒

          image.png

          https://lps.eqxiul.com/ls/XBmOZJfD

          優(yōu)秀參與獎:網(wǎng)絡(luò)安全知識科普

          周克

          image.png

          https://maka.im/pcviewer/843720/JR04XEYFW843720

          優(yōu)秀參與獎:回家的路

          楊文靜

          image.png

          https://r.xiumi.us/stage/v5/56obX/314978884#/

          優(yōu)秀參與獎:潮州市網(wǎng)絡(luò)安全云展廳

          中共潮州市委網(wǎng)信辦

          image.png

          https://vr.justeasy.cn/view/16hk3257q1u2lp09-1633164897.html

          優(yōu)秀參與獎:網(wǎng)絡(luò)詐騙之你知道嗎?

          張藝馨

          image.png

          https://r.xiumi.us/stage/v5/3cyLk/317960274#/

          優(yōu)秀參與獎:國家網(wǎng)絡(luò)安全宣傳周—周至在行動

          張賢禹

          image.png

          https://b.xiumi.us/stage/v5/2tQ8y/314510786

          優(yōu)秀參與獎:一不小心落入網(wǎng)絡(luò)詐騙的深淵

          孫慧敏

          image.png

          https://c.xiumi.us/stage/v5/5681s/317915397#/

          算機專業(yè)不可或缺的寶藏APP

          1、脈脈

          國內(nèi)最大的職場社交平臺,公司的一些裁員信息、人員變動的小道消息可以從這里面先睹為快,通過這上面你可以了解計算機行業(yè)及職場情況。

          2、中國大學(xué)MOOC

          上面有很多國家精品課程,比如浙江大學(xué)的翁凱老師的程序設(shè)計入門-C語言,浙江大學(xué)程姥姥的數(shù)據(jù)結(jié)構(gòu)。還有其他的老師的課程,都是非常值得你去了解使用的。

          3、牛客

          牛客其實是一個很全面的一個刷題網(wǎng)站,也是校招畢業(yè)生必備APP,牛客的題庫非常大,不僅有各大公司歷年的筆試題,還有各大專項練習(xí),同學(xué)們可以在牛客網(wǎng)練習(xí)在線編程。

          4、實習(xí)僧

          實習(xí)僧主要是服務(wù)應(yīng)屆畢業(yè)生求職的,整合了很多行業(yè)的實習(xí)崗位,適合在校學(xué)生去投遞實習(xí)崗位。當(dāng)然啦其他網(wǎng)站也能找到實習(xí)崗位,只是相對而言會比較少,而且搜索起來也很麻煩。

          5、掘金

          掘金的技術(shù)文章領(lǐng)域全面,優(yōu)秀的文章很多,硬核的文章也是比較多的,技術(shù)比較深。比起csdn海量的廣告和復(fù)制粘貼的文章,掘金算是比較好的了。

          6、W3Cschool

          這里面上線了上千本技術(shù)手冊,熱門編程語言學(xué)院:包含python3微課、HTML微課、PHP微課、JQuery微課、Ruby微課、SQL微課等編程學(xué)習(xí)的課程。大家可以隨時隨地地查詢學(xué)習(xí),真的很良心了。

          7、慕課網(wǎng)

          慕課網(wǎng)體系課的覆蓋范圍廣,技術(shù)比較新,像互聯(lián)網(wǎng)主流技術(shù)慕課網(wǎng)上基本都能找到。上面有很多免費的可以學(xué)習(xí),被譽為初、中級程序員的學(xué)習(xí)樂園。


          主站蜘蛛池模板: 奇米精品一区二区三区在| 精品在线一区二区三区| 精品一区二区在线观看| 久久se精品动漫一区二区三区| 久久久久人妻一区精品性色av| 无码日韩精品一区二区人妻| 无码人妻精品一区二区蜜桃 | 亚洲一区在线免费观看| 一区二区三区视频在线播放| 亚洲Av高清一区二区三区| 亚洲国产精品乱码一区二区| 国产av熟女一区二区三区| 亚洲一区日韩高清中文字幕亚洲 | 老熟妇仑乱一区二区视頻| 亚洲综合一区二区| 秋霞鲁丝片一区二区三区| 午夜一区二区免费视频| 久久国产精品一区免费下载| 国产成人精品一区二区A片带套 | 一区二区三区在线视频播放| 波多野结衣一区二区免费视频| 色精品一区二区三区| 久久久国产精品一区二区18禁| 色噜噜狠狠一区二区三区果冻| 东京热人妻无码一区二区av| 精品国产aⅴ无码一区二区| 在线电影一区二区三区| 国产成人精品久久一区二区三区av| 亚洲一区视频在线播放| 麻豆AV一区二区三区久久| 亚洲熟女乱色一区二区三区| 精品一区二区三区影院在线午夜| 国产一区二区三区在线观看精品| 无码人妻AⅤ一区二区三区| 五月婷婷一区二区| 福利一区国产原创多挂探花| 国产成人无码一区二区三区 | 久久精品无码一区二区三区不卡| 鲁大师成人一区二区三区| 亚洲一区二区三区AV无码| 国产一区二区三区在线观看精品|