27行javascript寫日曆,這個面試的程序員要不要呢

編程語言 JavaScript 程序員 HTML IT先鋒 2017-06-09

這不是萬年曆,是用javascript寫一個簡單的當天的日曆,代碼量不多,javascript只有27行代碼,也是用原生javascript寫的,下面附上javascript代碼與思路,html/css代碼就沒有附上了,佈局是非常簡單的,如果有想從事前端這行不知道怎麼學習的,或者對於javascript學習效率很慢的可以來我的群570946165,群文件裡有全套系統學習資料,也問題可以隨時問!日曆效果圖如下:

27行javascript寫日曆,這個面試的程序員要不要呢

一:javascript確定日曆的行列數

用javascript寫日曆的第一步,就是我們必要知道一個日曆到底有多少行,多少列,當然列是固定的,也就是週一到週日7列,要解決的就是行數問題,這裡我們用到javascript裡面的getDay()方法。

27行javascript寫日曆,這個面試的程序員要不要呢

求日曆行數

二:javascript確定閏年

有些月份只有30天,有些有31天,需要簡歷1個有12月數組,中間的元素代表每個月包含的天數。不過在2月,閏年的時候有29天,不是閏年只有28天。SO,創建數組之前,我們要用javascript寫一個判斷閏年的函數。

27行javascript寫日曆,這個面試的程序員要不要呢

判斷閏年

判斷完之後,我們創建一個月份javascript數組

27行javascript寫日曆,這個面試的程序員要不要呢

javascript數組

三,用javascript獲取當前日期

27行javascript寫日曆,這個面試的程序員要不要呢

四,打印日曆表格

表格是一個javascript二維數組,用兩個FOR循環就可以解決問題!

27行javascript寫日曆,這個面試的程序員要不要呢

五,附上完整的javascript日曆代碼

27行javascript寫日曆,這個面試的程序員要不要呢

代碼過長需要文檔版源碼來我的前端群570946165,源碼已經上傳了!

需要更多學習視頻,資料,敬請關注我的頭條號,往期發過許多的javascript特效,遊戲,項目!

27行javascript寫日曆,這個面試的程序員要不要呢

這個日曆你們猜是哪個國家生產的?

相關推薦

推薦中...