avaScript可以實現(xiàn)很多令人驚奇的事!
從復(fù)雜的框架到處理API,有太多的東西可以學(xué)習(xí)。
甚至,僅用一行代碼,它也能完成一些很棒的工作。
不信?那么請看這13條JavaScript單行代碼,用上它們,會讓你看起來特別專業(yè)!
使用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
我們可以通過此方法來檢查函數(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)
有兩種不同的方式可以反轉(zhuǎn)字符串。使用split(),reverse()和join()方法是最簡單的方法之一。
以下JS代碼塊顯示了如何反轉(zhuǎn)字符串。
const reverse = str => str.split('').reverse().join('');
reverse('hello world');
// Result: 'dlrow olleh'
我們可以使用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
可以通過使用取模運算符(%)來解決這個超簡單的任務(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
通過使用.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
使用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
我們可以使用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
以下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
可以使用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
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
可以使用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
最后一個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#/
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í)樂園。
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。