1,layout.css 頁面的靜態基本框架布局樣式
2,base.css 頁面的靜態細節樣式
3,ui.css 動態頁面互動部分
4,引入jquery.js檔案
5,引入 ui.js 業務邏輯
6,另外還可以把一些 script 可以放在 body標籤的末尾。
進行ui元件開發的前提:
1,引入 jquery.js
2,建立乙個 ui.js
3,建立乙個 ui.css
ui元件開發分析:
一,介面分析,元件名:.ui-search
二,介面由幾個部分組成:
1,下拉框 .ui-search-selected
2,下拉列表 .ui-search-select-list
3,輸入框 .ui-search-input
4,搜尋按鈕 .ui-search-submit
三,行為:
1,當下拉列表某項被選中時,下拉框顯示指定項,且下拉列表消失。
2,當點選/懸浮下拉框時,顯示下拉列表,點選/移開下拉框時,下拉列表消失
3,等等其他行為...
輪播:
介面:1,元件叫:.ui-slider
2,左右按鈕:.ui-slider-arrow-left .ui-slider-arrow-right
3,底下圓點按鈕:.ui-slider-process
行為:1,點選左右按鈕,切換上下張
2,點選底邊按鈕,切換到相應
3,自動輪播
4,無縫切換
5,滑鼠懸停停止輪播,滑鼠移開開始正常輪播
6,切換任何一張,對應的底邊按鈕高亮
7,等等,先分析,再進行編碼
android 元件化開發
android 專案中隨之時間專案增大,執行時間也大,還有就是,元件化方便 管理和測試,這就是元件化好處 這裡就不多說了,既然你能找元件化開發,證明你對它是有一定的了解,我就直接說流程了,第二 在gradle.propertles 中設定乙個引數 如isdebug false 方便執行測試modul...
Vue元件化開發
1 模組化 模組化開發是從 邏輯角度來劃分的。2 元件化 是從ui介面角度來劃分的。使用標籤形式引入元件 mycom div 建立元件第一種方式 vue.component mycom 建立乙個vue例項 var vm newvue methods script body 使用標籤形式引入元件 my...
Vue元件化開發
前言 1 全域性元件註冊語法 vue.comonent 元件名稱,2 元件的用法 3 元件註冊注意事項 4 元件的命名方式 vue.component my component vue.component mycomponent 5 區域性元件註冊 var componenta var compon...