fresherman plan

### **0x00**　熟悉环境和gitlab
(1天)
* 熟悉工具，搭建环境
* 熟悉项目架构，并解决CRM的一些issue

---
### **0x01**　rem的学习计划
(2天)
* 参考[ 从网易与淘宝的font-size思考前端设计稿与工作流](http://www.cnblogs.com/lyzg/p/4877277.html)，并阅读rem.js，知道rem的工作原理，和使用rem编写页面的具体流程
* **实践**一个最新的招生展页面,找设计要一份就ok了

---
### **0x02**　工具相关说明
> 由于工具的编写需要rem(手机端)的知识，建议学习rem之后再尝试
(1天)

* 了解需求
  * 终极目标：面向用户的工具。可以通过比较直观的操作配置页面的可变参数。参数入库并保存。用户访问页面，从数据库取出参数并渲染页面，达到效果。
  * 现在目标：砍掉难以实现的部分，先实现一个简单版本。比如背景及颜色的可替换，字体大小可调整，框的缩放和拖拽。
  * 仅供参考：

* 检验标准：小白可以容易操作该工具，并投入生产环境
* 难点：
  * 布局和可操作性之间的矛盾：操作愈简单，就会对布局产生愈大的影响。
* 目前进度
    *  目前写了一个复杂版本的工具
    *  正在写的一个简单版本的工具,已经实现框的缩放和拖拽，背景图片的替换等,准备实现字体大小、阴影选择等
* 建议：
  * 在遇到布局问题时候，建议与设计商量改进以减少开发难度。
  * 我的思路：分为俩个页面。一个页面(假定为页面A)用于操作配置样式，另外一个页面(假定为页面B)供给用户访问。页面A配置完样式之后，点击提交按钮，会将元素的样式获取然后提交到接口。页面B展现出来的时候，会从接口拿取页面需要的样式。页面A的样式通过vue绑定到数据部分，这样页面A每次进来的时候都会从接口拿数据，并展现上次提交结束时的状态。
  * 具体技术：
    1. 页面布局参考之前的招生展，分为五块：头部标题部分、详情介绍、图片展示、联系信息、报名。除了第一个模块之外，其他四个用了相同的布局形式，也是为了更好的管理数据
    2. 拖拽和缩放我使用了jquery ui去实现
    3. 数据和样式之间的绑定用vue去实现，这样做带来的缺点是，耦合太大
    4. 由于样式太多，数据格式比较复杂，所以用组件递归了数据里的样式
    5. 由于手机端单位是rem，所以封装了px转rem的方法
    
---
### **0x03**　关于vue
(1~2个礼拜)
> vue在这个项目里的运用主要是样式绑定

* 刷中文官网就行，建议戳[这里](https://github.com/bhnddowinf/vuejs-learn)
* 因为官网的例子不是很全，照着这里的例子敲完，基本就熟稔于心了。不建议看这里的视频。

---

逆风起笔