熟练使用 Hml5、Css3、原生 Js、Jquery、ES6 开发项目,了解 TypeScript
熟练使用 Vue.js(Vue-cli、Vue-router、Vuex)全家桶、了解 React 前端框架,开发项目 熟练搭建项目环境,使用 Scss 进行项目开发
熟练使用和自定义配置 Webpack、Fis3,对项目进行打包编译,上传至服务器进行上线 熟练使用 Svn、Git 进行版本管理
熟练使用 Node.js 作为中间件、了解 Php,可以与后端人员顺利沟通,一起讨论接口的数据 熟练使用 Photoshop 对 Psd 文件进行切图
熟练开发小程序项目、公众号项目
熟练使用高德地图 api 进行地图项目开发
熟练使用 echarts 图表进行图表项目开发 VSCode、Atom、Hbuilder、微信开发者工具、Sublime、Photoshop
(1)了解前端 SEO 优化 (2)可以兼容至 IE8 浏览器 (3)可以独立负责前端开发各项工作
项目名称:智慧消防物联平台(PC 端)线上地址:http://show.ayy123.com 账号:15981943221 密码:123456 开发环境:vue.js、scss、es6、高德地图 api、echarts、vscode、webpack,goeasy,谷歌浏览器,火狐
浏览器 版本管理:git
项目要求:通过 vue 框架,开发一款 pc 端物联网平台项目,通过高德地图 api,实现地图缩放,拖拽,实时路 况信息,增加点标记,3D 地图,卫星地图 等功能,通过 echarts 图表,柱状图、扇形图、饼图、 折线图等类型显示数据功能。通过 goeasy,实现前后端实时通信,前端实时显示报警 信息弹窗 等功能。
项目职责:1. 负责该项目前端全部工作(前期搭建环境,编写页面,与后台调试接口,项目测试,项目上线 2. 负责与后台人员对接,新的接口确定数据解构,旧的接口明确字段意义
3. 负责和设计对接 psd 效果图,使用 PS 工具切图
解决方案:1. 整体框架使用 vue,路由使用 vue-router,状态管理使用 vuex,本地存储使用 loaclStorage 2. 采用模块化开发,页面整体分为几大部分,各自编写组件,可复用的方法封装到一个文件内 3. 自学高德地图 api,echarts 图表,边学边应用到项目中
4. 自学 websocket 知识,选择成熟的产品 goeasy 替代,应用到项目中
项目总结:这是一个考验综合技能的项目,多个技术综合在一起,从整体架构,到具体技术落实,还有遇到新 的知识,边学习,边应用,最终在项目规 划时间内提前完成该项目,并且通过测试进行上线。