大项项目三年前端开发经验,参与设计过多个webapp项目的前端架构,对前后端交互有自己的理解,对前端模块化开发熟悉,掌握现常见的web端技术选型。全国统一考试软件设计师中级职称,熟练掌握Html、css、JavaScript、nodejs、angular、vue 、webpack。并且根据⾃⼰平时的⼯作需要以及总结,封装了⼀些通⽤性脚手架:
Spring+Mybatis 脚手架:实现了通用分页类,通用 DAO;
Laravel+Pintuer 脚手架:实现了基本的增删改查,RBAC 权限设计;
ReactNative 脚手架:预研;
AngularX 脚手架:预研;
Meteor 脚手架:预研;
Typescript+ThreeJs脚手架:实现了 JS预编译,面向对象开发。
Koa 脚手架:对 JS 柯里化与 JS 的域有了更深理解。
展示地址:https://www.github.com/leizixing0622
微博@layziing
简书 https://www.jianshu.com/u/278e83df3043
会不定期更新一些自己的技术文章,如面向对象,网络 Socket 基础,前后分离,前端组件化开发,深入计算
机组成原理等内容。
● 广州开发区财政投资建设项目管理中心
企业给广州开发区政府提供的信息化一站式项目管理平台,方便项目立项、招标、采购、付款,运维,
同时也⽀持人员管理、会议管理、往来单位管理,包括移动端的 h5 应⽤以及 PC 端的 web 应用。
技术栈使用 Metronic+Freemarker+Spring,负责初期前端整体架构,也做一些增删改查的功能和数据库设
计,以及相关业务接口比如登录,注销,选人,选流程的联调。开发中主要解决了在 Metronic 主题上二次开
发、图片适配显示、利用 cookie 实现自动登录等问题。
● 河北新奥项目
主要负责资讯分享,包括产品成果、项目分享、新闻自选以及项目分析,主要服务于新奥集团内部的信
息资讯分享等。
技术栈,基于 SSH+MySQL,前端使⽤Bootstrap 前端框架+Freemarker。在⼯作中主要负责典型页面模板
布局的开发,例如表单、表格、列表等等。还有资讯的未读已读处理,分享等操作,将
scrollJs,select2Js,jqueryAutoComplete,ztreeJs,datatableJs,validateJs 与现有业务结合起来并二次开发,后期主要是迭
代任务开发和历史遗留 bug 修改。 并在此期间进⾏客户⽀持等⼯作,主要解决客户使⽤中遇到的问题,并不
断完善应⽤的功能,以及性能优化。
● 广州黄博区财政信息化项目
主要负责富文本 summernoteJs 的二次开发。可以在 WEB 端实现类似 于 OFFICE 的功能,例如插入图
片,调整行间距,字体,段落缩进等等。额外提供了全屏功能,回到顶部功能,实现了高度随窗口大小自适
应的需求,用 jquery 的 Emoji 插件实现了表情功能。
● 光大环保项目管理系统
企业可以通过浏览器,手机实现他们最新的 ESHS 管理,主要包括作业安全票的审批,施工现场安全隐
患的增删改查,还有⽤户可在此平台分配自己公司层级下属员工的菜单权限。
技术栈使⽤SSH 以及 VUE 全家桶开发,包括 Vue\VueRouter\Vuex\Vux。主要解决了在 Vue 中使用
Cordova 的 Navigator 的问题,Vue 请求的时候带上用户 code 与 token 与 SpringMVC 交互实现 session 功能,
Vue 的下拉刷新功能(带搜索)。
● 西安润基投资控股项目
服务于西安澜基投资控股的大型企业信息化一站式管理平台,主要就是日报,周报,月报的功能,相当
于每天每周每月在手机端填写报告并发送给指定的人浏览,其中有一部分默认发送的人是可以在后台管理中
心配置而成,浏览过后的报告会变成已读状态。
技术栈使⽤SSH+VUE 全家桶,主要负责前后端全栈开发,高级搜索、图片上传下载等。
● 华 为 基 建 进度 迭代 6 6 期
给华为总包做的分包项目,主要采用前后分离的设计,便于对接多个后端服务,前端表格插件用的
miniui,将几个功能模块统一在 dashboard 中进行管理。
● 龙 盛 置地 地 PM 管理 平台 一 期
用的是 angularJs 作为团队统一开发框架,在开发过程中,不断封闭第三方 component,以及根据业务功
能以及产品部门提出的需求抽象自定义 component,并且在部署阶段做了优化,采用 grunt 合并了 js,css 等
等,图片压缩,并且在 nginx 上开启了 gzip 加速,部分文件做了 cdn 等等。
● 特 变 电工 工 S BOSS 驾驶 舱
css 方面采用了预处理工具 sass,增加 css 文件的维护性和兼容性,提高开发效率,图表展示选用了
highcharts\echarts 等,将 echarts 封装成 angularjs 指令方便调用,一体化部署采用的 grunt\gulp 等进行压缩、
合并文件。
● 仿 淘宝 练 手 项目
采用 angularjs 第一次做 SPA 应用,模块间独立管理。
● N Ns odejs 的 的 s Express 项目
实现了⼀个简单的仿微博应⽤,浏览地址:https://github.com/leizixing0622/nodejs-weibo
主要利⽤JS 的静态数组实现数据的缓存。
● React 全家 桶
对 React 全家桶(ReactJs+Redux+React-Router)做了预研,并使⽤完成了⼀个增删改查的⼩程序,对
action 与 reducer 有了自己更深的理解,其实说白了,redux 也就是命令模式(设计模式之一)。