-
本節課的出發點： 左右按鈕切換時，進入上一月，或者下一月。 初始化的時候，給按鈕綁定事件。但這種情況，是在組件初始化的時候才有效，事件只綁定了一次；但頁面渲染之后，內容里是根據按鈕再重新渲染的，我們的按鈕也是感覺HTML字符串再重新渲染的，因此就會有按鈕不斷的銷毀與重建。查看全部
-
日期組件的絕對定位： 目標是希望它出現在輸入框的下方，所以就要先找到輸入框目前在頁面的哪個位置呢： var left = $input.offsetLeft; var top = $input.offsetTop; var height = $input.offsetHeight; $wrapper.style.top = top + height + 9 +'px'; $wrapper.style.left = left + 'px';查看全部
-
元素的顯示與隱藏： 方式很多樣；最通用是通過class來控制，默認是隱藏，除非多了一個 block 的樣式，后者覆蓋前者，wrapper就才顯示出來。 .classList.remove 與 .classList.add 的 使用。 isOpen 布爾值 來記錄當前是關閉狀態還是展開狀態。查看全部
-
優化著手點有兩方面： 1.當用戶點擊輸入框的時候，日期組件才可以顯示，不能一打開頁面，它就在，太不友好了； 2.目前的日期組件的主題結構 wrapper header body是占據文檔流的，如果頁面里還有其他的內容，會因日期的出行，下移的，因此將其樣式改為絕對定位。查看全部
-
(function(){ window.datepicker = { getMonth: function (year,month){ var today = new Date(); if(!year||!month){ year=today.getFullYear(); month=today.getMonth()+1 } var firstDay = new Date(year,month-1,1);//這個月的一天 var firstDayWeek = firstDay.getDay();//第一天是星期幾 var day=today.getDate();//當前是幾號 var numOfDays=new Date(year,month,0).getDate();//這個月的天數 var dayList=[];//這個月所有的日子 for(var i=1;i<=numOfDays;i++){ dayList.push(i); } return { firstDay:firstDay, firstDayWeek:firstDayWeek, year:year, month:month, day:day, numOfDays:numOfDays, dayList:dayList }; } }; })();查看全部
-
組件開發流程查看全部
-
真的很不錯呢查看全部
-
data-*是一個比較新的API，老的瀏覽器不能使用。*是要替換成自己命名的字符。 為一個標簽添加一個此屬性后，js取值的時候是：target.dataset.d; target:添加此屬性的標簽對象 dataset:固定寫法 d:添加的屬性名的后半部分，即data-*中“-”后自己命名的字符。查看全部
-
日期對象查看全部
-
每個月最后一天不確定查看全部
-
getDay()獲取當前日期是周幾查看全部
-
日期對象查看全部
-
日期對象查看全部
-
在main.js中的第83行，if語句使用break會報錯，顯示為不合法使用break,是怎么回事查看全部
-
月份天查看全部
舉報
0/150
提交
取消