主流框架:vue,对应的vue-router,axios,vuex操作熟练,对应的ui框架包括iview,element-ui,mint-ui,vant,vux等
基础知识:● 精通Web(CSS、HTML)实现静态页面的布局,能够使用less等动态CSS语言,熟悉ES5、ES6规范。
● 掌握运用框架Bootstrap,可以实现兼容性的响应式布局,
● 浏览器兼容性有自己的理解。
● 精通vue和angularjs,主要是vue,以及vue相应的插件(axios,vux,vant,elementui.mintui,vuex,vue-router,)
● 精通Javascript原生代码编写,对于其中DOM/BOM有较深感悟,可以在静态页面基础上实现多种动态效果,了解面向对象、闭包、继承和重载等设计方式和遍历、递归、排序等算法。
● 能够使用基于JS的多种函数库和主流前端框架: JQuery、zepto、AJAX、Vuejs。
◆ 能够使用JQuery进行DOM的增删改查操作,可实现多种动效(放大镜,轮播,电梯导航,高德地图等商城效果,)
◆ 能够使用AJAX执行异步服务器请求(get,post)以及授权token请求,以及拦截请求头或相应数据进行相关操作设置
● 掌握运用H5新特性包括canvas、svg、echarts等技术,可以实现基本的canvas绘图,项目中使用了很多echarts实现图标的数据展示。
● 对于H5新增的api有研究,例如:可以使用H5新增Worker多线程api进行数据的后台处理,一定程度减少数据量对于前段页面的影响,以及History的新增的pushState和replaceState方法。
● 对于ES6有研究:例如箭头函数,promise对象,解构赋值,数组和对象等的方法扩展,for..of遍历,async异步函数等
● 高德地图api的灵活的运用,可参考api文档进行复杂页面的书写和地理定位。
● 通过FileReader对象实现文件读取和以二进制流形式上传后台,以及FileSystem操作系统文件
● Node项目操作本地文件,调试后台接口,并开发了微信智能机器人实现接受和发送信息和图片,使用的electron框架正是基于node,后来采用wechaty继续开发。
● 电商项目中使用企业qq嵌入页面
●海慧数字化风险管理系统(vue,elementui,echarts):
项目简介:该项目主要是用于展示大量数据以及大量的数据交互。
软件环境:Visual Code开发、
所用技术:
1.vue,axios,vuex,elementui、vue-router,echarts
2.使用vue-router控制路由跳转并手写原生的页面导航路由;
3.利用axios完成客户端与服务端的数据交互,其中对于请求头进行拦截设置config;
4.实现组件复用,其中固网子组件用来展示8个页面,进入页面前更改vuex中的state对象,在根据值的变化展示不同内容并调用不同接口
5.进行ui框架中组件的在封装,其中在elementui中的table插件基础上实现折叠层级和表头点击调用数据接口。
网址:联通内网可看
●新员工入职信息填写系统(vue,elementui):
项目简介:该项目主要是用于新员工入职信息的填写。
软件环境:Visual Code开发、
所用技术:
1. vue,axios,vuex,elementui、vue-router。
2. 页面登录参数用jsencrypt加密返回的token携带在别的请求头里进行接口验证。
3.使用vue-router控制路由跳转并在进入各页面前进行登录判断。
4.hr页面主要用el-table展示数据列表,并实现上传excel和查删编辑员工信息功能。
5.员工填写页面进行表单填写和图片上传,其中图片使用FileReader对象读取file表单的blob对象并和其他参数一起以formdata形式上传
网址:
●微信智能机器人(node,electron,wechaty):
项目简介:该项目主要是用于自动接收和发送信息和图片,并把对应的图片和信息发送给相应的人员领导。
软件环境:Visual Code开发、
所用技术:node,electron,wechaty
1. electron框架实现镶嵌网页微信的首页,并监听接收到的信息。
2. 利用clipboard作为中介暂时保存信息和图片,paste粘贴到微信文本框触发点击发送的按钮。
3. 后台生成的图片用node读取到本地保存。
网址:
●微商城(VUE微信商城):
项目简介:商城的微信版本,具备完整的下单流程以及个人中心收藏和足迹订单等模块,还有完整的商品报价和详情模块。
软件环境:Visual Code开发、
所用技术:
1.vue,axios,vuex,vux、vue-router
2.使用vue框架进行双向数据绑定,运用MVP模式并开发SPA单页面响应式网页;
3.利用axios完成客户端与服务端的异步数据交互;
4.路由模块的跳转
4.配合html和css样式。
网址:公众号:大爱一通微商城(dayt2015)
●大爱一通商城5.0:
1、使用的语言:CSS3、HTML5、jquery、ajax。
使用CSS3和HTML5进行前期静态页面的编写和布局。
使用jquery实现动态效果(轮播、前后移动、放大镜、楼层电梯、动画、计时器.....)
商品报价页,详情页,个人中心页面的样式和js动态化。
网址:https://www.daytgg.com/
●大爱一通商城4.0(5.0版本的迭代更新):
1、使用的语言:CSS3、HTML5、jquery、ajax。
使用CSS3和HTML5进行前期静态页面的编写和布局。
使用jquery实现动态效果(轮播、前后移动、放大镜、楼层电梯、动画、计时器.....)
sku报价插件的使用,个人中心。
网址:https://www.daytad.com/