2018年大學(xué)生程序員實習(xí)報告2018年大學(xué)生程序員實習(xí)報告 Http部分： 一、localStorage、age、cookies的區(qū)別： localStorage:存儲在本地瀏覽器的永久性數(shù)據(jù)。age：存儲在本地瀏覽器會話中的臨時數(shù)據(jù)，在關(guān)閉瀏覽器后會自動清除。：存儲在內(nèi)存中的半永久數(shù)據(jù)。 詳情請看：xx。 二、一次完成的http事務(wù)： 域名解析； 發(fā)起tcp三次握手； 建立tcp連接后發(fā)起http請求； 服務(wù)器端響應(yīng)http請求，瀏覽器得到html代碼； 瀏覽器解析html代碼，并請求html代碼中的資源； 瀏覽器對頁面進(jìn)行渲染呈獻(xiàn)給客戶; 項目部分： 一、項目的規(guī)范： 1 頁面格式 1)頁面統(tǒng)一采用 縮進(jìn)4； 2)文件,文件夾采用駝峰命名。 2 style 1)css命名統(tǒng)一使用中橫線； 2)等分排列 場景使用 flex 彈性布局 ； 3)使用scss語法編譯； 4)樣式盡量使用簡寫 ex：margin-top:1px margin-left:1px margin-bottom:1px = margin:1px 0 1px 1px; 5)css選擇器盡量精簡，優(yōu)先考慮樣式管理，其次考慮選擇器性能； 6)少用權(quán)重低的選擇器，例如后代選擇器標(biāo)簽選擇器； 7)當(dāng)選擇器在組件內(nèi)具有特定的語議或者為js所操控，方才考慮使用id選擇器，其他 情況使用類選擇器； 8)包裹樣式屬性的 跟在選擇器名稱后面,勿換行書寫； 9)盡量使用scss的選擇器嵌套，提高樣式管理度； 10)組件內(nèi)部的顏色，或者多處出現(xiàn)的屬性樣式，建議用mixin 或者 scss extend 封 裝 11)assets/scss/modules 用于存放項目公共scss模塊，./modules/mixin ./modules/var 可各自import到組件內(nèi)部使用； 12)assets/scss/pages 用于存放頁面模塊的公共樣式，以整個頁面大模快命名 如 log適用于頁面模塊多次出現(xiàn)的公共樣式的集合； 13)屬性類：頁面涉及的padding 通常為 左右padding 30px 或者 20px； 14)屬性類：border-radius 為 10px 或者 6px 自行選擇； 15)屬性類：頁面的shadow 已封裝至 assets/scss/modules/mixin中，分別對應(yīng)卡片類， bannse類，列表類，以及其他類 通過extend 引用； 16)屬性類：盡量勿使用 font-weight：blod 屬性； 17)mint-ui：mint-ui的自定義樣式修改至assets/scss/modules/mintU中； 18)mint-ui：如需使用mint-ui的checklist或者radio 在組件處添加 as-checklist as-radiolist 類名，參考 pages/home/search.vue； 19)mint-ui：組件內(nèi)如需修改mint-ui的樣式，另外寫一個scss標(biāo)簽，去掉scoped字段， 切記，組件內(nèi)自定義的mint樣式務(wù)必包裹在頁面私有命名空間內(nèi)，否則會造成全局污 染 20)類名命名優(yōu)先起用結(jié)構(gòu)性類名 例如，.headav .list .aside .main .title .text .banner,其次使用功能性類名例如 .name； 21).lgooddetail；)統(tǒng)一使用es6語法規(guī)范； 2)使用 let，const定義變量，變量聲明需提前，多個變量聲明采用逗號隔開； 3)如需使用 this 的引用，統(tǒng)一 使用變量名 me ex:； 4)變量采用駝峰命名,勿使用下劃線 ex：let myTest = ； 5)js語句結(jié)束使用;號結(jié)束。 4 組件 1)私有組件放置于各個模塊目錄下的目錄，公共組件放置于src/ 目錄； 2)對于頁面組成組件 引用的變量名添加 Com 前綴 ex:Head/header； 3)對于彈框組件 引用的變量名添加 Pop 前綴 ex:P/； 5 圖片)關(guān)于圖片命名，采用中劃線隔開，使用英文命名，勿使用拼音或者中文等非規(guī)范類命 名； 2)icon類圖片添加 icon- 前綴； 3)背景類圖片添加 bg-icon； 4)項目中用到的組件盡量使用字體圖表，登錄首頁- 我的項目- A+福利站 可 將圖片文件包下載至本地，存放于static/目錄； 5)icon的命名規(guī)范為 class = -demo； 6)使用切圖類的icon 使用 i-icon 作為命名空間以跟區(qū)分。 二、基本業(yè)務(wù) 對于一些項目中的基本業(yè)務(wù)，在ui沒有給出具體交互設(shè)計時，應(yīng)先想到一些表單的驗 證，如手機號、密碼、姓名等驗證；還有一些按鈕的作用，比如說退出登錄按鈕一般會 跟隨著一個二級確認(rèn)彈框； 三、項目的流程 由產(chǎn)品經(jīng)理完成文檔 = 找UI設(shè)計高保和低保 = 然后