发布于 2016-11-11
648人围观 0条评论
0x00 熟悉环境和gitlab
(1天)
* 熟悉工具，搭建环境
* 熟悉项目架构，并解决CRM的一些issue
0x01 rem的学习计划
(2天)
* 参考 从网易与淘宝的font-size思考前端设计稿与工作流，并阅读rem.js，知道rem的工作原理，和使用rem编写页面的具体流程
* 实践一个最新的招生展页面,找设计要一份就ok了
0x02 工具相关说明
由于工具的编写需要rem(手机端)的知识，建议学习rem之后再尝试
(1天)
了解需求
- 终极目标：面向用户的工具。可以通过比较直观的操作配置页面的可变参数。参数入库并保存。用户访问页面，从数据库取出参数并渲染页面，达到效果。
- 现在目标：砍掉难以实现的部分，先实现一个简单版本。比如背景及颜色的可替换，字体大小可调整，框的缩放和拖拽。
- 仅供参考：
检验标准：小白可以容易操作该工具，并投入生产环境
- 难点：
- 布局和可操作性之间的矛盾：操作愈简单，就会对布局产生愈大的影响。
- 目前进度
- 目前写了一个复杂版本的工具
- 正在写的一个简单版本的工具,已经实现框的缩放和拖拽，背景图片的替换等,准备实现字体大小、阴影选择等
- 建议：
- 在遇到布局问题时候，建议与设计商量改进以减少开发难度。
- 我的思路：分为俩个页面。一个页面(假定为页面A)用于操作配置样式，另外一个页面(假定为页面B)供给用户访问。页面A配置完样式之后，点击提交按钮，会将元素的样式获取然后提交到接口。页面B展现出来的时候，会从接口拿取页面需要的样式。页面A的样式通过vue绑定到数据部分，这样页面A每次进来的时候都会从接口拿数据，并展现上次提交结束时的状态。
- 具体技术：
- 页面布局参考之前的招生展，分为五块：头部标题部分、详情介绍、图片展示、联系信息、报名。除了第一个模块之外，其他四个用了相同的布局形式，也是为了更好的管理数据
- 拖拽和缩放我使用了jquery ui去实现
- 数据和样式之间的绑定用vue去实现，这样做带来的缺点是，耦合太大
- 由于样式太多，数据格式比较复杂，所以用组件递归了数据里的样式
- 由于手机端单位是rem，所以封装了px转rem的方法
0x03 关于vue
(1~2个
发布于 2016-10-22
320人围观 0条评论
2016.10.17
- 破解版prezi的安装
- 使用的的破解版prezi 5.2.8的版本，安装之后打开看到试用已经到期，将补丁文件夹中的俩个文件复制到安装目录下，然后替换即可，再次打开就有4000多天的试用期了，安装包和破解补丁都已经存入网盘软件目录下的prezi下的
? 每日学习 ?
发布于 2016-10-17
545人围观 0条评论
2016.10.16
- 封装了aside侧滑栏组件，由于涉及到父组件的内容更改，采用了slot的形式去解决问题，但是slot的name属性改变时并不能导致父组件实时去渲染，必须重新渲染才能正确显示name指定的组件。因此，我采用了v-if的形式去变现的重新渲染，但这样之前写的过渡效果就没用了，这时候我尝试使用了vue的transition数学，并且成功使用。具体见代码
? 每日学习 ?
发布于 2016-09-27
528人围观 0条评论
2016.09.26
- 今天主要封装了layer组件，还是老样子，导入之后，不过学到了怎么动态的插入组件，贴个链接
- 因为没有动态插入的需求，所以还是最后导入直接放在页面上了，这样反而感觉比较方便一点，而且性能应该也不会比动态插入太差。
- (Git软件开发过程)[http://aboutcoder.com/2015/11/16/work-in-git/]