熟练掌握HTML、CSS、JavaScript,能用原生JS实现页面大部分交互功能;
熟练使用H5新特性canvas进行画布绘画;
熟练掌握webpack构建工具,能够进行独立配置;
熟练使用框架react,结合mobx工具进行数据的管理,对其生命周期的各个钩子函数、通信及方法均熟练掌握;
熟悉Ajax原理,能够使用Ajax实现与服务器的异步通信,完成页面的局部提交和刷新;
对nodejs有一定了解,对mysql数据库能进行简单数据操作,运用express框架能够进行前后端独立代码编写。
1、办公自动化OA系统
整个项目前端部分均由我负责,有两个后端对接。从零搭建项目,引入react及antd,配置webpack文件打包,样式部分,引入less语言。采用axios负责网络通信,mobx负责全局数据管理与更新。公文编辑部分,引入了draft-edit作为富文本编辑器。
2、xiange的博客(网址:https://www.loma18.com)
搭建react项目,采用antd作为前端UI框架。后台采用基于nodejs的express框架。从域名申请到空间服务器的购买以及域名备案,再逐步摸索采用ngix配置反代理,最终将网站呈现在互联网上。该项目的编写,让我更加清楚了整个网站的开发流程。
3、canvas框架搭建
设计框架架构,搭建项目主体框架。首先确定一个核心文件core.ts,然后考虑到MV*设计模式,因此有了event.ts(处理事件)、data.ts(处理数据)及draw(渲染视图)等文件。为了满足用户需求,将输入框和下拉框等功能以组件的形式切入canvas框架,可保持其健壮性,减少代码耦合。