JQuery UI元件化開發

2022-08-13 01:00:20 字數 1209 閱讀 6939

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...