1 帅燊

尚未进行身份认证

我要认证

软件

等级
TA的排名 7w+

js文本内容显示6行,超出6行出现显示更多按钮,css样式超出行数只能使用...去替代

js处理文本内容显示6行,超出6行出现显示更多按钮,对于网上说的css样式处理,基本上都是超出6行使用…去处理,不符合需求,先看结果,再看需求:如下先看实现结果,如下图所示:需求:产品经理提出详情信息中默认只展示6行,超出6行后,显示“展示更多”按钮。分析:小编接到这个需求也是一脸懵,经过几天的闲时思考,终于实现!对于网上说的css样式处理,基本上都是超出6行使用…去处理,不符合需求,所以还得分析,如下1,宽度不定(移动端),高度不定,文本内容不定(文字可以是汉子,字母,数字等),几乎什么都不确

2020-06-20 00:14:55

前端js ajax或axios封装请求形式为Request Payload的数据问题

问题:对接过程中使用postMan或者其他工具在对接的时候发现请求中使用的是Request Payload,对于一个有工作经验但是没有主动去配置axios的来说,确实是需要查资料的,开发过程中与后端人员对接接口一直对接不成功,问题在于前端架构师没有配置。问题现象:在开发过程中,我们请求一直如下图所示,请求方式有post和get,但我们请求的Content-Type一直是如下图所示的(Content-Type: application/x-www-form-urlencoded;charset=UTF-8)

2020-06-18 12:39:11

解决el-dialog弹框出现后页面滚动条可滚动问题

问题:el-dialog弹框出现后页面纵向滚动条可滚动问题实现效果:当弹框出现后,滚动条不可使用即不可纵向滚动发现问题:在开发中在body元素上添加overflow: hidden;发现不起作用,以为滚动条出现在body下的某个div上,经过大量时间的排查,最后发现滚动条是出现在html标签上。于是在html上使用“overflow: hidden;”后,将body的标签上使用overflow: auto;解决问题:使用如下标签:html {overflow: hidden;height: 10

2020-05-26 18:19:37

解决el-dialog弹框引起的body抖动问题

解决el-dialog弹框引起的body抖动问题1,开发中发现使用el-dialog出现抖动的问题,找了好久才找到解决问题的方法。2,解决该问题在el-dailog上添加:lock-scroll="false"代码如下: <el-dialog :visible.sync="auditFlag" :close-on-click-modal="false" custom-class="my-dia

2020-05-25 17:51:09

vue项目中实现按钮可随意移动

vue项目中实现按钮可随意移动组件代码如下:在项目中引入该组件即可<template> <div v-show="hide" class="move-button" ref="moveBtn" @mousedown="btnDown" @touchstart="btnDown" @mousemove="btnMove" @touchmove="btnMove" @mouseup="btnEnd"

2020-05-14 09:57:17

idea-2020代码自动编译

问题:在网上找了好多自动编译的方法,idea总是不能自动编译,要么写的不清晰,要么写的不能自动编译,本人通过以下方法的设置,写完代码后idea便自动编译了。方法如下:1,点击idea中的Run中的Edit Configurations…,如下图所示:2,点击Edit Configurations 后,如下图所示,选择如下图的选项3,在File中选择Settings4,在Setting页面中,在 Build project automatically选项中打钩,如下所示。...

2020-05-13 16:40:45

将网站主题变成灰色

filter: grayscale(100%);如下图所示:

2020-05-13 16:22:24

css文字过长时超过宽度使用省略号

css文字过长时超过宽度使用省略号关键代码块:overflow: hidden;text-overflow:ellipsis;white-space: nowrap; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width: 260px;...

2020-04-23 17:26:43

css3 使用flex时,头部出现抖动问题解决方法

问题描述:在开发中发现头部出现抖动现象,造成抖动的现象有多个,如下:①,页面中使用v-if和v-else时 同时使用img标签,img标签的宽度不同,会有抖动现象②,使用css3使用flex布局时,造成抖动现象。解决方法如下:使用 min-height 可解决问题(ps:这个问题是在我项目环境下解决的,不同的问题可能是不同的环境下造成的)...

2020-04-23 16:44:44

router.beforeEach死循环问题

router.beforeEach死循环问题1,router使用了beforeEach,项目中如果未登录,需要直接跳转到登录页面,由于没有做判断,直接 next(’/login’),这样会导致路由死循环,所以在这里做判断后直接next();2,下面代码使用了三目运算符,如果要跳转的路由是login的路由,就直接执行next()router.beforeEach((to, from, next...

2020-04-21 09:26:04

git-分支操作

1,分支的好处同时并行推进多个功能开发,提高开发效率各个分支在开发过程中,如果某一个分支开发失败,不会对其他分支由任何影响。失败的分支删除重新开始即可。2,分支操作新建分支,查看分支:...

2020-04-14 23:36:29

git-比较文件差异

git 比较文件差异提交到暂存区后,比较不了差异:使用git diff HEAD 文件使用历史版本比较不添加文件名时候,会把当前工作区的所有文件进行比较...

2020-04-14 21:53:27

git-删除文件后找回

1,git提交到本地库后进行删除23使用git reflog查看,并使用git reset找回二,添加到暂存区的删除文件找回总结:

2020-04-14 21:28:43

git命令-查看历史记录-git log

git命令-查看历史记录-git log可以使用 git log 查看历史记录命令: git log1, gti log多屏显示控制方式空格向下翻页b 向上翻页q 退出2git log --pretty = onlone3 git log --oneline4 git reflog到某一个版本需要移动几步?HEAD@{移动到当前版本需要多少步}5 前进后退...

2020-04-13 22:56:19

git命令-本地初始化

1,本地初始化项目命令: git init2, 使用git status可以查看状态3, git add 文件4,git rm --cached5,将文件从缓存区添加到本地库命令: 使用git commit 文件 备注注意:如果没有备注 ,会弹出如下界面:此界面是让添加文件备注信息,添加备注文件信息保存即可!添加完备注信息之后,如下所示!6 修改文件 查看状态7...

2020-04-12 21:53:52

修改浏览器滚动条,滚动条背景为白色

修改浏览器滚动条,滚动条背景为白色如图所示:代码如下:::-webkit-scrollbar { width: 5px; height: 5px;}::-webkit-scrollbar-thumb { height: 30px; background-color: #999; -webkit-border-radius: 7px; o...

2020-04-09 10:11:36

div中字体足够长时自动换行

div中字体足够长时自动换行使用word-break:break-all

2020-04-08 17:24:48

vue项目中图片加载不到时,使用默认图片替换

vue项目中图片加载不到时,使用默认图片替换解决方法:①使用三目运算符②使用onerror <img :src="item.photo ? item.photo :''" alt="头像" class="photo" :onerror="defaultImg" />co...

2020-04-08 17:02:35

vue使用v-infinite-scroll实现滚动条边滚动边加载

vue使用v-infinite-scroll实现滚动条边滚动边加载1,安装v-infinite-scrollnpm install vue-infinite-scroll --save2 在main.js中引入import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)3,使用<div v-i...

2020-04-08 11:35:28

ElementUi中Cascader级联选择器 回调问题解决

ElementUi中Cascader级联选择器 回调问题解决1,在开发中使用了Cascader级联选择器,应用于省市联动的效果,发现问题:数据回调时不显示。2,解决方法:使用ref进行回调处理。this.$refs.cityShow.presentText ="复制";// 首次手动复制关键词是“presentText”详细问题描述:Cascader级联选择器中使用的是props进行...

2020-04-03 21:23:36

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。