VUE
文章平均质量分 81
你知道吗,vue啊,是个好东西
LauSET
[小红帽有件抑制自己] -> <变成狼的大红袍>
展开
-
vite与ts的使用
文章目录前言一、Vite2 + TS 手动搭建1.搭建项目2.配置文件二、使用 vitejs/app 搭建前言什么???vite1.0.0我还没熟悉呢你2.0就开始流行了吗什么???vue2我才刚了如指掌你vue3就开始使用了吗什么???算了,ts我一直都不会一、Vite2 + TS 手动搭建不用看这个一了,直接去看二去吧1.搭建项目使用 vite 搭建项目npm init vite-app <project-name>cd <project-name>n原创 2021-10-26 14:40:20 · 3026 阅读 · 0 评论 -
mock...
Mock前言一、Mock1.简单使用2.拦截请求二、FastMock模拟接口1.基本数据2.带参数据3.数据制造前言主要作用是生成随机数据,拦截 Ajax 请求。也可以使用Mock API网站来定义自己的测试接口一、Mockvue集成1.简单使用npm install mockjsvar Mock = require('mockjs')var data = Mock.mock({ 'list|1-10': [{ 'id|+1': 1 }]})2.拦原创 2021-09-14 18:11:18 · 307 阅读 · 0 评论 -
JS常用转换方法收集
Linux之Shell命令当命令不在命令行中执行,而是从一个文件中执行时,该文件就是shell脚本。Shell是一种解释型编程语言,不需要编译,执行时也是按行执行。Shell脚本是由解释器解释执行的,常见的解释器有:bash dash ash ksh sh等命令、变量和流程控制语句等有机的结合起来shell脚本擅长处理纯文本类型的数据,而linux中,几乎所有的配置文件,日志,都是纯文本类型文部分规范放在统一的目录脚本以.sh为扩展名开头指定脚本解释器。开头加版本版权等信息原创 2021-08-07 21:38:13 · 227 阅读 · 0 评论 -
uni-app官方API汇总与云函数的使用
uni-app官方API:扫码、分享前言一、mp-weixin1.分享2.扫码二、app-plus1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、mp-weixin1.分享onShareAppMessage(OBJECT)点击分享后,在 onShareAppMessage 处理函数(和 onLoad原创 2021-07-18 16:33:03 · 3573 阅读 · 1 评论 -
Vue常用代码与常见问题汇总,不断更新中
Vue常用代码与常见问题汇总,不断更新中...前言一、对象操作重置属性事件二、工具类路由类全局三、地图操作坐标四、请求操作前言总结一些工作中常用的通用的代码,希望可以帮助到大家一、对象操作重置导致界面刷新的操作界面刷新:push,pop ,unshift,shift,reverse,sort,splice界面不刷新:slice,concat ,filter,索引赋值,直接赋值,改变数组长度使用Object.assign()该方法用于将所有可枚举属性的值从一个或多个sourc原创 2021-05-21 17:58:22 · 709 阅读 · 0 评论 -
uni-app微信授权登录,校验临时凭证获取唯一标识
uni-app微信授权,新版4.28,多方式获取openid方式前言一、授权流程1.流程图2.授权操作1.加载登录页判断缓存,自动登录2.授权同意与拒绝3.获取服务供应商4.微信登录5.换取openid标识3.完整代码二、授权手机号1.2.读入数据总结前言注意:2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与 open-type = getUserInfo 获取用户个人信息新增getUserProfile 接口,可获取用户头像、昵称、性别及地区信息,每次通原创 2021-05-02 15:53:33 · 3009 阅读 · 2 评论 -
uni-app分包优化、页面预加载、页面跳转等封装
uni-app分包优化、页面预加载、页面跳转封装等优化方式,不断更新优化一、分包优化1.目录2.分包配置3.页面预加载二、页面跳转1.UNI跳转方法2.封装为vue方法优化因小程序有体积和资源加载限制,各家小程序平台提供了分包方式,优化小程序的下载和启动速度。在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,会把对应分包自动下载下来,下载完成后再进行展示。一、分包优化注意:subPackages 里的pages的路径是 root 下的相对路径,不是全路径。微原创 2021-04-20 18:15:43 · 11963 阅读 · 2 评论 -
Vue封装Excel导入组件并使用ElementUI显示内容,将json结果集传递给后端
Vue封装Excel公用导入组件,将内容显示在ElementUI表格中,将结果传递给后端进行数据库 操作前言一、演示1.选择文件2.查看内容二、使用步骤1.总结前言使用Vue读取Excel内的数据需要使用到xlsx组件,将结果提取出来然后动态渲染到ElementUI的Table中进行结果展示,再一步确定来把数据传递给SpringBoot后端加入到数据库中一、演示1.选择文件点击导入按钮后,选择要导入的excel文件2.查看内容这里演示就把读取的Excel数据直接展示了,后面会介绍如何原创 2021-04-12 20:40:04 · 2855 阅读 · 0 评论 -
Vue使用CDN与GZIP打包部署优化
Vue使用cdn加速与gzipu压缩实现打包优化前言一、CDN1.cdn方式引入2.修改config3.修改引入方式二、GZIP1.配置2.Nginx配置3.压缩效果总结前言当我们前端使用了大量组件和页面之后,打包会导致项目体积过大,这时候部署后访问有时候就会出现首页喧染慢等一些尴尬而又急人的情况。这个时候我们就需要对项目进行优化,例如uniapp可以分包加载,vue则可以cdn加载三方插件与gzip压缩js文件一、CDNCDN应用广泛,支持多种行业、多种场景内容加速,例如:图片小文件、大文件下原创 2021-04-02 01:20:49 · 981 阅读 · 1 评论 -
uni-app访问java后端登录,携带参数跳转界面
uni-app访问java后端登录,携带参数跳转界面前言一、访问后端1.request.js2.访问3.获取信息二、带参跳转1.utils2.跳转界面总结前言uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序多个平台。可以作为前端来访问我们的java/python后端提示:以下是本篇文章正文内容,下面案例可供参考一、访问后端1.request.js这里我们来建立一个js文件,我们可以利用req原创 2021-03-11 17:10:16 · 4453 阅读 · 0 评论 -
Vue集成地图API实现搜索与矢量图区域显示
Vue集成地图API实现搜索与矢量图区域显示前言一、准备?!二、搜搜功能1.页面代码2.个性化地图三,区域显示1.主要代码2.主要数据总结前言很久之前用过高德地图的API,那时候vue组件还不是很多,所以用的是js来实现的。现在我们可以使用npm来安装百度地图来更方便的完成对应的业务一、准备?!我们先来一波npmnpm install vue-baidu-map --save二、搜搜功能1.页面代码html代码如下,记得替换YOUR_AK为你的ak密钥,可以在百度地图API种获取到原创 2021-02-07 18:07:15 · 1009 阅读 · 0 评论 -
Vue中使用纯CSS样式设计Table横向竖向滚动自定义个别列固定
在Vue中CSS样式来设计Table横向竖向滚动自定义个别列表头固定前言一、表格数据二、样式设计1.表格与外层DIV样式2.固定表头的样式(重要)总结前言大家一定使用过很多UI,UI都自带的有一些简单的表头固定的功能,但有时候如果我们使用了动态表头数据的话可能会造成数据渲染速度慢影响数据正常显示,因此我们可以用原生table来完成这样的功能一、表格数据在这里设置4列数据为固定列,其他的数据就先for循环弄出来。我们现在有5行数据,每行34列,后30个列为动态生成的数据。<div cla原创 2021-01-11 15:12:52 · 3458 阅读 · 0 评论 -
Vue+SpringBoot导出Excel,自定义要导出的表格的列
Vue+SpringBoot导出Excel,自定义要导出的表格的列前言一、Vue弹出层?1.数据展示2.导出弹出层3.弹出层界面二、后端API1.控制类2.实现逻辑总结前言之前一篇博客介绍了使用POI来完成报表的导出,默认都是导出所有数据列,但是我们有时候可能需要导出某些指定的列,搭配我前端使用的Vue和ElementUI,然后便做出来个可以自定义导出列的功能一、Vue弹出层?1.数据展示首先我们来看一下我们要导出的数据,先看一下所有的列看一下data中的数据,有用户名和日期搜索// el原创 2020-12-13 14:46:33 · 7941 阅读 · 2 评论 -
Vue读取Excel文件转换为Html预览,打印
Vue读取网络路径Excel文件转换为Html预览,打印前言一、预览EXCEL文件1.获取网络路径Excel文件2.转换格式后的数据3.最终结果二、打印文件前言我们需要对一些Excel文件进行预览,那么可以调用第三方的接口转到别的页面进行预览,可是这样比较花费时间,而且还受到网络网速的影响。因此我们可以将Exce文件转为html的table格式或者是json格式来达到我们获取信息的目的一、预览EXCEL文件1.获取网络路径Excel文件比如说我们有这样一个按钮,点击后让其弹个框把excel文件原创 2020-12-01 21:01:42 · 4567 阅读 · 6 评论 -
VUE+Echarts调用天气API显示近日天气情况
VUE+Echarts显示天气一、引入依赖1.npm安装2.Echarts的模板二、操作页面1.引用Echars.vue2.具体方法3.数据渲染4.调用api总结一、引入依赖 在这里你可以使用很多前端框架调用echarts,我的项目是vue端app程序,所以在这里就用vue方式引入echarts1.npm安装npm install echarts --save2.Echarts的模板因为要在一个页面切换选项卡完成不同表格的显示,所以在这里使用一个vue文件,这样就可以根据不同选项卡的点原创 2020-11-26 10:28:39 · 5039 阅读 · 5 评论 -
Vue+SpringBoot使用POI导出EXCEL
文章目录前言一、VUE前端1.请求部分二、SpringBoot后端1.POI依赖引入2.控制层3.业务逻辑4.导出工具类三、结果前言随着数据报表的重要性以及大部分项目的需要,然后就在这里简单做了一篇使用poi完成excel导出并且在浏览器上的下载。可以使用谷歌Browser秒秒钟完成下载,然后打开即可看到导出的数据一、VUE前端前端:因为项目使用了前后端分离,所以在前端只是简单调用后端的接口,并传入一些可有可无的参数。数据的查询以及导出业务代码基本都是在后端1.请求部分一个按钮,一个原创 2020-11-25 09:10:08 · 3218 阅读 · 0 评论