一、說在前面
最近在完成乙個專案,其中需要用到日曆元件,但是這個日曆元件不同於點選按鈕選日期,而是在乙個月內選擇自己想要的日期,只是單月內,其中還可以摺疊,在一周內選擇日期,切換周的時候也只能在乙個月內,由於這個類似乙個元件,想用js物件導向的思維去開發這個功能。
二、實現效果
三、基本思路
(function四、倡導原則($)
//原型鏈
calendar.prototype =,
//填充周日子的資料
showcalendarweek: function
() ,
//建立dom結構
renderdom: function
() ,
//初始化操作
inital: function
() ,
//執行點選事件
dom.click = function
() ,
//指向建構函式就是calendar
constructor: calendar
}//some common methods
var dateobj = (function
() )
//繼承
$.fn.calendar = function
(options)
})(zepto)
//執行
$(function
() ,
//點選月日子的時候
clicklistday: function
($ele)
})})
雖然說用的是zepto,相對於高大上的vue和react等比較low,但是接地氣,拿來就能用。我在寫功能的時候,基本做到先dom渲染,然後再去初始化資料。
物件導向版tab 欄切換
點選 tab欄,可以切換效果.點選 號,可以新增 tab 項和內容項.點選 x 號,可以刪除當前的tab項和內容項.雙擊tab項文字或者內容項文字可以修改裡面的文字內容 抽象物件 tab物件 該物件具有切換功能 該物件具有新增功能 該物件具有刪除功能 該物件具有修改功能 獲取到標題元素 獲取到內容元...
第三週 PHP物件導向
屬性 方法 變數 也稱為 屬性 函式 也稱為 方法 都是類的成員.markdown 轉義字元 原樣輸出 php類屬性方法的呼叫 把成員方法和成員屬性封裝到類中,隱藏屬性和方法實現的細節 可以使乙個類繼承並擁有另乙個已經存在類的成員屬性和方法,被繼承的類稱為父類或基類,繼承類為子類 子類最多只能繼承乙...
java物件導向周測帶答案
一 簡答題 每題5分,共計40分 1.什麼是類?什麼是物件?類與物件的關係是什麼?類本質上就是分類的意思,也就是具有相同共性的一類事物的抽象描述。類就是一種使用者可以自定義的引用資料型別,用於包裝描述屬性的成員變數,和用於描述行為的成員方法,換句話說,類可以用於描述多個不同型別的資料。類是一種抽象的...