0
被预约次数
0
被收藏次数
0
被评价次数
## 技术文章
* [用 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.
可兼职时间
可兼职地点
0条评论 雇主评价