一、localstorage、
essionstorage
、cookies
的區別：
localstorage:儲存在本地瀏覽器的永久性資料。
sessionstorage：儲存在本地瀏覽器會話中的臨時資料，在關閉瀏覽器後會自動清除。
cookies：儲存在記憶體中的半永久資料。
詳情請看：
二、一次完成的http事務：
網域名稱解析；
發起tcp三次握手；
建立tcp連線後發起
請求；伺服器端響應http請求，瀏覽器得到
html
**；瀏覽器解析html**，並請求
html
**中的資源；
瀏覽器對頁面進行渲染呈獻給客戶;
一、專案的規範：
1 頁面格式
1)頁面統一採用 縮排4；
2)檔案
,資料夾採用駝峰命名。
2 style
1)css命名統一使用中橫線；
2)等分排列 場景使用
flex
彈性布局 ；
3)使用
scss
語法編譯；
4)樣式盡量使用簡寫 ex：
margin-top:1px margin-left:1px margin-bottom:1px => margin:1px 0 1px 1px;
5)css選擇器盡量精簡，優先考慮樣式管理，其次考慮選擇器效能；
6)少用權重低的選擇器，例如後代選擇器標籤選擇器；
7)當選擇器在元件內具有特定的語議或者為
js所操控，方才考慮使用
id選擇器，其他
情況使用類選擇器；
8)包裹樣式屬性的
{} 跟在選擇器名稱後面
,勿換行書寫{}；
9)盡量使用
scss
的選擇器巢狀，提高樣式管理度；
10)元件內部的顏色，或者多處出現的屬性樣式，建議用
@mixin
或者 scss @extend 封裝
11)assets/scss/modules 用於存放專案公共
scss
模組，./modules/mixin ./modules/var
可各自@import到元件內部使用；
12)assets/scss/pages 用於存放頁面模組的公共樣式，以整個頁面大模快命名 如 login.scss home.scss 適用於頁面模組多次出現的公共樣式的集合；
13)屬性類：頁面涉及的
padding
通常為 左右
padding 30px
或者 20px
；14)屬性類：
border-radius
為 10px
或者 6px
自行選擇；
15)屬性類：頁面的
shadow
已封裝至
assets/scss/modules/mixin
中，分別對應卡片類， bannse類，列表類，以及其他類 通過
@extend
引用；16)屬性類：盡量勿使用
font-weight
：blod
屬性；17)mint-ui：
mint-ui
的自定義樣式修改至
assets/scss/modules/mintui.scss
檔案中；
18)mint-ui：如需使用
mint-ui
的checklist
或者radio
在元件處新增
as-checklist as-radiolist 類名，參考 pages/home/search.vue；
19)mint-ui：元件內如需修改
mint-ui
的樣式，另外寫乙個
scss
標籤，去掉
scoped
字段，切記，元件內自定義的mint樣式務必包裹在頁面私有命名空間內，否則會造成全域性汙
染20)類名命名優先起用結構性類名
例如，.header .footer .n** .list .aside .main .title .text .banner,其次使用功能性類名例如
.name
；21).list .prop .price .goods .item .detail .tip .intro ；
3 script
1)統一使用
es6語法規範；
2)使用
let，
const
定義變數，變數宣告需提前，多個變數宣告採用逗號隔開；
3)如需使用
this
的引用，統一 使用變數名
me ex: const me = this
；4)變數採用駝峰命名
,勿使用下劃線 ex：
let mytest = ''
；5)js語句結束使用
;號結束。
4 元件
1)私有元件放置於各個模組目錄下的
componets
目錄，公共元件放置於
src/components/
目錄；2)對於頁面組成元件 引用的變數名新增
'com'
字首
ex: import comheader from '@/components/header'；
3)對於彈框元件 引用的變數名新增
'pop'
字首
ex: import popchoosemonth from '@/components/popchoosemonth'；
5 icon
1)關於命名，採用中劃線隔開，使用英文命名，勿使用拼音或者中文等非規範類命
名；2)icon類新增
icon-
字首；3)背景類新增
bg-icon
；4)專案中用到的元件盡量使用字型圖表，登入
iconfont
首頁->
我的專案
-> a+
福利站 可
5)icon的命名規範為
class = 'iconfont icon-demo'
；6)使用切圖類的
icon
使用 i-icon
作為命名空間以跟
iconfont
區分。
二、基本業務
對於一些專案中的基本業務，在ui沒有給出具體互動設計時，應先想到一些表單的驗
證，如手機號、密碼、姓名等驗證；還有一些按鈕的作用，比如說退出登入按鈕一般會
跟隨著乙個二級確認彈框；
三、專案的流程
由產品經理完成文件 => 找
ui設計高保和低保
=>
然後找前端和後台開發人員開會
=>
前端完成靜態頁面和互動
/後台完成介面
=>
後台自測
=>
後台提測
=>
前端聯調
=>
前端自測
=>
前端提測
=>
測試人員測試
=>
產品驗收
=>
運營平台上架商品
=>
上線。
校外實習報告（一）
由於上班時間為7月11日開始，所以部落格就由7月11日開始寫。通過朋友的介紹，我在假期期間來到了張家口市星瀚商貿 實習，負責計算機維護工作和一些文秘工作。張家口星瀚商貿 成立於2010年，公司總部位於張家口市財富中心 新市 對面 主要經營新能源產品 預包裝食品 日用百貨 電子產品 電力裝置 消防設施...
實習報告總結
一 實習的概述 二 實習的主要內容 1 學習公司業務流程，相關工具的使用 2 學習安裝配置和維護測試環境 3 熟悉專案需求編寫測試計畫 編寫測試用例 4 執行測試用例 5 對bug進行跟蹤管理 6 參加本組例行會議，參加公司各種培訓 考核 技術交流活動等 三 個人的心得體會 經過兩個月的實習時間，讓...
實習報告（三）
important 行內樣式 id 選擇器 類選擇器 標籤 萬用字元 繼承 瀏覽器默 認屬性同一級別。ie盒子模型 width border padding 內容寬度 w3c標準盒子模型 width 內容寬度 box sizing 其實就是設定盒子為ie盒子還是w3c標準盒子 static 預設狀態...