1.熟练DIV+CSS页面布局、重构。熟悉网页开发流程、切图以及HTML 页面代码优化等技术。
2.熟练HTML5+CSS3,熟练掌握javascript语言,熟练使用jQuery、bootstrap等前端框架,熟悉w3c标准。
3.熟练运用浏览器兼容技术,熟悉响应式布局和弹性盒布局,百分比自适应布局。
4.熟悉ECMA标准,熟练掌握DOM、BOM操作,熟悉面向对象JS编程。 熟练AJAX/JSON,熟悉正则表达式、JS面向对象。
5.熟悉 Vue 框架,使用 webpack 搭建 vue-cli 脚手架开发单页面项目,并且打包项目以及MVC&MVVM设计模式与模块化开发流程。
6.熟练使用 git 版本控制器以及熟练使用Sublime、Photoshop、Dreamwaver等相关开发工具,熟练webpack编译工具。
2020.1-至今
VUE仿去哪儿网
项目介绍:项目参考去哪网布局,实现了根据不同城市选择不同景点的功能。首页实现多区域轮播功能以及多区域列表的循环展示。城市选择页面实现了城市的展示、城市搜索以及城市右侧字母与左侧区块动画联动效果。在城市列表切换新的城市之后首页对应的城市也会跟着变化。景点详情页面实现共用的画廊组件、渐隐渐显的header组件以及递归展示的列表组件。
在项目中应用VUE的知识点:Axios进行Ajax数据的获取、Vue Router多页面之间的路由、Vuex各个组件之间的数据共享、异步组件让代码上线性能更优、stylus编写前端样式、递归组件实现组件自身调用自己的效果、插件swiper实现轮播效果、公用组件拆分。
2017.11-2018.10 上海钛氪电子科技有限公司 前端开发
工作描述:
根据设计师设计的效果图,用html+css+jquery来实现web网站页面效果;
利用Html5+css3+jquery来实现网站移动端的页面效果;
处理pc和移动端的浏览器兼容问题,维护网站;
涉及项目:
直播会议预约:该项目是移动端 web 页面与小程序,办公会议预约查看以及删除。 使用 vue 开发的单页面以及项目打包,第三方插件:Axios 实现前后台通讯,stylus 插件,mint-ui 框架, Router 路由。
RFLinker官网:该项目是上海润斐电子科技国内官网的展示和下载文件,邮件咨询业务相关功能。 使用 bootstrap实现自适应,用 rem 做移动端兼容。 第三方插件主要使用了 swiper、Lay IM, 控制层主要用 JQuery 操作 DOM,Ajax 来进行数据交互。
直播项目:此项目为团队项目,本人主要负责部分页面布局,javascript逻辑控制及效果的实现,整理项目文档。基于DIV+CSS页面布局,通过JavaScript(jQuery框架)实现效果(例如轮播图及回到顶部)通过Ajax调用后台数据显示在页面,cookie的使用应用在登陆注册。