熟练掌握 React , vue 全家桶,熟练掌握 Webpack 和 Git。
熟练掌握 Express, Koa, Egg 等 Nodejs 前端 web 服务开发框架。
熟练掌握 JavaScript 的 ES6,ES7 等语法。
掌握 PWA 的用法并能编写支持动态生成的缓存资源的 Webpack 插件。
掌握 webSocket,blob,mediaSource,sourceBuffer 等 h5 Api。
熟悉爬虫系统的运作方式,可以利用 node 编写爬虫系统。
1、UC 贴吧(http://hobbyclub.ucweb.com/OMG)
独立开发的多国家多语言的 H5 的用户发帖交流平台,技术选择是 Scrat 3(FIS 3 + Swig)+
Egg,浏览器端支持 PWA 技术,使用 service worker 离线变化频率低的资源来对抗弱网环境,
并支持添加桌面启动方式,在服务器抗压和二次快速响应上,支持 Redis 缓存,统计方案是使用
Dom 埋点 + 事件代理方案。
2、浏览器运营平台(全新重构开发)
独立全新开发的一个高度解耦的组件化内部多业务运营系统,迭代速度可达到几分钟完成一个新
协议接入,技术选用 React 全家桶+Egg 框架,亮点在于完全遵循 JSON 结构的数据类型进行深
度查找节点类型进行组件匹配,实现配置即可生成运营页面,并支持不同用户权限展示不同业务
的运营入口,同时支持了监听用户数据操作的统计 node 打点。
3、全球资讯(http://allnews.uodoo.com/ru-ru/index)
印度长视频(http://videoadda.ucweb.com/index)
全球资讯支持全球空军国家的信息流新闻资讯 SPA 项目,曾是国际浏览器的主要流量入口之一,
印度长视频是针对印度市场的视频垂站,两个项目技术由老版本 Express、FIS、Swig 更新到 Egg、
FIS3、Swig,Server 端使用 Redis 缓存特定环境下的数据,为服务器减压以及二次快速响应,
在统计数据上使用 Dom 元素埋点方案,动态创建 Img 标签来进行上传打点数据。
4、国际活动开发框架(https://business.ucweb.com/activity/pk/zong)
独立设计的能快速的输出活动页面静态 html 的一个框架,技术选型是 Webpack + Koa+
Xtemplate 设计的多页面快速开发框架,根据国家维度分类,检查对应文件夹下面的资源,进行
HTML 和 Css 和 JS 对应关系打包,利用静态资源进行活动页面的对外输出。
独立开发的多国家多语言的 H5 的用户发帖交流平台,技术选择是 Scrat 3(FIS 3 + Swig)+ Egg,浏览器端支持 PWA 技术,使用 service worker 离线变化频率低的资源来对抗弱网环境, 并支持添加桌面启动方式,在服务器抗压和二次快速响应上,支
独立开发的多区域多语言的老虎机小游戏,技术选择是 vue + webpack,浏览器端支持 PWA 技术,使用 service worker 离线变化频率低的资源来对抗弱网环境,使用 canvas 作为动画播放,并且使用了 webpack 生成资源链接进行预加载,避免首次进入页