. PC端网站布局:HTML基础,CSS基础,CSS核心属性,CSS样式层叠,继承,盒模型,容器,溢出及元素类型,浏览器兼容与宽高自适度,定位,锚点与透明,图片整合,表格,CSS属性与滤镜等。
. HTML5+CSS3基础:HTML5新增的元素与属性,表单域增强元素,CSS3选择器,文字字体相关样式,CSS3位移与变形处理,CSS3 2D转换与过度动画,CSS3 3D转换与关键帧动画,弹性盒模型,媒体查询,响应式设计等。
. WebApp页面布局:移动端页面设计规范,移动端切图,文字流式/控件弹性/图片等比例/特殊设计的100%布局,等比缩放布局,viewport/meta,rem/vw的使用,flexbox详解,移动web特别样式处理等。
. 原生JavaScript交互功能开发:基本语法,循环语句,函数与数组,String与Date,BOM与DOM,事件,拖拽效果,cookie存储,正则表达式,Ajax,面向对象基础,运动与游戏开发等。
. 面向对象进阶与ES5/ES6应用:Promise/A+,设计模式(观察者模式等),原型链,构造函数,执行上下文栈与执行上下文,变量对象与活动对象,作用域链,闭包,this,ES5,ES6等。
. JavaScript工具库自主研发:DOM库,事件库,AJAX库,原型和继承库,MVVM核心库,基于SPA的路由库等。
. jQuery经典交互特效:时间轴特效,tab页面切换效果,网页定位导航特效,滑动门特效,焦点图轮播特效,导航条菜单效果,瀑布流特效,弹出层效果,倒计时效果等。
. PHP+MySQL后端基础:PHP,MySQL,HTTP(s)协议详解,Ajax进阶、跨域与Defered,Apache与Nginx 环境搭建与配置,接口的定义,Mock数据,Restful,前后端联调,前端安全(XSS,CSRF,JSON注入)等。
. 前端工程化与模块化应用:Gulp,Webpack,NPM,Git/SVN,CommonJS,AMD,CMD,ES6模块化等。
项目名称:天下行租车网(前台页面)
开发周期:2017.5-2017.10
项目介绍:天下行租车网为个人和企业提供租车、购车、以租代购等出行服务。在天下行租车网上可以通过注册或者登陆个人信息,完成在线下单功能。订单确认后,公司员工会根据你当前定位的地址,上门送车。
项目所用技术:
1.使用vue脚手架结合webpack快速创建项目结构
2.使用vue-router创建单页面应用,使用ssr解决首页加载过慢问题。
3.使用promise简单封装axios,向后端发送数据请求,请求成功后,后台返回数据结合element-ui组件渲染页面结构
4.使用vue-router中的导航守卫结合后端返回token加密的用户信息,存储在cookie中,实现登录拦截功能。
5.用户通过手机号注册网站账号,通过session存储技术,判断手机号验证码是否正确,完成注册功能。
6.使用vuex存储公共数据。
7.使用高德定位,快速定位客户的地理位置,方便工作人员送车取车。
8.调用支付宝,微信,银联的第三方jdk实现在线支付。
9.使用websocket实现用户在线咨询功能。
项目负责:页面的架构以及代码的优化
角色 | 职位 |
负责人 | web前端开发工程师 |
队员 | 前端工程师 |
基于react websocket antdesgin等技术混合架构开发的web端聊天室实现了发送消息至文本框进行发送。登录 注册 聊天 搜索 等
基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的企业信息服务平台 登陆注册 搜素 计算机 利息换算 能 echart 数据可视化等
酒店服务小程序 顶退房 不仅可以提供商家入住 还可以实名认证 对接公安系统 展示各个门店的信息