![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作问题记录
文章平均质量分 59
弹指歌丶
立于浮华之世,奏响天籁之音。
展开
-
h5弹幕动画——解决部分手机兼容问题
前言上次的弹幕动画效果是已经实现了,但是由于手上的手机有限,没有测试出对部分手机的兼容问题, 同事测试出了,该弹幕效果在iPhone6s上不兼容,弹幕未移动到屏幕左侧就已经消失了。解决过程我初步的想了一下,未到屏幕左侧就消失,那一定是动画结尾所处位置计算的不正确,也就是transform: translateX(calc(-100vw - 100%))这句代码中calc内的100%为0,这就导致了bug的发生我首先想从兼容问题上下手解决,后来发现这个实在不大可行之后我就想,可不可以像其他动画效果原创 2021-01-05 09:09:25 · 486 阅读 · 0 评论 -
h5移动端循环弹幕动画实现
需求有一个不定长度的数组,数组中是弹幕的文字内容,移动到弹幕页面时从数组第一项开始循环滚动,与顶部距离随机、两条弹幕间隔时间随机、弹幕速度随机。先看一下最终效果:思路做好一个div的弹幕动画效果,记下影响其高度、速度的css属性循环遍历数组,通过定时器函数根据不同间隔依次添加dom元素递归进行函数调用,并且在离开页面时销毁所有定时器、清空弹幕div代码首先先做一个带动画的div,编写动画keyframes,其实动画就是从屏幕的最右侧到屏幕的最左侧加上弹幕自身宽度的距离,这个距离是可以通过原创 2020-12-28 17:22:56 · 1805 阅读 · 0 评论 -
关于Code Review的文章读后感
前言文章链接:万字详文告诉你如何做 Code Review!最近看了这篇关于Code Review的文章,进行一些总结,记录一下体会。为什么要做Code Review代码可以呈现出一个程序员的思维,是设计理念、原则真正落地的地方,在review中,大家可以真正意义上进行思想的碰撞,互相学习,可以营造出浓厚的工程师交流氛围,使大家都掌握团队中最好的实践方式。像我们这种普通工程师,就是要不断打磨最佳实践方法论、落地细节。什么样的代码是坏的代码在review的过程中,总会遇到一些坏的代码的,在文章原创 2020-12-23 02:55:12 · 273 阅读 · 0 评论 -
linux对已有lvm分区进行扩容
linux对已有lvm分区进行扩容问题描述服务器原本有一个1t的硬盘,后新加了一个1t硬盘,现在要把这个新加的合并到原有的分区上。分区pv(physical volume)即物理卷,就是物理磁盘,可以通过fdisk -l 查看操作系统有几块硬盘vg(volume group)即卷组,就是一组物理磁盘的组合,里面可以有一块硬盘也可以有多块硬盘lv(logical volume)及逻辑卷,就是在VG(指定的物理磁盘组)里面划分出来的简单来说,pv就是硬盘,vg就是负责管理硬盘的,lv就是展现给原创 2020-12-01 23:52:15 · 754 阅读 · 0 评论 -
vue项目部署到非根路径时需要进行的修改
vue项目部署到非根路径时需要进行的修改由于项目需要,我们将项目部署到了非根路径原创 2020-11-18 00:04:20 · 440 阅读 · 0 评论 -
office2016、2019提示office正在更新,卡住一分钟之后提示0xc0000142错误解决办法
office2016、2019提示office正在更新,卡住一分钟之后提示0xc0000142错误win+R输入services.msc2. 将Microsoft Office即点即用服务设为自动,并重启3. 启动成功!原创 2020-11-10 09:54:02 · 2334 阅读 · 2 评论 -
统一邮件服务(用于统一各个系统发送邮件功能,记录历史信息)
业务场景统一各个系统发送邮件功能,记录历史信息,未来会添加短信、服务间通信等功能,算是一个消息中心的雏形泳道图文字流程用户登录注册以及历史信息查看用户注册:1)、用户输入用于发送邮件的ad账号及密码,通过ldaaps验证之后将密码加密存入数据库等待发送邮件使用2)、注册成功后跳转到用户信息页面,展示用户基本信息以及用于调用发送邮件接口的key用户登录:用户输入注册的ad账号及密码,与数据库中的密码进行校验,如果不一致则提示“若您已经修改邮箱密码,请点击修改密码按钮进行密码修改”用户修原创 2020-08-25 09:23:58 · 686 阅读 · 0 评论 -
element-ui使用Message,出现相同消息提示时只弹出一个的解决方案
最近在项目的使用过程中,出现了网络异常时所有接口同时报了同样的错误消息提示,所以为了解决这个问题决定要出现相同的消息时只弹出一个提示框。在这里我找到了以下两篇文章:https://blog.csdn.net/dongguan_123/article/details/101290164https://blog.csdn.net/Linho/article/details/105856686创建一个js文件/**重写elemen-ui的message,防止出现同一时间弹出多个相同信息的messag原创 2020-08-17 17:49:02 · 1696 阅读 · 0 评论 -
如何快速对接一个开发中的项目
工作上周项目组新来了几位技术大佬,过来负责带领我们做项目的重构、升级、完善等工作,在与我们这些菜鸟对接时候,主要关注了:项目的各方面信息,通过项目组成员叙述、需求文档、汇报PPT、项目源代码、部署平台环境等等方面进行全面了解,对项目状况形成一个清晰的判断。项目现存的问题及其出现频率,并通过具体的场景判断问题本质原因。了解项目当前所处于的阶段,对工作内容进行一个具体的划分。在上周初步对接的过程中,也有一些BUG出现,在他们不是很熟悉的情况下,与我们沟通了BUG出现的场景以及出现的频率,捋顺了项目原创 2020-08-12 02:01:19 · 1787 阅读 · 0 评论 -
element-ui的el-autocomplete组件(带建议的输入框)根据输入进行提示,并在以特定符号分割时重新提示
需求我这里需要对用户输入的内容进行提示,然后用户输入了特定的分割符号时,重新匹配提示遇到的问题以及解决问题方法这个组件本身是点击某个建议就将对应的value直接赋值给v-model绑定的值,所以不符合现在的需求,这里赋的值需要更改为“最后一个分割符号及其之前的值 + 所点击的建议项的值”。解决的方法是在返回建议项的方法中(fetch-suggestions),给每一个建议项添加一个msg的属性用于存储输入框中应该展示的值,之后在点击建议项的回调函数中(select)将msg的值赋值给v-model绑原创 2020-08-03 01:00:04 · 1215 阅读 · 0 评论 -
echarts图例组件限制文字宽度及点击图例高亮对应数据图形
限制文字宽度由于图例多并且每一个部分文字比较长,而图表又限制在右侧比较小的一个位置,导致无法看到翻页按钮,所以就决定限制一下文字宽度。legend: { type: 'scroll', pageIconColor: '#409eff', tooltip: { show: true, trigger: "item", triggerOn: "mousemove", }, // 主要是这里实现的,给每个文字设置了textstyle限制其宽度 // 使其超过这个宽度换行 for原创 2020-07-27 01:59:32 · 2081 阅读 · 0 评论 -
基于vuedraggable实现拖拽排序组件
基于vuedraggable实现拖拽排序组件安装npm install vuedraggable引入import draggable from 'vuedraggable'使用<template> <section id="home"> <article class="container"> <div class="middle"> <draggable v-model="middleContent" hand原创 2020-06-27 23:53:42 · 468 阅读 · 1 评论