- 博客(51)
- 收藏
- 关注
RSS订阅原创 如何解决el-select下拉框在ios上 点击两次才能选中的问题
一、移动端截图移动端引用elementUI组件，使用el-select 时，会出现IOS端点击select下拉框后，第一次点击无反应，第二次点击后才选择上，Android手机并没有这个问题，所以查了下资料，它是IOS手机兼容问题导致的，这是只需要添加个样式，这个问题就会解决。解决办法：1、写法一： .el-scrollbar .el-scrollbar__bar { opacity: 1 !important; }2、写法二：.el-scrollbar { > .
2021-08-10 11:32:20
3874
6
原创 Vue 使用v-title时鼠标悬浮，定位获取不到click事件，导致跳转页面悬浮无法消失问题
前言使用v-title进行鼠标悬浮提示，（为了考虑悬浮样式多样化，引用了网上的title.js,然后在js中进行修改，目前样式如下图），引用后样式修改了，但是会出现一些问题，比如悬浮的位置不固定，正常的情况出现在文字的正上方，时而会出现左下方（定位是通过计算的哈，这个可以根据引用的js,自行修改哈），然后目前我的这个项目中出现了一种情况就是，在这个页面中时，鼠标悬浮样式，没有在点击事件之后消失，悬浮还在跳转的页面中，查看了js文件后，发现计算获取并没有问题，但是在鼠标点击跳转的时候，获取不到点击事件“cl
2021-07-08 15:18:45
1639
原创 Vue+ElementUI el-radio列表单选
实现效果：对某条数据进行数据修改步骤：1、添加单选按钮：（点击获取该条信息的id，并将id传给修改按钮）div.<span size="mini" class="select-button" @click="handleItem" v-loading="loadingButton" element-loading-spinner="el-icon-loading">修改信息</span><el-table size="mini" :data="list
2021-03-09 11:09:09
2560
原创 Vue+ElementUI的时间选择器“el-date-picker”结束时间大于开始时间（结束时间在开始时间之前的日期不可选操作）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-03-04 11:25:56
2352
2
原创 学习篇——了解OKR
一、OKR是什么？OKR是什么？该如何使用？我是在偶然间看到这个词，然后很好奇它是什么，就查了下相关信息。OKR的主要目标是明确公司和团队的“目标”以及明确每个目标达成的可衡量的“关键结果”。但是我觉的它不仅仅是对团队，对个人也是非常有帮助的。O是Objectives，KR是Key Results，OKR就是Objectives and Key Results，即目标与关键结果法。是一套明确和跟踪目标及其完成情况的管理工具和方法，被谷歌成功使用，现在逐渐也被很多国内的公司采用。O（Objectiv
2021-02-19 11:52:11
684
原创 学习篇—移动端UI
最近看到几篇关于移动端UI方面的文章，很不错，平时接触移动端方面不是很多，但是看到了以下几篇文章觉的还蛮实用的，希望以后能有所帮助。一、《移动端UI一致性解决方案》美团产品体验不错，这是美团技术团队的一篇文章，他们的文章探讨的也不错，文章从以下几方面讲述（本篇主要围绕“外卖”探讨）1、背景行业现状与问题外卖移动端UI 一致性情况UI一致性项目2、UI一致性整体方案方案全景接入指南方案落地一致性成果3、 设计体系建设外卖DPL组件搭建资源一致性4、 工具链建设积
2021-01-24 20:42:49
422
原创 Vue——ElementUI 如何修改消息提示框样式
前言需求将弹出框添加样式，图1是原图，图2是需要实现的样式，我按照最原始的办法，找到类名，然后修改css,但是无论我新添加个类名也好，还是/deep/深度修改，都无法修改其样式，后经过研究，发现了问题，下面将我的代码和大家分享一下。（图1）(图2)代码分析// 弹出警告提示框this.$confirm('确认删除吗?', '警告', { type: 'warning'}).then(() => { this.$message({ message: '删除成功',
2021-01-04 10:59:59
4320
4
原创 如何制作优秀的数据可视化报告（学习篇）
前言1、高质量数据可视化的优势和益处：数据可视化是指信息和数据的图形化表示。使用图表、图形和地图等可视化元素，数据可视化是查看和了解数据中趋势、异常值和模式的便利方式。在大数据领域，数据可视化工具和技术对于分析海量信息并制定数据驱动型决策而言至关重要。我们的双眼容易受到颜色和图案的吸引。我们能够快速区分红色与蓝色、方形与圆形。我们的文化，包括从艺术、广告到电视电影在内的一切，都是可视化的。数据可视化是可视化艺术的另一种形式，它能够吸引人们的兴趣，并使读者的注意力聚焦在信息上。当我们查看图表时，能够
2020-12-28 10:38:44
3370
原创 如何做 Code Review(读后感)
《如何做 Code Review》原文什么是Code ReviewCode Review是代码评审,代码评审也称代码复查，是指通过阅读代码来检查源代码与编码标准的符合性以及代码质量的活动。
2020-12-23 10:04:07
200
原创 vue之精准查询和模糊查询
if (this.selectData.budgetUnitValue) {let budgetUnitValue = this.tableSearchNode(‘budgetUnitValue’,‘like’,[this.selectData.budgetUnitValue],‘String’);filters.push([budgetUnitValue]);}
2020-12-21 09:18:05
2819
原创 elemnetUI中的嵌套el-dialog弹框中，解决使用custom-class修改样式不生效的问题
举例：<template><div class="main"> <el-button type="text" @click="outerVisible = true">点击打开外层 Dialog</el-button> <el-dialog title="外层 Dialog" :visible.sync="outerVisible"> <el-dialog width="30%" title.
2020-12-14 10:27:49
11836
2
原创 element-ui中el-input搜索框无法回车搜索，而是刷新页面问题的解决方法
用elementUI的搜索框，发现回车搜索无效，而是刷新页面，所以我通过事例来演示一下它的问题，正常添加回车事件@keyup.enter.native后，是可以实现的，但是偶尔会发现它会无效，所以就要用另外的办法，下面通过我的事例来讲解一下。1、事例回车事件@keyup.enter.native<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label="审批人
2020-12-07 09:15:02
1238
原创 vue-i18n vue实现国际化
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-11-30 10:11:56
237
原创 elementui组件如何解决输入框内容清空问题（:ref 绑定控件，$refs 获取控件）
111解决element的表单校验输入框有值但校验未通过的问题2222vue的Element组件上传文件el-upload上传成功后清空
2020-11-24 15:58:29
4399
原创 手机端开发（uni-app、vant、mui）优缺点分析
疫情期间，使用过uni-app，最近又接触了vant，但是由于项目部署原因（项目不支持前后端分离，仅支持静态页Html+css项目），所以最后用mui开发一套。今天就介绍一下，我用过这三个框架的看法以及他们之间的优缺点。一、优点1、uni-app开发时参照uni-app官网会更便捷uni-app是一套可以适用多端的开源框架，是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉
2020-11-17 17:13:57
18265
3
原创 手机端H5开发，屏幕不同尺寸适配方法（屏幕自适应）
最近在接触手机端H5开发，然后设计师将设计图发给我们进行开发，对于第一次接触详细设计图开发的我来说，觉得很新颖毕竟一直没有接触这么正规的设计图（字体样式，颜色，大小等等），之后再开发的时候，就遇到了一个难处。因为设计图是按照px设计，所以以同等大小设计的样式会影响整个页面样式。与此同时发现手机端需要rem适配，所以开发时要将设计图中的px转换为rem来设计下面的这段代码就是px转换rem的换算我们需要设计图的大小：如：750px*1500px将下面的这段代码放到你的css页面内，其他写样式的时
2020-11-12 14:11:21
3870
原创 mui下拉框picker选择器
经常做pc端的下拉框（图一），所以在做手机端下拉框的时候发现很少有图一样式的，然后在网上找了很长时间，发现大多的UI库都是如图三中的展示，所以开始我在努力的往图一样式靠（重新引入的样式组件js+css），花了很长时间，最后还是因为样式和取值复杂而放弃啦图一：然后我开始用其原生的select,虽然样式也改动了部分但是还是觉得有点丑，最后也放弃啦图二：最后由于时间的关系最终决定还是用mui自带的这个picker选择器，虽然丑了点但是改改之后还是可以看下去的。图三：图四就是我用mui修改后的效果，虽
2020-11-03 19:28:51
3792
1
原创 router-view学习篇
最近在写路由跳转时，遇到了一个问题，今天来记录下这个问题问题发现：我在写路由跳转时，用的是 router-link实现跳转 <router-link :to="{ path: '/question',query:{id:id} }"> <span>跳转到A界面</span> </router-link>这个是没有问题的，可以实现，但是我在写的过程中遇到，页面B—>页面B（详情页面点击列表跳转到详情页），这个时候用router-link实现
2020-10-28 20:23:39
1133
原创 “NavigationDuplicated: Avoided redundant navigation to current location: “/personal“（重复路由的解决方案）
今天遇到了一个bug,这个bug出现并没有对页面展示有所干扰，但是看到控制台报错，很不爽，所以查了下问题，发现它是由于路由导航冗余报错也就是路由重复导致的，网上的解决方案大同小异，下面是我的解决办法。1、找到你项目里的 router文件夹下的index.js，然后将下面的代码添加到里面2、添加代码import Vue from 'vue';import Router from 'vue-router';const originalPush = Router.prototype.pushRout
2020-10-18 15:19:30
1329
原创 display:table-cell自适应布局
这几天遇到了一个布局问题，然后有时间就记录一下，常见的几种布局外，float、position： absolute等等；还有一些功能强大且好用的布局方式，display：table-cell做学习总结。之前很少使用，但是接触过，作者：神秘者007链接：https://www.jianshu.com/p/207f1cebb7b2来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。上面是我现在实现的布局样式下面是我要实现的布局样式这个布局很简单就是左右布局，但是没想
2020-10-18 15:19:13
1451
原创 事务消息的日志（RocketMQ ）
前言提示：这篇文章主要是我通过查找各种资料然后了解熟悉事务消息日志，以及使用 RocketMQ 事务消息，实现分布事务，RocketMQ的优缺点等，还在不断的了解当中，希望通过我查找记录的内容，对后续的使用会有所帮助。一、什么是事务消息（Transactional message）？RocketMQ官方是这样定义的。可以将其视为两阶段提交消息实现，以确保分布式系统中的最终一致性。事务性消息确保可以原子方式执行本地事务的执行和消息的发送。1、事务状态事务消息有3种状态（1）Transaction
2020-09-20 19:39:32
660
原创 vue 组件插槽solt 的使用
DocumentFragment对象是什么？https://www.cnblogs.com/echolun/p/10098752.html
2020-09-20 18:37:41
607
原创 vue中使用mock实现前后端分离
这里写自定义目录标题接触mock如何使用mock如何安装：总结接触mock最近在进行项目重构，需要实现前后端分离，所以在开发的过程中就接触到了mock，在使用过程中，也发现它有一些好处，转载：作者Fuohua的一片文章《Mock的好处是什么？》1. 团队可以并行工作有了Mock，前后端人员只需要定义好接口文档就可以开始并行工作，互不影响，只在最后的联调阶段往来密切；后端与后端之间如果有接口耦合，也同样能被Mock解决；测试过程中如果遇到依赖接口没有准备好，同样可以借助Mock；不会出现一个团队
2020-09-09 19:19:25
478
原创 制作PPT分享宝典
前言ppt：全称：MicrosoftPowerPoint，是微软公司生产的办公软件之一，ppt是演示文稿【word：文本文档，excel：电子制表软件，工作簿】，可以用来做课件、工作总结等，但是国内通常我是比较热衷使用WPS办公软件，特别痴迷它的模板和素材，使用起来很方便，手机和PC端可同步，所以操作起来很上手，值得新手使用以下是我多次制作PPT之后的经理，分享给大家，希望可以帮到你们。下面的案例可供参考一、以下是我平时会用到的PPT资源给大家分享几个个PPT资源导航站地址：http://www
2020-09-02 18:19:23
393
原创 待办推送流程图（泳道图）及详解
今天和大家分享一下一个可供参考的待办推送流程方案，本人也是经过多次询问修改后，整理出下面的流程图。详细说明下流程和思路：待办推送流程分为2种状态登录状态用户在线期间在详细讲解2种状态前，首先讲解一下待办系统推送功能待办系统实时获取待办信息，无论用户是在线还是离线，它都会将待办信息推送给我们的数据库进行保存，当用户访问后再从里面获取信息。推送过来的待办数据一共存在2个表内，1、日志表（存全部）2、待办信息表。当数据存完日志表后，进行存储待办信息表，首先判断是否是数据库中的用户，如果不是就不
2020-08-25 11:41:52
3364
原创 实时获取在线用户数量（自定义每10秒获取一次）
实时获取功能结合了项目的整体框架，采用websocket方法，实时获取数据，将数据推送到前台，前台获取之后显示的方案。
2020-08-18 14:10:23
1188
原创 如何快速的熟悉对接新项目，并快速融入开发
最近项目组有几位大牛过来对接项目，对接时并没有聆听他们对接过程，所以对于这次博客起初想记录时是有些困难的，因为很陌生（对于小白的我来说）。后来听对接的同事说，他们在对接时主要就分为两点。1. 明确项目方该项目的流程2. 明确项目方该项目遗留的问题及漏洞虽然只是短短2点，但是我能了解到他们是根据这2方面进行深度挖掘，从熟悉到了解新项目的过程。为了能够更加了解熟悉对接的过程和内容，我找到了几篇关于此方面内容不错的文章，通过学习并大致总结下他们的内容，希望通过此次学习能将这些知识化为己用。以下是我找到的几篇
2020-08-11 15:01:28
1678
1
原创 element-ui中el-table列文字超出部分省略加悬浮提示
当我们表格内文字过多时，它会自动换行显示，但是它改变了表格的行高，效果看起来有些不美观，所以我们把多余的字用悬浮显示。原图：更改：:show-overflow-tooltip="true"//el-table字体长度过长，浮动显示我们在代码中添加<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop
2020-07-29 11:40:25
7650
原创 （一）如何解决 unexpected token: 1 near line 1, column 14 [SELECT count(1) FROM XXX ？
我在业务层（service）中写sql语句时发现控制台报错。我的需求是写一个根据在线用户查所有条数于是我的sql语句就是String hql= SELECT COUNT(*) FROM user_list WHERE online_user = '0'在数据库中执行是ok的但是在后台运行起来就报这个错误“unexpected token: 1 near line 1, column 14 [SELECT count(1) FROM XXX ”处理方法：1、看到报错我找到了相应位置，检查
2020-07-29 10:28:27
10732
原创 在线用户日志（在线用户列表）思维导图
最近再写一个关于现实在线用户列表的日志，一开始我只知道说是通过websocket来判断，但是没有深研究，加上时间紧迫，所以觉得好难完成哦！不过后来慢慢的静下心来，发现一点一点是可以解决的，只不过对后台略有不熟，所以当我写完之后发现出错也不能及时解决，以及它在这个里面是不能这么用的，等等。不过通过同事的协助还是成功的完成了任务。当时的错误有很多，我会慢慢回忆然后记录下来。在线用户列表日志设计思维导图这篇代码太多就不记录了，我就把这个构思想法记录一下。如果有出入或者不对的地方，请多多指点，本人一定会虚心
2020-07-27 17:18:05
319
原创 接口遇到的坑（一）
我在前端写接口发送请求时，发现请求失败此项目在我的另一篇文章。根据AD账号直接单点登录到第三方系统jumpUrl(item) { //B系统单点 if(item.title == "B系统"){ const params = new FormData(); params.append("userAd", sessionStorage.getItem("userAd")); this.$post("/getbsystemkey", params)
2020-07-27 14:41:25
256
原创 根据AD账号直接单点登录到第三方系统
上周在做一个单点登录的任务，今天有时间就整理一下，当时遇到的问题很多，我会慢慢的回忆记录下来。首先这个单点登录我们要构思一下：之前的版本是，跳转的链接url是个固定值，它保存到了数据库，我们点击后输入账号密码登录，它是直接从数据库中获取。而现在我们想要实现的功能是，在A系统通过AD账号登录，直接在A系统内点击B系统图标或文字直接跳转到B系统，无需通过账号密码的其他操作直接进入。同时我们也要保障我们传过去的AD账号一定是安全的（不能明文输出），这时需要我们做个加密和解密的过程。这是我做的一个流程图，仅供
2020-07-27 14:39:22
1480
原创 element-ui弹出组件的遮罩层在弹出层el-dialog的上面
今天又遇到了这个问题，之前遇到过一次，但是没有记录，今天刚好记录下，增加下记忆加完问题：加完el-dialog后，测试发现，遮罩层在弹出层上面。解决办法：1、给el-dialog的父元素添加z-index属性，一定要比遮罩层的大z-index：2000//此为样例2、如果第一个办法还是不能解决，我们就用第二个办法。出现这个状态的原因：可以检查下我们的代码布局样式，在dialog的组件外层div我们设置了 position：absolute 属性，这个属性导致遮罩层会在最上面。解决办法：
2020-07-23 09:25:29
3741
3
原创 VUE点击按钮切换字体颜色
前几天我朋友在学vue,在写一个关于点击按钮切换字体颜色的demo,我于是就看了一下，按照我的想法我是这么写的代码如下：<template> <div> <p :class="{a: !isShow,b: isShow}">RUNNING MAN</p> <button @click="isShow=!isShow">点击</button> </div></template>&
2020-07-16 16:47:50
9001
原创 如何解决 Uncaught SyntaxError: Unexpected token ‘＜‘
首先看到有可能会想到是不是我们写的没有闭合，所以仔细的检查下发现并没有，然后在仔细观察了下发现是这个问题JS引入失败，检查好JS的引入路径，重新写一下就OK了
2020-07-16 14:33:41
10224
原创 如何解决VUE中报错 “ Property or method “xxx“ is not defined on the instance but referenced during render.”
今天记录一下这个问题，之前好几次遇到，尝试各种办法就是无法解决，后来发现是自己的粗心导致的问题。起初检查代码发现并没有什么问题。后来发现个严重问题每次情不自禁的就自己打，打着打着单词就拼错了。错误：date()正确：data()如果怕自己打错，就按照提示的来，保准没错。下面为了印象深刻，就看看Vue的data属性Vue中的data属性专门用来以对象方式存放数据，它有两种用法。var vm=new Vue({ data:{a:1,b:2,}, })var vm=ne
2020-07-14 10:25:42
107790
30
原创 H5（移动端）如何在测试环境下单点登录到第三方网站（前端jsp）
昨天根据项目需要，需要在测试环境下进行单点登录跳到第三方网站，所以看了下代码，然后开始写，但是由于自己的粗心大意错了2个地方（1、多加了个双引号，2、单词大小写写错，导致参数不一致无法传值），耽误了半天。一、前端index.jsp<li> <a href="${otherUrl }" > <img src="app/img/other.png"> <div class="otherUrl "> <div class="title">
2020-06-30 17:06:54
1110
转载 你和别人沟通产品需求时，都有哪些要点和技巧？
转载：人人都是产品经理V———— / BEGIN / ————本人所在的公司是一家创业型公司，由于商业闭环没有打通，在公司发展过程中，就会需要对外接洽一些项目，承接作为公司业务之一进行对应开展。也因为如此，所以才有幸担任了多个项目的产品经理一职，经历了多个产品从0-1的全过程。由于在小厂（小公司）工作，所以人员方面都是能者多劳，并且项目开展比较粗暴，基本上精简下来就是一句话：怎么最快，就怎么来，期间能省掉的都省掉。所以，我身为产品经理一职，为了产品的快速准确落地以及项目的顺利开展，沟通需求的时.
2020-06-28 17:30:16
357
原创 MD5加密——简单易用
最近接触的一个问题，记录一下，学习学习需求是：把一个url其中的个别参数用MD5加密。代码样例如下import java.io.UnsupportedEncodingException;import java.math.BigInteger;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;public class Test { public static void main(
2020-06-16 13:59:58
243
原创 PaaS部署项目（OpenShift应用上线手册）
OpenShift应用上线手册1、账户基本信息2、将后台服务端项目部署到Tomcat上2.1将项目打成war包2.2新建project2.3将war包上传到自己的gitlab上，并复制其git地址3、War包应用上线流程3.1上传war包至gitlab3.2部署3.3Build添加认证信息3.4应用访问3.4.1集群内应用调用（应用a和应用b都部署在Openshift内，应用a调用b的地址）3.4.2集群外访问(浏览器访问，或者非Openshift集群内的应用调用)4Jar包应用上线流程4.1上传Jar包至
2020-06-14 22:34:57
1571
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人