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