学习案例
3篇文章 · 0订阅
  • Vue实现浮动按钮组件 - 页面滚动时自动隐藏 - 可拖拽
    本文可能有点啰嗦了... 为了充分发挥vue的特性，我们不应该通过ref来直接操作dom，而是应该通过修改数据项从而让vue自动更新dom。因此，我们这样编写template。 当然.ys-float-btn肯定是position:fixed的，其他的样式很简单，大家自由发挥。…
    Vue.js
  • Vue电商项目-商品飞入购物车特效实现
    各位掘友,好久不见,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解增加商品飞入购物车的实现过程。 整个项目采用vue-cli3脚手架搭建,Vue全家桶(vue、vuex…
    Vue.js
    Vue电商项目-商品飞入购物车特效实现
  • 造轮子之图片轮播组件(swiper)
    图片轮播是种很常见的场景和功能，一般移动网站首页的轮播 banner，商品闲情页的商品图片等位置都会用到此功能 像这种常用的场景功能肯定是有人早就写好插件了的，所以遇到这种场景，一般都遵循以下三步：
    Vue.js JavaScript 前端
    造轮子之图片轮播组件(swiper)