烟雨满

個人信息 / Personal Information

教育背景 / Educational

  • 2017-3 ~ 至今 北京交通大學 本科 计算机科学与技术
  • 2010-9 ~ 2013-6 绵阳师范学院 大專 電子信息工程

興趣愛好 / Hobby

關於我/ About

一个非典型程序猿,有人称我为理发师,也有人称我为诗人,可能是由于自己兴趣爱好吧,其实我是程序猿啊,这是重点。我呢平时喜欢捣鼓技术,体验新东西带来的感觉,比较喜欢诗词,自己也做一个诗词网站;对于美食也是控制不住的,学习一道美食的做法也是蛮不错的

    我的工作主要是基于ipage平台和vue框架开发各类通用组件; ipage组件是基于xml做的前端引擎;使用XML描述再解析为js; vue组件抽象到最单一功能。以及基于nodejs做些工程化,解决前端集成框架的bug。

    展開

    我的工作主要是开发教育品牌的基础组件,如弹窗、分页、表单校验;因为有业务逻辑在其中,表单校验是比较难做的; 并开始做一些前端工程化工具。

    展開

    我的工作主要是根据设计师的设计图还原为静态页面模板,包含整站,雅思、托福、SAT各频道页、落地页以及活动页面; 制作各类css3、js动效。

    展開

    项目经历 Project experience

    2016. 3 – 至今 糯米店铺装修、百度地图商家装修、百家号营销落地页

    以上3个项目全部基于VUE,由3月糯米店铺装修开始迭代至今发展了2个方向,一个是动态表单,根据配置生成需要的页面(组件已经做到足够抽象化),另一个是移动端拖拽(百家号),组件已经做到足够抽象化。

    集成框架中做过的组件:

    • Radio组件

    • 输入框组件

    • 图片上传组件

    • 图片裁剪组件

    • 城市联动组件

    • SELECT组件

    • . . .

    项目经历 Project experience

    2015. 8 – 2016.3 ipage、iportal、魔拼平台

    以上3个平台全部基于ipage,其中魔拼是ipage的可视化拖拽,iportal是基于ipage做的统一管理平台。ipage: 使用backbone+requirejs+XML,平时开发主要是两方面:一个是针对业务需求完善各个组件功能开发,另一个是升级整体框架功能;对于ipage已经走过了5个多年头,也正在逐渐淘汰,目前正在基于百家号营销落地页集成框架开发新版本ipage

    集成框架中做过的组件:

    • 银行卡输入提示组件

    • 表格组件

    • 图片上传组件

    • 图片展示组件

    • . . .

    项目经历 Project experience

    2014.8 – 2015.8 中国移动和教育

    基于jquery开发各类通用插件等等。另一方面针对比较常变的活动页,做一套满足公共要求的模板,每次只需设计师填入需要的图片即可。嵌入中国移动app H5页自动生成二维码

    集成框架中做过的组件:

    • 通用弹窗组件

    • 分页组件

    • 表单校验组件

    • . . .

    解决问题:

    获取用户填写的表单信息,当时要求一些必填一些非必填,逻辑相当复杂,前2人各做了3版,都无法满足要求,后来自己也做了好几版也是bug频繁,最后自己重写了校验,当时还是直接使用jquery在标签上操作的,对于安全性要求不高情况下,直接将需要校验的规则放在了标签上,才解决了这个问题。后来专对此抽象成了组件,不再绑定标签了更安全了。

    项目经历 Project experience

    2014. 3 – 2014.8 新航道国际教育集团

    整个web网站页面制作(html+css+js)网站包含:首页、列表页,详情页,活动页等等,定期对网站进行改版;JS实现各个功能模块;研究新技术并应用到实际项目中;

    项目中做过的组件:

    • 轮播图组件

    • 选项卡组件

    • 无缝滚动组件

    • 侧滑菜单

    • . . .

    開源項目 0pen-source projects

    技能 Personal Skil

    • photoshop

    • Adobe Illustrator

    • Python

    • Vue

    • Git

    • Nodejs

    • Express

    • Gulp

    • Webpack

    • Sass

    • Less

    • . . .