熟练HTML、CSS、JS基础,了解H5、CSS3的新熟悉和ES6新特性。
熟悉响应式,flex等页面布局方式,熟练less、sass。
熟练运用VUE前端开发框架,了解VUE3。
熟悉组件间的通信和数据的管理,熟练Vuex/pinia使用。
熟悉微信小程序开发流程。
熟悉常见的UI框架如:Element-UI、Element Plus、Vant、Layui、Bootstrap等。
熟悉webpack、vite等构建工具。
了解Ajax、nodeJS。
惠购好物
1、项目描述:该项目是基于VUE3的购物电商类平台,整个项目包括首页、商品详情页、用户登录页、加入购物车、订单、支付、用户中心等多个子模块。用户通过前台浏览和购买商品,登录后购物车的原商品再没有被移除或下单情况下是还在的,主要出售家居日常百货。
2、核心技术栈:create-vue+pinia+Elementplus+Vue3+Setup+Vue-Router+VueUse
3、项目实现:
1)二次封装axios,配置请求和响应拦截器,使用配置代理解决跨域问题,使用pinia进行模块化开发。
2)利用useScroll获取页面滚动距离实现长页面吸顶交互。
3)在首页中,利用图片懒加载指令封装可以做到只有进入视口区域才发送图片请求。
4)使用onBeforeRouteUpdate钩子函数在一级分类的切换时防止组件实例复用。
5)在商品规格中,利用sku组件封装的思想来产出当前用户选择的商品规格,为加入购物车操作提供数据信息。
优购微信小程序
1、项目描述:实现用户通过微信移动端选购自己需要的商品或者服务,提供更方便的一次购物体验。项目包括底下导航首页、分类、购物车、我的这四大板块。
2、核心技术栈:原生框架MINA+小程序内置request API+自定义组件+promise
3、项目实现:
1)使用tabbar实现底部导航功能,使用自定义组件的方式实现头部搜索框并可以进行后续复用。
2)利用scroll-view组件进行加载分类页面数据,点击左侧菜单,右侧数据动态渲染。
3)在商品列表页面中的json文件中开启设置enablePullDownRefresh:true;在js中绑定事件onPullDownRefresh来启用下拉页面功能。启用上拉页面功能可以利用页面触底事件onReachBottom来实现。
4)在商品详情页面中,用本地存储方式实现收藏功能。
1、项目描述:该项目是基于VUE3的购物电商类平台,整个项目包括首页、商品详情页、用户登录页、加入购物车、订单、支付、用户中心等多个子模块。用户通过前台浏览和购买商品,登录后购物车的原商品再没有被移除或下单情况下是还在的,主要出售家居日常百货。 2、核心技术栈:create-v
1、项目描述:实现用户通过微信移动端选购自己需要的商品或者服务,提供更方便的一次购物体验。项目包括底下导航首页、分类、购物车、我的这四大板块。 2、核心技术栈:原生框架MINA+小程序内置request API+自定义组件+promise 3、项目实现: 1)使用tabba
本系统一共分为前台和后台两大模块,两个模块之间虽然在表面上是相互独立的,但是在对数据库的访问上是紧密相连的,各个模块访问的是同一个数据库,只是所访问的表不同而已。每个模块的功能都是按照在调研中搜集的资料进行编排制作的。依据上述功能分析,系统在两个模块的基础上每一个模块又分为几个模