DOM實踐學習筆記1--元件的實現流程
1.什麼是元件？
經歷前期的模組搭建，開發時期主要是對元件的開發，並將它們有機的組建到一起來完成業務需求。那麼什麼是元件呢？在使用者介面開發領域，它是一種面對使用者的、獨立的可複用互動元素的封裝。針對前端開發，它是html(結構)+js（邏輯）+css（樣式）;html用來控制組件的結構，js控制組件的邏輯，css控制組件的樣式。常用的元件有Mask（遮罩元件），Datepicker(日期選擇器元件)，Modal(模態彈窗元件)，Carousel(輪播元件)，Page(翻頁元件)，Editor(富文字編輯器元件)；
2.元件實現流程
第一步，分析（分解需求）：互動意圖以及需求，像是軟體工程開發中的第一個最重要的步驟–需求分析；
第二步，結構：HTML+CSS實現靜態結構，構建原型，梳理js邏輯；
第三步，介面：定義公共介面，設計呼叫和使用方式；
第四步，實現：實現js邏輯，從抽象到細節，實現功能介面，暴露事件；
第五步，完善：便利介面、外掛封裝、重構等。（一個元件的完成往往需要不斷的完善）。
我畫了一張圖，方便記憶和檢視。
相關推薦
DOM實踐學習筆記1--元件的實現流程
1.什麼是元件？ 經歷前期的模組搭建，開發時期主要是對元件的開發，並將它們有機的組建到一起來完成業務需求。那麼什麼是元件呢？在使用者介面開發領域，它是一種面對使用者的、獨立的可複用互動元素的封裝。針對前端開發，它是html(結構)+js（邏輯）+css
python機器學習及實踐學習筆記1-如何開啟ipynb字尾檔案
python機器學習及實踐學習筆記1-如何開啟ipynb字尾檔案 2017年02月22日 14:58:08 hustzhoutian 閱讀數：45365更多 個人分類： 深度學習 需要安裝ipython notebook，如果你已經安裝Anaconda
torch學習筆記1：實現自定義層
當我們要實現自己的一些idea時，torch自帶的模組和函式已經不能滿足，我們需要自己實現層（或者類），一般的做法是把自定義層加入到已有的torch模組中。 實現 lua實現 如果自定義層的功能可以通過呼叫torch中已有的函式實現，那就只需要用l
UE4學習筆記1----藍圖實現物體來被擊中後改變材質
本次實踐是按照書本《Unreal Engine 4 藍圖視覺化程式設計》用UE4自帶的的初始專案中的FirstPersonExampleMap關卡做的。 1、編輯材質 圖1.1 材質編輯器介面 UE4中的材質編輯也採用藍圖的方式完成，建立材質後雙擊進入材質編輯器。
Python學習筆記1：簡單實現ssh客戶端和服務端
bsp dev bre 客戶端 break 基於 bin listen 客戶 實現基於python 3.6。 server端： 1 __author__ = "PyDev2018" 2 3 import socket,os 4 server = socket.s
Catlike學習筆記(1.1)-使用Unity實現一個鐘表
時間 tor 裏的 csharp 做了 完全 upd 動畫 鏈接 最近發現『Catlike系列教程』覺得內容真的很贊，感覺有很多地方涉及到了我的知識盲點，如果真的可以照著做下來一遍的話應該收獲頗豐。因為教程很長所以逐字翻譯不太可能了（主要是翻譯的太差）。基本上就是把實現的思
學習筆記1:深入理解Java虛擬機器——JVM高階特性與最佳實踐_OOM(記憶體溢位)_虛擬機器引數設定_MAT
eclipse中設定debug標籤頁的vm引數 1，Run->Debug configurations->Java Application 2，選中已經寫好的專案 3，Arguments->VM arguments 4，在VM arguments 裡面就可以對虛擬機器的
學習筆記1:深入理解Java虛擬機器——JVM高階特性與最佳實踐_走進java_java記憶體區域與記憶體溢位異常
第一部分:走進java Java虛擬機器 程式碼在華章下載 jdk釋出了六個命令列工具和兩個視覺化故障處理工具。 推薦書籍 設計原本 領域特定語言 現在著名的Java虛擬機器 hotspot vm(預設) jrockit vm j9 vm jdk sun jdk op
微服務架構與實踐 學習筆記（1）
參考：微服務架構與實踐 第二章 微服務架構的“微”應該遵循的兩個基本前提： 業務獨立性。應該保證微服務是具有業務獨立性的單元，並不能只是為了微而微。可以將某一領域的模型作為獨立的業務單元，譬如訂單、產品、合同等，也可以將某業務行為作為獨立的業務單元，譬如傳送郵件、單點登入
Choerodon學習筆記1——環境搭建：微服務支撐元件部署(原始碼形式)
安裝Docker for Windows 首先確保能科學上網，且系統是win10專業版、教育版。 確保在BIOS中已經開啟了CPU虛擬化，否則安裝完成後啟動Docker會出現Hardware assisted virtualization and data executio
Python：從入門到實踐——學習筆記_18.1.6
在Django中建立專案（Windows）在依然活動的虛擬環境的情況下（ll_env包含在括號內），執行如下命令來新建一個專案(ll_env)learning_log$ django-admin.py startproject learning_log . (ll_env)l
Coursera deeplearning.ai 深度學習筆記1-4-Deep Neural Networks-深度神經網路原理推導與程式碼實現
在掌握了淺層神經網路演算法後，對深度神經網路進行學習。 1. 原理推導 1.1 深度神經網路表示 定義：L表示神經網路總層數，上標[l]代表第l層網路，n[l]代表第l層的節點數，a[l]
斯坦福機器學習筆記1：GDA高斯判別分析演算法的原理及matlab程式實現
ps：我本身沒有系統的學過matlab程式設計，所以有的方法，比如求均值用mean（）函式之類的方法都是用很笨的方法實現的，所以有很多需要改進的地方，另外是自學實現的程式，可能有的地方我理解錯誤，如果有錯誤請提出來，大家一起學習，本人qq553566286 首先，本文用到的
Unity學習筆記（元件篇1） Unity AudioSource元件的擴充套件使用
* 建立AudioClip檔案 ( 已知聲音取樣檔案 )* short[] data = null; // 這個是取樣資料可以從本地錄音也可以從網路下載 這裡設定為null AudioClip ac = AudioClip.Create
ffmpeg學習筆記1----->udp流多路節目實現分離
環境:centos/ubuntu 安裝好ffmpeg即可 安裝教程：https://trac.ffmpeg.org/wiki/CompilationGuide 準備需要一個udp組播流（含有多路節目那種） 可以用下面的命令檢視流的資訊： ffprobe -i udp://
JS學習筆記1——不要使用JavaScript內建的parseInt()和Number()函式，利用map和reduce操作實現一個string2int()函式
map/reduce練習題：不要使用JavaScript內建的parseInt()和Number()函式，利用map和reduce操作實現一個string2int()函式。 分析：把一個字串"13579"先變成Array——[1, 3, 5, 7, 9]，再利用reduce
TensorFlow 學習筆記(1)----線性回歸(linear regression)的TensorFlow實現
利用 全局 variable 一次 del ali min 學習筆記 mini 此系列將會每日持續更新，歡迎關註 線性回歸(linear regression)的TensorFlow實現 #這裏是基於python 3.7版本的TensorFlow TensorFlow是
GTK學習筆記1-簡單的控制元件和事件響應
手頭課題要求，需要在Linux下寫一個測試系統的圖形介面。 測試系統的底層採集API其實已經算是給出了，我要做的無非是包裝一下。剛開始接觸Linux和Gtk，還是得加把勁學習。 手頭上是姜林美的《Linux環境程式設計》，關於Gtk+的一個小例子，用於實現對GtkImage
機器學習筆記1-k近鄰演算法的實現
k_近鄰演算法:採用測量不同特徵值之間的距離方法進行分類. 優點:精度高,對異常值不明感,無資料輸入假定 缺點:計算複雜度高,空間複雜度高 適用資料範圍:數值型和標稱型 步驟如下: 1.計算一直類別資料集中的點御當前點之間的距離 2.按照距離的遞增次序排序 3.選取當前的點距
分散式學習筆記1通過Java自己實現簡單的HTTP RPC框架
RPC基礎知識 什麼是RPC? RPC（Remote Procedure Call Protocol）——遠端過程呼叫協議，它是一種通過網路從遠端計算機程式上請求服務，而不需要了解底層網路技術的協議。 RPC協議假定某些傳輸協議的存在，如TCP或UDP，為通訊程式之間攜帶