引言
這是我工作的第一周，主要以培訓(xùn)和學(xué)習(xí)為主。這幾天我大致了解了我這個(gè)職位需要的技能是什么。我們組是微應(yīng)用組，其中加上我總共有4個(gè)web前端工程師，現(xiàn)在有一個(gè)帶我的師傅。這一周我所知道的是，我們公司主要用的手機(jī)端框架是weui,主要用的開(kāi)發(fā)語(yǔ)言是jquery ,版本管理工具是SVN。這是一些基礎(chǔ)的東西。
頭腦風(fēng)暴
（面臨的問(wèn)題）
1） 接口 。其實(shí)我現(xiàn)在還沒(méi)有明白到底接口是個(gè)什么東西。
2） SVN 。 版本管理工具，之前接觸過(guò)git可是還沒(méi)會(huì)用就已經(jīng)out了。
3） Ajax請(qǐng)求。我知道并寫(xiě)過(guò)一點(diǎn)，然而并沒(méi)有讓我深刻的理解。
4） 前后端分離管理。 Mock.js
5） Ajax的另一種風(fēng)暴 fliter，我現(xiàn)在僅知道這是一個(gè)庫(kù)。
6） Rotate()方法。這是DOM操作，我都沒(méi)有聽(tīng)說(shuō)過(guò)。
7） Resize()方法。師傅說(shuō)，彈框時(shí)會(huì)用到。
關(guān)于我學(xué)習(xí)
第一部分： weui 的學(xué)習(xí)
基礎(chǔ)組件
1） 九宮格 weui_grids
2）按鈕 weui_btn weui_btn_primary weui_btn_mini
3）進(jìn)度條 weui_progress weui_progress_bar
<div class="weui_progress">
<div class="weui_progress_bar">
<div class="weui_progress_inner_bar js_progress" style="width: 0%;"></div>
</div>
<a href="javascript:;" class="weui_progress_opr">
<i class="weui_icon_cancel"></i>
</a>
</div>
4） 消息頁(yè)
5） 加載提示 $.showLoading();
6） Toptip ：反饋用戶操作正確與否，在頂部
$.toptip('操作成功', 'success');
$.toptip('操作失敗', 'error');
$.toptip('警告', 'warning');
7） Toast ：反饋用戶操作正確與否
$.toast(“”,”cancel”)
$.toast(“”,”forbidden”)
$.toast(“”,”textl”)默認(rèn)2000ms消失
8） Tabbar :固定在底部的導(dǎo)航
9） 導(dǎo)航欄：固定在頂部的導(dǎo)航
10）搜索欄
11） 圖標(biāo) weui_icon_msg weui_icon_safe/success/warn/waiting/circle
12）Actionsheet:點(diǎn)擊從底部出現(xiàn)，類似于select
13）列表 weui_cells weui_cell weui_cell_hd weui_cell_bd weui_cell_ft
14）對(duì)話框 $.confirm() $.alert()
拓展組件
- Popup:覆蓋式彈出層 （注意：data-target=”#id”）
- Select 需要加入data-values
- 日歷：需要初始化$.calendar({“value”,[“2016-10-20”]})
- 幻燈片和圖片 需要引入外部js，運(yùn)用方法photoBrowser();
- 柵格：每一格weui-col-1~ weui-col-100 分有空隙與沒(méi)有空隙之分。
- 地址選擇：需引入外部js，方法citypicker
- 下拉刷新和滾動(dòng)加載：注意它的模式都是對(duì)于某個(gè)div,所以復(fù)制代碼的時(shí)候需要修改id
第二部分：jquery的詳細(xì)溫習(xí)
1. 選擇器
2. 事件操作
3. DOM操作
4. 動(dòng)畫(huà)特效
第三部分：?jiǎn)挝粨Q算
em 相對(duì)于父元素：
rem相對(duì)于根元素
px 固定像素
正常設(shè)置body{font-size:62.5%;}這是10px；方便計(jì)算
小知識(shí)點(diǎn)
- Input竟然有select事件，選中事件。
