- 博客(10)
- 收藏
- 关注
原创 前端实现单点登录
问题概述公司目前有几个使用Vue.js+Java开发的PC端项目,每个项目都有不同的服务器和独立的数据库和各自的登录界面,老板要我们给这几个项目做一个统一的登录入口,登录后点击某个项目链接能新开窗口跳转到该项目。其实就是实现单点登录,但是后端人员说几个项目都是各自独立的,无法做到常规的单点登录,只能重新写一个服务给一个登录接口返回所有项目的token,剩下的就需要我们前端处理了。思路总结查询资料后发现可以通过iframe+postMessage实现跨域的token传递(注意,token在不同主域名的情
2022-04-15 22:02:15
3292
2
原创 图表和文字等元素在电子大屏下变形的解决方案
问题简述最近公司购买了一个电子大屏投屏我们的驾驶舱项目用于展示给客户看,尺寸大概为13:5,比我们开发用的屏幕宽高比要大上不少。这个时候就出现问题了,原来在我们的电脑上完美显示的驾驶舱项目(Vue+ElementUI+Echarts),投到大屏之后,界面里所有内容都被上下压扁(矮胖形状)了。解决方法我的解决思路是:现将开发时最外层的div的宽度调大,将内容填充完后,再用css中的transform(scale)属性将宽度恢复为原来大小,这个时候文字和图表等内容是被左右压扁的(瘦高形状),投到大屏上效果
2022-04-15 21:32:16
1143
原创 git根据远程分支创建自己的分支和删除本地分支
团队中有一个远程仓库,我们根据该仓库的master分支创建一个远程仓库分支develop。1、git clone https:xxx // 克隆远程仓库2、git checkout master // 切换到master分支3、git checkout -b develop // 从当前分支拷贝出一个新分支,并切换到该分支4、git push origin develop // 新分支push到远程仓库5、git branch --set-upstream-to=origin/develop //
2021-09-17 13:56:16
318
原创 前端Vue发送多次同一个请求造成渲染问题
有时候在更新数据时需要向后台发送请求得到最新的数据,但如果发送请求频繁并且数据返回较慢的时候,可能会使得数据渲染出错。因此我们可以标记每个请求的顺序并计算总的请求数量,然后等待单个请求完成后判断其是否为最后一个请求,如果是,则取其数据。data() { return { queryNum: 0, //标记最后一个请求 } }methods: { getData(){ this.queryNum++; var currentNum = this.queryNum; getData(
2020-12-08 14:20:54
1959
原创 自定义单选标签
使用vue+iview<template> <div> <Form ref="formItem" :model="formItem" :rules="ruleValidate" :label-width="120" style="padding: 10px 25px 30px; width: 850px" > <Card> <FormItem
2020-10-23 16:32:33
360
原创 js数组扁平化
Jacascript技巧一——扁平化数组有时候我们需要处理一些特别的数组,如var arr = [1,2,[3,4,[5,6]]上面的数组有多层嵌套,我们需要将他化为一维的数组知道了需求之后我们开始写方法,处理这种数组有多种方法方法一 flat()var newArr = arr.flat(Infinity)console.log(newArr) //[1,2,3,4,5,6]flat(deep)函数可以将指定深度的数组重新排列并返回一个新的数组,接收一个参数,即展开的深度,默认为1这里
2020-08-14 18:27:09
251
1
原创 mongoDB数据库的设置账号
1.以系统管理员身份运行powershell2.链接数据库 mongo3.查看数据库 show dbs4.切换到admin数据库,use admin5.创建超级管理员账号 db.createUser()例子: db.createUser({user:‘root’,pwd:‘root’,roles:[‘root’]})其中:user:后面接用户名,pwd接密码,roles是创建的用户角色6.切换到blog 数据 use blog(blog是我自己创建的数据库)7.创建普通账号 db.creat
2020-08-14 17:56:59
374
原创 vue使用elementUi实现分页代码示例
前端实现分页代码示例:<template> <div> <!-- 表格内容 --> <el-table :data="tableData" style="width: 80%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="nam
2020-06-18 23:47:56
707
原创 hexo+gitee+matery博客主题
此博客网站是在windows上创建,由hexo框架,matery主题制作而成并部署到码云(gitee)上的静态博客页面。博客地址无需前端和后端语言基础。1、下载Node.jsNode.js中的npm包管理工具可以帮助我们下载各种包。下载完成后可以通过下面两条命令查看是否安装成功及其下载版本:node -vnpm -v2、安装淘宝的cnpm 管理器npm install -g cnpm --registry=http://registry.npm.taobao.org该包管理器基于npm
2020-06-02 14:28:47
739
原创 vue项目的创建
第一篇博客关于学习 vue.js 时的一点小经验用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,所以先安装Node.js。关于学习 vue.js 时的一点小经验用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,所以先安装Node.js。安装Node.jsNode.js的 安装包及源码下...
2020-03-18 21:45:24
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人