1.熟练掌握HTML5、CSS3及其新特性(如弹性布局、网格布局等);
2.熟练掌握javascript语法,以及ES6中的新特性(如Promise、解构赋值、数组方法等);
3.熟练掌握vue2框架,及其生命周期和配套使用的vuex、vue-router等,可以利用以上技术开发web应用;
4.熟悉vue3框架,可以结合使用状态管理工具pinia进行项目开发;
5.熟悉scss/less等css预处理语言,熟悉模块化开发,了解MVVM模式;
6.对编写webpack loader有一定了解(有开发过自动导入svg的经验);
7.能够利用git进行版本管理和协同开发。
JSON结构编辑器实现
1.开发背景:对于没有一定专业背景的普通用户而言,难以对一个复杂的JSON数据结构进行编辑和修改
。此次开发旨在将JSON结构通过图像化方式展现出来,并提供增加删除、上移下移和修改键名和值的功能,从而降低用户的使用门槛。
2.开发过程:项目使用vue2开发,针对于每种数据类型(布尔、数值、字符串、对象、数组等)分别编写对应的子组件,不同子组件间公共的变量交给vuex进行管理,再通过组件递归的方式实现JSON结构编辑器
3.开发结果:本次开发的目的是替换原有文本形式JSON编辑器,部署现场后极大地提高了用户和其他同事的开发效率,得到了一致好评。
可在网站选择色彩复制对应的RGB值 左下角增加了音乐播放器组件,可对音乐的播放暂停,上一曲,下一曲进行控制
实现移动端购物车页面,可实现商品的增加减少,并实时计算总价和总添加商品数目。 采用原生JS、HTML、CSS开发,对各个数据层进行封装,便于管理和维护