摘要: 背景 项目中一直用element-ui,之前用el-table的时候,发现表格数据较多时,滑动表格就会很卡。我们的表格中只有200行数据,每行大概有30的字段,表格滑动就卡的不行。在Element-ui 2.8.0版本中,对表格性能进行了优化,链接。短短只有几行代码,却解决了表格的性能问题,今天我们 阅读全文
posted @ 2019-09-30 18:18 面包大虾 阅读(2273) 评论(1) 推荐(0) 编辑
摘要: 1.需求描述 在写vue的项目中,一般情况下我们每添加一个新页面都得添加一个新路由。为此我们在项目中会专门的一个文件夹来管理路由,如下图所示 那么有没有一种方案,能够实现我们在文件夹中新建了一个vue文件,就自动帮我们添加路由。特别在我们的一个ERP后台项目中,我们几乎都是一个文件夹下有很多子文件, 阅读全文
posted @ 2019-09-03 11:46 面包大虾 阅读(5199) 评论(3) 推荐(1) 编辑
摘要: 背景 不知道你上传图片的时候有没有过这样的情况,批量上传多张图片,可能因为图片大小或者网络问题,导致图片返回的顺序和上传时的顺序不一样。因为我们公司是做电商的,即使我们的支持拖动排序,运营还是希望图片能够严格的按照他们上传的顺序展示。 解决问题 在上传组件的on-success的方法中,有3个参数 阅读全文
posted @ 2019-08-27 21:55 面包大虾 阅读(8201) 评论(5) 推荐(1) 编辑
摘要: 1.场景描述 我们公司是做电商的,运营的工作指标都是按周来定的,所以他们对周特别敏感,希望我们能在日期选择器上显示周数。刚接到这个需求时,心中很不乐意,因为Element-ui的日期选择器根本不支持显示周数。我只能看看源码来看看能否有解决的办法 具体代码大家可以在github中看到 https:// 阅读全文
posted @ 2019-07-17 21:26 面包大虾 阅读(10665) 评论(2) 推荐(3) 编辑
摘要: 1. 场景描述 不知道你有没有这样的经历,下拉框的选项很多,上万个选项甚至更多,这个时候如果全部把数据放到下拉框中渲染出来,浏览器会卡死,体验会特别不好 用人会说element-ui的select有一个remote-method,支持远程搜索,我们让服务端支持一下不就可以了,当然这是一种解决的方案。 阅读全文
posted @ 2019-07-08 19:47 面包大虾 阅读(2770) 评论(0) 推荐(0) 编辑
摘要: 问题 单页面应用的一个问题就是首页加载东西过多,加载时间过长。特别在移动端,单页面应用的首屏加载优化更是绕不开的话题。下面我会写出我在项目中做的一些优化,希望大家能够相互讨论,共同进步。 我的项目vue-cli3构建的,vue+vue-router+vuex,UI框架选用 element-ui,aj 阅读全文
posted @ 2019-04-22 20:17 面包大虾 阅读(23989) 评论(1) 推荐(8) 编辑
摘要: 详细代码请见github,请点击地址,其中有原生小程序的实现,也有wepy版本的实现 了解小程序默认导航 如上图所示,微信导航分为两部分,第一个部分为statusBarHeight,刘海屏手机(iPhone X,小米8等)会比其他的手机高很多,第二部分为titleBarHeight,安卓和IOS的高 阅读全文
posted @ 2018-12-11 18:11 面包大虾 阅读(6024) 评论(2) 推荐(1) 编辑
摘要: 前言 微信小程序在9月10号正式上线了云开发的功能,弱化后端和运维概念,以前开发一个小程序需要申请一个小程序,准备一个https的域名,开发需要一个前端一个服务端,有了云开发只有申请一个小程序,一个前端就能搞定,真的是零成本。 云开发三大基础能力 云函数:运行在微信服务器上的函数,处理微信相关操作有 阅读全文
posted @ 2018-09-19 17:55 面包大虾 阅读(5049) 评论(2) 推荐(5) 编辑
摘要: 这里主要介绍两种工厂模式,第一种“简单工厂模式”,第二种“工厂方法模式” 简单工厂模式 1.定义 由一个工厂对象决定对象创建某一种产品对象的的实例。主要用来创建同一类对象。 2.具体需求 现在有一个登录模块,当用户的输入的用户名多于16个时,给一个警示弹窗 当用户输入的密码不正确时,给一个密码不正确 阅读全文
posted @ 2018-06-11 18:16 面包大虾 阅读(520) 评论(1) 推荐(3) 编辑
摘要: 定义 保证一个类仅有一个实例,并提供一个访问它的全局访问点 。就想我们在开发中有些对象只需要一个,例如window对象。 1. 实现单例模式 我们通过 Singleton.getInstance 来获取 Singleton 类的唯一对象,这种方式相对简单,这种方式非常类似于Java的单例模式实现,但 阅读全文
posted @ 2018-06-01 11:26 面包大虾 阅读(493) 评论(0) 推荐(1) 编辑