需求场景 添加优惠券类目,展示用户的优惠券 常见的设计样式如下图,核心为半圆 分步拆解 优惠券的特点是带有反向圆角,为了展示效果更好,适配多种场景,不推荐使用背景图片形式,建议使用css. 网上有几种方案: 一种是bod…
分类:html5
axios取消某个发送的http请求和响应
需求场景 用户在点击购买或者其他操作的时候,http响应比较慢 在没有收到反馈前,用户点击返回或者跳转到其他页面时,中断当前页面的请求和响应 实例化CancelToken 首页需要实例化一个CancelToken imp…
事件循环补全计划
前言 事件循环(event loop)是一个在 JavaScript 常被提起的概念, 它存在于浏览器也存在于 Node.js 中, 因为它复杂的运行机制令人难以琢磨, 更是成为面试时候的必考题目. 本篇文章的内容源自我…
移动端列表以树的形式展示
之前写的,本来是以下拉列表展示,但是客户应要求以树的形式展示,百度了好久,没有找到合适的适合的树组件,最后只能自己上手了,展示效果如下: 组件treeNode.vue <style> .treeList { …
H5微信支付爬坑之路
前言 在开发微信公众号活动中,由于之前没有接触过与微信相关的开发,所以导致掉坑,爬坑,不过也让我对微信公众和微信官方文档的熟悉大大增加。 爬坑之路 爬坑一:单页SPA和后端路由的问题 这个我已经单独做总结: https:…
老板让我十分钟上手nx-admin
大体流程 参考资料: nx-admin项目地址 首先这里就不讲解vue和vuex之类的基础东西了 有兴趣的可以去官方文档了解。这里根据流程走向大概说说 路由配置 首先找到路由配置,路由配置放在了src/router/in…
Vue iview-admin框架二级菜单改为三级菜单
最近在用 iview-admin的Vue后台模板,从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的,木有其他好办法,只能自己手动改代码了。…
mpvue开发小程序所遇问题及h5转化方案
mpvue开发小程序所遇问题及h5转化方案 项目结构 |---build |---pages.js文件目录 |---src |---component子组件 |---pages |---业务页面 |---store,vu…
Vue全家桶web端社区项目
欢迎关注 公众号【小夭同学】 前提 项目需求:建立一个平台能够提供给玩家交流的地方。 功能需求 一个聚合页面,提供当前最新的帖子 个人模块:显示头像,个人昵称,个人已经加入的主题 热门讨论: 提供热门帖子 主题推荐 主题…
webpack4+vue实现多页面,结合Hbuilder快速开发APP
前言 多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来. 使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS APP. 本文最大特点: web…
Vue组件-极简的地址选择器
一、前言 本文用Vue完成一个极简的地点选择器,我们接下来带大家实现这个。当然其中也有一些值得学习与注意的地方。话不多说,我们先上demo图。因为每个人的需要不一样,我这边就不在实现更多的功能,所以留有更大的空间供大家增…
Vue实例方法之事件的实现
开始 这段时间一直在看vue的源码,源码非常多和杂,所以自己结合资料和理解理出了一个主线,然后根据主线去剥离其他的一些知识点,然后将各个知识点逐一学习。这里主要是分析的事件系统的实现。 正文 一、了解使用方式 在分析之前…
vue常用知识点总结
感谢本文引用链接的各位大佬们,小菜鸟我只是个搬运工 1.谈一谈你理解的vue是什么样子的? vue是数据、视图分离的一个框架,让数据与视图间不会发生直接联系。MVVM 组件化:把整体拆分为各个可以复用的个体 数据驱动:通…
基于Vue实现拖拽升级(九宫格拖拽)
前言 在本文中将会用Vue完成九宫格拖拽效果,同时介绍一下网格布局。具体代码以及demo可以点以下超链接进入 传送门:Demo以及完整代码连接 效果实例 简单了解Grid布局(网格布局) 什么是网格布局 CSS网格布局(…
基于Vue实现拖拽效果
效果图 分清clientY pageY screenY layerY offsetY的区别 在我们想要做出拖拽这个效果的时候,我们需要分清这几个属性的区别,这几个属性都是计算鼠标点击的偏移值,我们需要对其进行了解才可以继…