CSS/CSS3 : 精通 DIV+CSS 页面布局,熟练掌握rem、flex 布局、媒体查询等;
Html/Html5:熟练掌握 HTML5 最新规范,能够熟悉运用HTML5 新特性构建移动端的WebApp
Javascript:熟练使用函数掌握流程语句,熟练操作 DOM,BOM;
Es6 : 熟练掌握常用方法,如箭头函数,结构赋值,promise 等等;
Ajax:熟练掌握不同框架下的ajax 请求,可以用回调或者promise 处理返回结果集
jQuery : 熟练选择器,事件,动画等,
Zepto/ iScroll / Swiper/ BootStrap /Vant :熟练使用前端主流框架或库;
ECharts/BizCharts/G2: 可以按照设计图要求实现坐标系图表,交互图表,动画图表等;
Vue:熟练掌握vue + Webpack + vue-router + Vuex + Axios/Fetch + Element 开发;
React:熟练掌握react + Webpack + react-router + redux/Dva + Fetch + Antd 开发;
Node.js:入门基础,能够搭建简单的后台服务;
Webpack /Gulp:掌握webpack 与Gulp基本搭建;
H5+ 、MUI:熟悉混合开发,熟练使用 H5+和 MUI 框架;
小程序、公众号:熟练小程序开发过程,微信支付微信分享等
WebSocket: 在小程序中熟练使用WebSocket;
Git/GitHub/Gitee : 有自己的GitHub/Gitee项目,熟练掌握Git/SVN
Php: 了解后台php 语言的语法和书写;
熟悉uni-app/typeScript
招商证券门户OA 系统
项目介绍: 该项目是招商证券内部门户OA 系统,包括通讯录,请休假,电子合同,投票,电话会议,会议室预定,收发邮件,应用管理中心等
技术要点:
项目地址:https://home.cmschina.com/login
1、该项目技术栈为webpack+react+react-router+redux-saga+fetch+antd;
2、使用react 的组件化的方式开发将view 构建成组件,结合redux-saga 实现组件之间的数据通信,完成页面的渲染与业务功能的实现;
3、使用fetch 向后台获取数据渲染页面;
4、使用react-core-image-upload 实现图片裁剪功能;
5、使用canvas 实现手写签名--支持pc 和移动端、支持横屏;
6、使用CSS3 实现项目的动画效果;
招商证券运营监控系统
项目介绍: 该项目是招商证券企业OA 微服务的监控系统,主要包括事务提醒,中央监控,应用管理,权限管理,意见反馈 管理,重点是监控微服务的调用次数与错误响应,以便一目了然该微服务的所有情况。
技术要点: 项目地址: https://home.cmschina.com/moc/
1、该项目用create-react-app 创建技术webpack+react+react- router+dva+fetch+antd+BizCharts; 2、使用dva 实现组件之间的数据管理;
3、使用BizCharts 实现多种坐标系绘制图表,交互图表,动画图表等功能;
4、使用Viewer实现图片放大预览功能; 5、使用react DnD实现拖拽排序;
6、多处使用无状态组件优化代码,简洁代码
蓝图科技:
拼个楼APP + 拼个楼小程序
项目介绍: 项目地址:https://h5.51pgl.com
拼个楼APP是互联网房产信息及交易服务平台,专注于为房产价值,投资人提供一个安全的房产信息展示和交易撮合的平台。包含项目模块,用户模块,支付模块。
技术要点: 1、该项目使用Vue+Vuex+Webpack+Axios+Es6+Vue-Router+SCSS+Vant 搭建。2、封装公用方法与运用移动端rem自适应布局,
3、添加数据埋点,集成第三方小能客服,百度统计,腾讯统计;
4、使用小程序+Vant Weapp开发拼个楼项目。
5、利用了VueLazyload 对图片和背景图进行懒加载提高了用户体验与美观。
6、在线调用了微信支付接口实现了微信授权与微信支付功能;
拼个楼官网
项目介绍: 项目地址:https://www.51pgl.com
技术要点: 1、该项目技术栈为webpack+react+react-router+axios+antd搭建; 2、后期因为SEO优化又用了next.js服务端渲染改版。