效果圖:
功能思路分析:
1. 物件導向框架
\1. 建構函式中: 獲取案例上需要用到的元素及資料相關資訊
\2. 原型物件中：寫好結婚證，初始化方法，事件監聽方法
3. 例項物件中: 以物件的形式傳參，如資料，選擇器名等
2. 鍵盤顯示隱藏
\1. 給兩個文字框繫結點選事件，點選文字框顯示鍵盤
\2. 給頁面document繫結點選事件，點選頁面空白區域隱藏鍵盤
\3. 給文字框的點選事件阻止冒泡(e.stoppropagation())，以免點選文字框觸發document的點選事件
3. 鍵盤拖拽
\1. 滑鼠按下: 為了避免跟鍵盤按下時的衝突，只給鍵盤上方空白區域做拖拽，獲取滑鼠到元素的位置，開啟開關
\2. 滑鼠移動: 判斷開關是否為真， 鍵盤位置 = 滑鼠到頁面距離 - 滑鼠到鍵盤距離
\3. 滑鼠抬起: 關閉開關
4. 輸入內容
\1. 給鍵盤繫結點選事件
\2. 阻止冒泡(e.stoppropagation())，避免與document的點選事件衝突
\3. 利用事件委託判斷每乙個按鍵,將按鈕的內容innerhtml，拼接給文字框的value
\4. 特殊功能按鍵，額外判斷： 拼接空格 += 『 』 > 清空value > 大小寫轉換( touppercase() tolowercase() )
1. 物件導向三部曲: 建構函式 原型物件 例項化
prototype => 構造 找 原型
constructor => 原型 找 構造
proto => 例項找原型
\2. 隔了函式this指向會發生改變，需要在函式外保留this指向
\3. 例項化時以物件的形式傳參
效果圖:
功能思路分析:
1. 預設渲染所有資料
封裝乙個渲染方法，根據傳遞過來的引數進行渲染，預設渲染所有的資料
2. 選中下拉列表篩選資料
給下拉列表繫結change事件，拿到下拉列表的value值，根據value值篩選不同的資料，使用陣列的filter()方法篩選。
3. 文字框搜尋資料
根據文字框輸入的內容篩選資料，使用indexof（）做篩選條件
Day14 物件導向
面向過程思想 步驟清晰簡單，第一步做什麼，第二步做什麼.面對過程適合處理一些較為簡單的問題 物件導向思想 物以類聚，分類的思維模式，思考問題首先會解決問題需要哪些分類，然後對這些分類進行單獨思考。最後，才對某個分類下的細節進行面向過程的思索 物件導向適合處理複雜的問題，適合處理需要多人協作的問題！對...
Python專案 Day14 物件導向
動態新增屬性 刪除屬性 class person def init self self.age 1 p1 person p2 person p1.gender male person.nation china del p1.gender del p1.nation error nation屬於類的，...
python學習day14（物件導向，類和物件）
我們之前的學習都叫做面向過程的 面向過程和物件導向是兩種不同的程式設計方式 對比面向過程的特點，可以更好地 了解什麼是物件導向 則麼做？把完成某乙個需求的所有步驟從頭到尾逐步實現 根據開發複雜，會變得很複雜 最後完成 就是順序地呼叫不同的函式 特點 注重步驟與過程，不注重職責分工 如果需求複雜，會變...