引言
这是我工作的第一周,主要以培训和学习为主。这几天我大致了解了我这个职位需要的技能是什么。我们组是微应用组,其中加上我总共有4个web前端工程师,现在有一个带我的师傅。这一周我所知道的是,我们公司主要用的手机端框架是weui,主要用的开发语言是jquery ,版本管理工具是SVN。这是一些基础的东西。
头脑风暴
(面临的问题)
1) 接口 。其实我现在还没有明白到底接口是个什么东西。
2) SVN 。 版本管理工具,之前接触过git可是还没会用就已经out了。
3) Ajax请求。我知道并写过一点,然而并没有让我深刻的理解。
4) 前后端分离管理。 Mock.js
5) Ajax的另一种风暴 fliter,我现在仅知道这是一个库。
6) Rotate()方法。这是DOM操作,我都没有听说过。
7) Resize()方法。师傅说,弹框时会用到。
关于我学习
第一部分: weui 的学习
基础组件
1) 九宫格 weui_grids
2)按钮 weui_btn weui_btn_primary weui_btn_mini
3)进度条 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) 消息页
5) 加载提示 $.showLoading();
6) Toptip :反馈用户操作正确与否,在顶部
$.toptip('操作成功', 'success');
$.toptip('操作失败', 'error');
$.toptip('警告', 'warning');
7) Toast :反馈用户操作正确与否
$.toast(“”,”cancel”)
$.toast(“”,”forbidden”)
$.toast(“”,”textl”)默认2000ms消失
8) Tabbar :固定在底部的导航
9) 导航栏:固定在顶部的导航
10)搜索栏
11) 图标 weui_icon_msg weui_icon_safe/success/warn/waiting/circle
12)Actionsheet:点击从底部出现,类似于select
13)列表 weui_cells weui_cell weui_cell_hd weui_cell_bd weui_cell_ft
14)对话框 $.confirm() $.alert()
拓展组件
- Popup:覆盖式弹出层 (注意:data-target=”#id”)
- Select 需要加入data-values
- 日历:需要初始化$.calendar({“value”,[“2016-10-20”]})
- 幻灯片和图片 需要引入外部js,运用方法photoBrowser();
- 栅格:每一格weui-col-1~ weui-col-100 分有空隙与没有空隙之分。
- 地址选择:需引入外部js,方法citypicker
- 下拉刷新和滚动加载:注意它的模式都是对于某个div,所以复制代码的时候需要修改id
第二部分:jquery的详细温习
1. 选择器
2. 事件操作
3. DOM操作
4. 动画特效
第三部分:单位换算
em 相对于父元素:
rem相对于根元素
px 固定像素
正常设置body{font-size:62.5%;}这是10px;方便计算
小知识点
- Input竟然有select事件,选中事件。