分类 : Vue

11 篇文章

thumbnail
uni-app微信授权,新版4.28,多种方式校验临时凭证code来获取openid
前言 注意: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与 open-type = getUserInfo 获取用户个人信息 新增 getUserProfile 接口,可获取用户头像、昵称、性别及地区信息,每次通过该接口获取用户个人信息均需用户确认 好家伙,3月份做的登录授权到4月就不能用了,那就只能...
thumbnail
uni-app分包优化、页面预加载、页面跳转封装等优化方式
优化 因小程序有体积和资源加载限制,各家小程序平台提供了分包方式,优化小程序的下载和启动速度。在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,会把对应分包自动下载下来,下载完成后再进行展示。
thumbnail
Vue封装Excel公用导入组件,将内容显示在ElementUI表格中,将结果传递给后端进行数据库操作
前言使用Vue读取Excel内的数据需要使用npm安装xlsx,将结果提取出来然后动态渲染到ElementUI的Table中进行结果展示,再一步点击确定来把数据传递给SpringBoot后端加入到数据库中 总结然后在需要进行导入操作的页面使用UploadEx组件,并且设置两个属性和一个方法,基本就可以完成操作了。 当然有好处也有坏处,不同的xl...
thumbnail
Vue使用cdn加速与gzipu压缩实现打包优化
前言当我们前端使用了大量组件和页面之后,打包会导致项目体积过大,这时候部署后访问有时候就会出现首页喧染慢等一些尴尬而又急人的情况。这个时候我们就需要对项目进行优化,例如uniapp可以分包加载,vue则可以cdn加载三方插件与gzip压缩js文件 一、CDNCDN应用广泛,支持多种行业、多种场景内容加速,例如:图片小文件、大文件下载、视音频点...
thumbnail
uni-app访问java后端登录,携带参数跳转界面
前言uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序多个平台。可以作为前端来访问我们的java/python后端 总结在吗?来尝尝uni-app上勾拳的厉害
thumbnail
Vue集成地图API实现搜索与矢量图区域显示
前言很久之前用过高德地图的API,那时候vue组件还不是很多,所以用的是js来实现的。现在我们可以使用npm来安装百度地图来更方便的完成对应的业务 总结大家自己改改样式改改数据,看下效果 搜索,点击显示坐标自定义电子围栏区域显示
thumbnail
在Vue中CSS样式来设计Table横向竖向滚动自定义个别列表头固定
前言大家一定使用过很多UI,UI都自带的有一些简单的表头固定的功能,但有时候如果我们使用了动态表头数据的话可能会造成数据渲染速度慢影响数据正常显示,因此我们可以用原生table来完成这样的功能 看一下结果,向下移动后 向右移动后
thumbnail
Vue+SpringBoot导出Excel,自定义要导出的表格的列
前言之前一篇博客介绍了使用POI来完成报表的导出,默认都是导出所有数据列,但是我们有时候可能需要导出某些指定的列,搭配我前端使用的Vue和ElementUI,然后便做出来个可以自定义导出列的功能 总结然后我们选中用户名,性别,创建日期这几列来测试一下教程写的很仓促,大家琢磨一下就都懂了,加油陌生人!
thumbnail
Vue读取网络路径Excel文件转换为Html预览,打印
前言我们需要对一些Excel文件进行预览,那么可以调用第三方的接口转到别的页面进行预览,可是这样比较花费时间,而且还受到网络网速的影响。因此我们可以将Exce文件转为html的table格式或者是json格式来达到我们获取信息的目的
thumbnail
VUE+Echarts显示天气
一、引入依赖 在这里你可以使用很多前端框架调用echarts,我的项目是vue端app程序,所以在这里就用vue方式引入echarts 1.npm安装npm install echarts --save 2.Echarts的模板因为要在一个页面切换选项卡完成不同表格的显示,所以在这里使用一个vue文件,这样就可以根据不同选项卡的点击来个Echa...