Logo 300 406cf2a4135690a879d66987aca1ce97c723a4a6103297b858557a4997423ccf
坚硬的肉山

昵称登录后显示

800/8小时
8年工作经验

杭州财人汇网络股份有限公司
前端负责人

0

被预约次数

0

被收藏次数

110

被浏览次数

擅长技能

## 技术文章

* [用 TypeScript 写一个贪食蛇小游戏](http://roshanca.com/2015/write-a-simple-snake-game-with-typescript/)
* [React Native:用 JavaScript 构建应用(翻译)](http://roshanca.com/2015/build-app-with-react-native)
* [用 AppleScript 创建工作流](http://roshanca.com/2012/applescript-workflow/)
* [JavaScript 中的一些坑(一)](http://roshanca.com/2012/traps-in-javascript-part-I)
* [Switch … Case 不被推荐使用(翻译)](http://roshanca.com/2012/switch-case-considered-harmful/)
* [前端编码风格规范之一般规范(翻译)](http://roshanca.com/2014/web-develop-styleguide-general)
* [前端编码风格规范之 HTML 规范(翻译)](http://roshanca.com/2014/web-develop-styleguide-html)
* [前端编码风格规范之 JavaScript 规范(翻译)](http://roshanca.com/2014/web-develop-styleguide-javascript)

## 演讲和讲义

- Git 简介
- web的响应式设计
- 前端开发讲演
- 善用工具提高工作效率

***

# 技术栈 (Skill)

* Web开发:Node/Ruby
* Web框架:[Express](http://www.express.com/)/[Rails](http://rubyonrails.org/)
* 前端框架:AngularJS/React/[Framework7](http://www.idangero.us/framework7)/[Ionic](http://ionicframework.com/)/[Vue.js](http://cn.vuejs.org/)
* 前端工具:Bower/NPM/Gulp/Grunt/[Jekyll](http://jekyllrb.com/)/[webpack](http://webpack.github.io/)/[browserify](http://browserify.org/)
* JS工具: [TypeScript](http://www.typescriptlang.org/)/[CoffeeSript](http://coffeescript.org/)
* CSS工具: [SASS](http://sass-lang.com/)/[Less](http://lesscss.org/)/[Stylus](https://learnboost.github.io/stylus/)
* 数据库相关:MongoDB/SQLite
* 代码管理: git/[gitlab](http://git.cairenhui.com/)
* 单元测试:[jasmine](http://jasmine.github.io/)/[mocha](https://mochajs.org/)
* 云和开放平台:Docker(了解)
* 编辑器 & IDE: Sublime Text 3 / [Visual Studio Code](https://code.visualstudio.com/)

***

项目经验

## 公司项目

* [中融信托 - 在线面签系统](http://mq.zritc.com/)(2015.7 ~ now)
* 负责项目前端的技术选型,开发环境搭建
* 负责与后端协调定制前台所需要的数据 API
* 负责与产品经理落实需求的具体实现,制定版本与项目进度计划
* 本项目的前端开发的服务端环境由 Node + Express + Sass中间件 + 自制的为了与后端通用的 JSP 模板组成,客户端采用了 Angular 框架
* [恒泰证券 - 倍赚宝账户系统](http://finance.qq.com/mall/beizhuan.htm)(2015.3 ~ 2015.5)
* 负责项目前端的技术选型,开发环境搭建
* 负责需求沟通,落实成任务,再利用资源合理分配(项目周期短,任务急)
* 负责梳理全站前端页面关系结构,规范命名以提高开发效率
* 写一些自动化部署与自动化发布的小脚本(Makefile)
* 前端环境为基于 Ruby 的静态页生成工具:Jekyll,用到了 Sass 预编译器,客户端用的是 jQuery 已经自己写的一些 js 组件。
* [海通证券 - 网上开户系统](https://kh.htsec.com/home/?type=1)(2014)
* 负责项目前端的技术选型,开发环境搭建
* PC 端与上一条基本类似,主要说一下移动端:移动端项目采用 H5 + Native 套壳的 Hybrid APP 模式
* 移动端开发采用 [Framework7](http://www.idangero.us/framework7) 框架,是国内较早引入此框架的项目(心路历程可见我的博文:[2014年工作总结](http://roshanca.com/2014/2014-work-summary)),目前淘宝团队在翻译和维护其[中文站](http://framework7.taobao.org/)
* 自己为此项目框架实现了一套配套的 AMD 路由机制,并按照 MVC 的思想将前后端的代码尽可能进行了分离。目前主要代码开源在 [GitHub](https://github.com/roshanca/kh-demo-mobile),拥有大约 20 左右的 star
* 由于采用的是单页应用模式(SPA),所以项目采用纯客户端模板 + json 交互数据
* APP 类还有:券商掌上营业厅,券商微信开户系统,券商理财产品商城
* 社区类:财人汇金融社区,现:[51财来社区平台](https://www.51cailai.com/)

## 开源项目

* [snake-game](https://github.com/roshanca/snake-game): A simple snake game written in TypeScript
* [kh-demo-mobile](https://github.com/roshanca/kh-demo-mobile): An online account opening system for investors, this webapp made with Framework7.
* [gitlab-autochangelog](https://github.com/roshanca/gitlab-autochangelog): Automatic generation of changelogs using the gitlab api + nodejs
* [react-bank](https://github.com/roshanca/react-bank): A sample component 'bank' by React
* [caret.js](https://github.com/roshanca/caret.js): Get or set caret position, at where you can also insert text.
* [diyselect.js](https://github.com/roshanca/diyselect.js): A simple jQuery plugin used to diy the default select in HTML.

可兼职时间

周六全天
周日全天
周六半天
周日半天

可兼职地点

滨江

最大可兼职

1 天

0条评论 雇主评价

暂无评论~

被预约

0

被收藏

0

被浏览

110

暂停预约

可兼职时间

周六全天
周日全天
周六半天
周日半天

可兼职地点

滨江

最大可兼职

1 天