logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue下载pdf到本地,后端返回文件流

vue项目,axios去请求接口request文件中代码:import request from "封装好的axios请求文件"//下载用户手册PDF时请求的接口export const getGuide = (param) => {return request({url:"请求url",method:"get",params:param,//一定要加responseTyperesponse

javascript事件循环Event Loop,宏任务与微任务

1、javascript的运行机制介绍javascript是单线程的语言,默认情况下一个时间点只能做一件事情,因此引入异步模型javascript是一门解释性脚本语言,即(边解释边运行)2、阻塞式代码和非阻塞式代码阻塞式代码:同步代码代码会严格按照单线程(从上到下, 从左到右)执行代码逻辑,以此标准来进行代码的解释和运行const a = 1,b = 2let d1 = new Date().ge

文章图片
#前端#javascript
element-ui el-steps自定义进度图标及完成图标

项目中需要自定义 el-steps的图标 同时完成时图标也要进行修改,记录一下,有写的不好的地方欢迎大佬们指正:实现步骤:首先在templete部分:el-step中添加一个插槽 slot=“icon”, 为其添加类名,以便于修改样式<el-steps class="handlerSteps"><el-step@click.native="scrollToTop('build')

文章图片
#ui#css#css3
vue2.6 element-ui 按需引入样式未生效 Error: Cannot find module ‘babel-preset-es2015解决

element-ui按需引入遇到两个问题元素会显示,但是样式没有生效编译过程中遇到错误Error: Cannot find module ‘babel-preset-es2015‘官方文档:element-ui按需引入一、样式问题:引入组件的同时,要引入样式文件main.js中:import Vue from 'vue'import App from './App.vue'import route

#ui#vue.js#javascript
vue项目中使用iconfont图标及使用彩色图标

单色图标的使用1、首先将选择好的图标下载到本地2、将iconfont.css文件以及后缀为 .eot.ttf.woff.svg的文件加入到项目文件夹中3、在项目的main.js文件中引入iconfont.css样式文件,import "./assets/styles/iconfont.css"4、注意在iconfont.css文件中根据自身情况修改引用的其他四个文件的路径,否则报错5、接下来就是在

#vue.js
vue 指定元素滚动到页面可视区域

使用场景:1、点击页面tab,或步骤条的某一步,使其对应元素滚动到页面可视区域2、使遍历而来的list滚动到页面可视区域实现:使用el.scrollIntoView() API实现scrollIntoView()方法会滚动元素的父容器,使被调用scrollIntoView()的元素对用户可见。注意:要设置页面(最外层容器)可滚动,否则不会生效语法:element.scrollIntoView();

#vue.js#javascript#前端
VUE大屏适配方案

近期在做大屏可视化的内容,记录下关于大屏适配的一些内容用到的有阿里手淘的flexible.js,postcss-px2rem, px2rem-loader试过npm i lib-flexible的方式安装,但是发现并没有生效,也不知道问题出在哪里,也是换成了直接在main.js中引入flexible.js的方式分享下目录结构:一、创建flexible.js文件并引入到vue项目中flexible.

#vue.js
VUE项目 openlayers简单使用

在项目中安装依赖npm i ol --save调用相关API选取一个DOM元素,并进行相关的配置,完整代码:<template><div id="wrapper"><div id="map"></div></div></template><script>import Map from "ol/Map";import

#javascript#vue.js
Vue axios取消发送某个请求

在项目中遇到一个情况,因为参数不同而频繁请求一个接口,因为接口的响应速率不同,从而导致最后一次请求的结果被之前的请求覆盖,显示的内容就会出错想要实现当触发同样的请求时,不轮同时触发多少,只进行最后一次请求解决方案:axios.CancelToken官方文档:http://www.axios-js.com/zh-cn/docs/#%E5%8F%96%E6%B6%88该api可以用来取消请求官方示例:

#vue.js#javascript#前端
element-ui el-steps自定义进度图标及完成图标

项目中需要自定义 el-steps的图标 同时完成时图标也要进行修改,记录一下,有写的不好的地方欢迎大佬们指正:实现步骤:首先在templete部分:el-step中添加一个插槽 slot=“icon”, 为其添加类名,以便于修改样式<el-steps class="handlerSteps"><el-step@click.native="scrollToTop('build')

文章图片
#ui#css#css3
到底了