颠沛丶-CSDN博客

原创 vue处理流文件导出下载Excel和World功能

之前写加粗样式过一篇导出报表的文章，不过是通过前端导出数据，这样处理的话数据量过大时下载会导致浏览器卡死，所以通常更多的是配合后端来做这个功能，调用后端的接口穿过来的流文件，然后在前端进行处理完成导出。...

2021-04-01 17:49:00 705 1

HTTP状态码301、302重定向的区别官方的比较简洁的说明：301 redirect：301 代表永久性转移(Permanently Moved)302 redirect：302 代表暂时性转移(Temporarily Moved)交互流程客户端在请求网址A时，服务端将其重定向到网址B，响应301或者302状态码，并携带Location响应头，其值就是网址B，客户端接收到301或者302响应后，从响应头中获取Location的值，便再次发送请求到网址B，最终将呈现网址B的响应内容搜索引擎的

2021-02-19 15:19:28 364

原创 vue中实现全屏功能

安装全屏插件npm install --save screenfull全屏按钮绑架事件<div class="full-screen" @click="fullScreen()">data中绑定控制全屏开关// 控制全屏fullscreen: false,添加方法：这里全屏默认该页面所有元素全屏// 点击全屏展示fullScreen() { if (!screenfull.isEnabled) { this.$message({ message:

2021-01-17 15:40:59 2071 2

原创 vue 导出表格到xlsx中

首先下载一个依赖包npm install xlsx --save 然后在导出按钮绑定事件中传入需要导出的数据，这里我是将element-ui 组件表格绑定的数据直接导出<el-button @click="downloadFile(threatPerceptionData)">导出</el-button>在导出按钮标签上添加一个a标签<a id="downlink"></a>data中绑定数据outFile: '', // 导出文件el

2021-01-17 15:23:34 474

原创 css 多行显示不下时隐藏或者显示滚动条

代码： text-overflow:ellipsis; /*省略号 */ white-space:nowrap; /*溢出时不换行 */ overflow:hidden; /*溢出时隐藏 */如果需要显示滚动条，将overflow设置为auto即可

2021-01-17 15:06:55 464 1

原创 css 修改谷歌默认滚动条样式

直接上代码：/*滚动条整体部分,必须要设置*/::-webkit-scrollbar{ width: 8px; height: 8px; background-color: transparent;}/*滚动条的轨道*/::-webkit-scrollbar-track{ background-color: transparent;}/*滚动条的滑块按钮*/::-webkit-scrollbar-thumb{ border-radius: 10px; backgrou

2021-01-17 15:03:19 259

原创 uniapp中使用腾讯位置服务路线规划插件

最近，公司的项目中需要用到腾讯位置服务路线规划这个插件，在uniapp中的引入方法有一点点不同。解决办法：首先用到这个插件需要去腾讯位置服务里面申请一个key。进入到微信开放平台点击开发里面的开发者工具进入到腾讯位置服务网站后进入控制台就可以申请key。申请好后在key管理里面设置key，要勾选WebServiceAPI!然后回到微信开放平台，点击设置>第三方设置，点击添加插件搜索这个插件名就可以找到，然后申请通过，通过后接来下去代码里面配置详情里面可以找到这个插件的appid和插

2020-09-27 19:09:29 4109 11

原创微信小程序左右拖动出现空白区域解决办法

在微信小程序真机调试时，发现往左拖动总是会有一块空白区域，非常的ex！解决办法：page { width: 100%; display: flex;}然后将page下面的根元素盒子宽度设为100%，overflow: hidden.s-bd { width: 100%; overflow: hidden;}这样再调试时就不会能拖动了。...

2020-09-27 15:58:16 1739

原创 JS日期时间格式全局转换

在Date函数的原型上挂载一个format方法// 转换时间格式Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours(), //小时

2020-09-27 14:03:41 376

原创 vue依赖注入的使用，provide和inject

我们在进行组件传值时会有这样一个问题：当一个祖先组件想要向他的子孙组件传值时甚至向多个子孙传递一样的值时，按照往常的方法，需要一层一层的向下进行传值而且多个子孙组件传递就更加繁琐，增加大量的代码量，那在这样的情景下如何让传值变得更加简单呢？那么这时我们可以用到依赖注入的办法，他用到了vue给我提供的两个新的实例项，分别是provide 和 inject。那么看下这两个实例项的使用方法：provide 选项允许我们指定我们想要提供给后代组件的数据/方法。也就是说只要给祖先组件添加了这样一个实例项后，我

2020-07-17 15:53:45 926

原创 vue项目中token的使用

token在第一次登录时，客户端携带用户名与密码向服务端发送登录请求，此时服务端接收到用户名与密码后与数据库进行比对判断，如果正确，就将本地获取sessionID作为token，然后将这个token返回给客户端。这时客户端拿到返回的token令牌，将其保存到sessionStorage中。window.sessionStorage.setItem('token', res.data.token)然后再进行跳转路由页面。this.$router.push('/home')在接下来的项目中，每次跳

2020-06-16 19:57:03 3259

sy1486011506的博客