logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue项目部署到阿里云服务器(纯前端静态页面动态)

双十一新买的阿里云服务器,工作闲暇时摸索部署一个vue前端项目,记录操作1.新买的阿里云服务器要重置密码,然后配置安全组,下载教育版xshell和xftp免费使用2.使用xshell连接云服务器,我使用的是阿里云centOs的服务器正常安全组配置好输入账号密码和远程公网ip就可以链接成功了,(记得阿里云安全组配置完成之后需要重启服务器)3.安装nginx和nodejs1)安装nodejs命令cd

#vue.js#nginx#阿里云
vue中js+transition实现字幕滚动

重点是延时器的使用和transition的效果添加和取消使用setInterval定时器在定时器函数里面判断,当top值小于arr的长度(因为我实现的是两条数据在一行滚动)在条件范围内实现无缝操作,重点操作setTimeout延时器的使用,是为了当操作字幕瞬间到达第一条后过渡属性不会因此覆盖top为0的过渡效果,而延时后加上transition的为了实现第一条字幕top过渡到第二条if (to..

微前端搭建子项目踩得坑(子应用挂载后容器不存在问题)

基于阿里的qiankun 框架搭建的微前端1.先搭建主项目先安装qiankun框架官网https://qiankun.umijs.org/zh/guidecnpm i qiankun -S1.在入口文件main.js添加配置import { registerMicroApps, start } from 'qiankun'const apps = [{name: 'vueApp', // 子应用的

#javascript#vue.js
elementUI中tooltip自定义class样式在scoped下不生效问题

在项目中遇到一个觉得比较有意思的坑,在vue框架中使用element,遇到动态添加dom元素的组件时(tooltip, dialog等),在属性popper-class,自定义class时样式不生效,后面经过分析不生效的原因是vue使用scoped后会在当前组件下每个dom元素上添加一个组件唯一标识(例如data-v-fae5bece),class也会编译成data-v-fae5bece,而我们使

#vue.js#html#elementui
vue axios下载文件blob,后端返回文件流和错误信息的区分,自定义响应头拿不到

首先下载axios要传递请求头的数据headers: { 'Access-Control-Allow-Headers': 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild' },responseType: 'blob',得到请求结果时// 处理下载失败的问题,data是得

文章图片
#javascript#vue.js
到底了