上述主功能模組下又有子模組。任務管理模組下有：面試反饋模組、offer審批模組、職位審批模組、篩選簡歷模組。使用者管理模組下有使用者解綁模組。幫助中心則為主模組。
主要頁面流程如下：
任務管理模組下四個子模組，進入展示的頁面都分為未完成和已完成的任務列表，只是根據介面不一樣，設定頁面標題不同。
任務列表分為未完成和已完成兩部分資料，資料列表項設定單擊事件，跳轉到任務詳情頁。任務詳情頁有幾個按鈕。按鈕下方則是通過iframe引入的簡歷。單擊按鈕會進入評價頁。
offer審批模組及職位審批模組都採用上述頁面跳轉邏輯，區別僅在於任務詳情頁按鈕是兩個而不是三個。篩選簡歷模組則在任務詳情頁之前，多出一層篩選列表頁面。
解綁模組，則設定乙個按鈕用於解綁，當解綁成功設定提示。
依照上述專案邏輯，將專案檔案定界為usercheck（使用者驗證頁）、checklogin（登入成功頁）、unlockuser（使用者解綁頁）、main（使用者進入任務管理通用頁：任務列表）、detail（面試反饋詳情頁）、offerorjobdetail（offer審批和職位審批詳情頁）、filterdetail（篩選簡歷詳情頁）、filterlist（篩選列表）、helpinfo（幫助中心頁）。
接下來就是開發階段了，如上所述，此專案沒有思維導圖、原型圖、ui圖，上述邏輯依靠腦補所得，開發階段涉及四個階段：
專案實現：
jquery mobile加入許多預設樣式，此時如實現自定義ui ：
data-role="none"data-role="page"//將頁面url，型別，資料定義為變數來傳遞。
var pagedata = ;
$.mobile.changepage(pagedata);
頁面跳轉用到乙個jquery cookie外掛程式，用來儲存openid即使用者掃碼後獲取的標識，頁面中跳轉需要保持對使用者的識別，這裡將使用者資訊儲存到cookie中。
在本專案中採用了大量的ajax請求，而移動端網路訪問環境各異，所以在各種事件觸發ajax請求之前，設定乙個載入中提示，並在ajax成功返回請求後，關閉此提示，將會對使用者非常友好。
//全站ajax載入提示
(function ($) );
});$(document).ajaxstop(function());
});})(jquery);
var flag = true;
$("input[type='submit']").click(function()
flag = false;
})})
(function ($) else
}});
});})(jquery);
針對上述改進意見，樂帝總結出一些以後注意的問題：內容提示（使使用者操作流暢、互動及沒有資料時保證正常邏輯）、ui樣式統
一、適當大小、居中等問題、樣式要鮮明區分、去掉不適合的邊框。
總體來說，此專案需要實現的布局及互動都相對簡單，難點在於理解後台對專案的描述上，這時候專案的進度取決於對專案的理解程度上，所以做專案並不僅僅是敲**，對特定行業業務邏輯的了解，將有助於專案的快速實現。其次移動端專案盡量輕互動，當樂帝在加頁面提示時，才發現整個專案運用了太多ajax請求，專案有點重了，有些請求可以後台直接渲染，要比非同步體驗好一些。
移動端web總結（二） 微金所專案總結
1，查詢 使用 查詢能針對不同螢幕區間設定不同的布局和樣式 語法 media screen and max width 768px and min width 320px 1.超小屏裝置 768px以下 media screen and max width 768px 2.小屏裝置 768px 99...
微信頁面 移動端微信頁面禁止字型放大
1.安卓手機禁止字型放大js 頁面加入這段 可使android機器頁面不再受到使用者字型縮放強制改變大小 但是會有乙個1秒左右的延遲，期間可以考慮通過loading展示 僅供參考 if typeof weixinjsbridge undefined function res 重寫設定網頁字型大小的事...
移動端專案開發總結
對於這次移動端頁面開發,新接觸到的東西不少,首要的乙個就是響應式布局,在移動頁面開發中,需要考慮到移動端各種不同的螢幕大小而使用不同的布局來呈現出想要的效果.在小螢幕的移動裝置中.可能需要減少頁面中的資訊量,並且改變原有的布局方案,採用適用於移動端的布局方案.而在中等螢幕大小的移動裝置中,如平板,則...