自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 文本内容超出行数限制显示‘展开/收起’功能

文本超出行数显示 收起/展开 功能,亲测兼容

2022-07-31 03:19:32 2966 1

原创 react+dva页面上滑加载数据功能

react+dva实现页面上滑加载数据功能场景: 原PC页面分页展示的数据,现在为了用户使用方便,支持手机端就能随时查看;也就是说把本来PC展示的内容按照移动端的要求移植到手机上。于是老后端为了提高开发效率、节约开发成本,直接把原PC端分页接口甩在了我的脸上(这种情况基本上会经常碰到)。很多情况下前后端要做的功能是可以互相甩的,就看谁理由逼格高、语气态度硬。当然我是那种热爱和平的人,如果别人嗯嗯啊啊推辞不愿做而自己又能做的事就不会去争的面红耳赤,毕竟代码敲的越多自身的收益也就越大,一味的甩锅和逃避就会

2021-07-28 22:58:47 470

原创 calc计算宽高结果不是预期值的坑

calc计算宽高与实际值不符在web页面中,针对不同屏幕大小,合理的使用 calc() 方法可以让页面拥有更好的体验性。在使用此方法时只要稍微注意运算符前后有空格即可,然而今天遇到的情况让我觉得我又tm涨姿势了~情况是这样的:要给一个列表加一个高度,超出高度后进行滚动,由于我用的是笔记本,生产环境基本上都是使用的台式机,写死固定高度肯定不行,于是写成了这样 height: calc(100vh - 291px); overflow: auto;Everything looks lik

2020-12-08 17:22:06 571

原创 git代码获取和提交操作

简单git代码操作一,代码获取git clone https://gitee.com/***.git二,代码修改提交修改代码添加到本地git add .代码提交git commit -m “修改描述”推送到远程git push三,多人开发本地修改后更新到最新代码在进行提交代码存储git stash更新分支中别人推送的代码git pull将存储的代码合入git stash pop此时代码为分支中最新代码和本地修改的总代码,然后进行步骤二中的提交操作,就不会

2020-10-24 12:03:51 449

原创 向后台接口传递FormData格式的数组对象

向后台接口传递FormData格式的数组对象在js中,new FormData() 对象后,可以通过 append(name, value) 的方式往该对象中添加添加数据。然而append的值只能是字符串或者文件的格式,对于复杂的数组中包含对象的数据怎么添加呢?下面是我使用的方法:后台接口要求的入参格式:<input type="text" name="title"/><input type="file" name="file"/><input type="te

2020-10-15 22:53:08 14811 6

原创 vue+wangeditor动态添加/删除富文本功能实现及问题解决

vue+wangeditor动态添加/删除富文本功能实现及问题解决前言: wangeditor是一个很好用的前端富文本编辑器,其功能强大,简单易上手让我这种前端小白简直爱不释手,然鹅在强大的工具或多或少都会有点小问题。今天就跟大家讲一下我在动态表单中使用它出现的问题以及最终的解决方法,有更好解决方法的大佬,欢迎不吝赐教。说明:本次案例使用的是wangeditor V3,不同版本请自行参考其官网使用文档V3官网基本用法说明: 1,安装:npm i wangeditor@3.1.1 ;2,var E

2020-10-15 22:52:44 4300

原创 label+input自定义文件上传功能

文件上传与已选择文件删除功能实现前言:有些时候只需要在点击一个按钮、一段文字或者一个小图标就能实现文件上传的功能,而使用封装组件的上传模块需要做很多样式方面的修改,操作起来有些得不偿失,这个时候就需要自己动手做一个简单的上传功能了。思路: 使用label标签的标记input(type为"file"),同时将input进行隐藏;点击label中的内容时即可触发文件上传,在删除已选择的文件时,在将input值改成null即可,实现代码如下:。html代码: <label for="input

2020-10-11 19:49:09 979

原创 vue+elementui动态表单值的绑定与校验

动态表单值的绑定与校验我们都知道,为了让使用者更简单高效的开发,vue使用了表单元素双向绑定的模式。使用时每个表单元素都会在data中对应一个写死的变量,然后通过v-model进行绑定(v-model实现原理此处不做赘述,官网讲解很到位,面试基本会问到,请自行参考)。这种用法是最常用且易上手的,但是如果需求让我们做一个统一的组件,根据后端返回的json数据动态展示成相应的input、select、textarea、radio等元素,这种情况由于数据都是不确定的,之前的方法貌似有点行不通,怎么办呢?假

2020-09-10 10:52:06 3976

原创 vue+elmentUi实现table列筛选动态展示功能

table列筛动态选展示功能的实现前言: 用过elementUi的小伙伴都知道,用它配合vue来写前端页面是很爽的,在大多数情况下,直接拿过来使用就能满足产品需求。就拿table组件来说,从简单的表格展示到到复杂自定义,开发者把很多可能涉及到的场景都考虑了进来。但是细心的你可能会发现,在使用table组件的时候,行是动态加载的,很多的操作都是对行进行的,而列是在一开始使用的时候要展示哪些列就写死了,如果展示的列很多,就算使用了固定列啥的冻结,用户在操作的时候依然会有很多不便,那么能不能通过筛选操作动态的展

2020-08-15 19:10:37 4405 16

原创 mac解决删除cli2报错:permission denied, access ‘/usr/local/lib/node_modules/vue-cli/node_modules/ansi-wrap‘

vue脚手架3安装及卸载vue-cli报错的解决vue cli3安装官方描述:程序包名称从更改vue-cli为@vue/cli。如果vue-cli已全局安装了以前的(1.x或2.x)软件包,则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli。Vue CLI需要Node.js 8.9或更高版本(建议使用8.11.0+)。安装:npm install -g @vue/cli由于我之前在mac笔记本上安装过脚手架2,所以要使用脚手架3

2020-07-26 03:15:30 594

原创 vue实现audio进度拖拽播放及拖拽播放问题解决

vue+elementUi简单实现audio拖拽播放*前言:*很久之前做过的一个录音播放功能,当时播放拖拽进度的时候出现了进度条拖到目标位置松手后又退回去的bug,现在想起来把实现过程和解决方法简单再写一遍,希望能给需要帮助的同学提供一份参考。本次小demo使用了elementUi中的slider,font-awesome中的播放图标,vue中安装及使用方法如下:npm i element-ui font-awesome -S然后在main.js中使用引入elementUi:import

2020-07-04 21:00:50 4749 12

原创 宽高不定div水平、垂直居中

宽高不确定div居中宽高不定的div水平垂直居中在前端页面布局中经常用到,它能够根据当前页面的大小做到自适应,使页面展示更协调;由于比较重要,因此在前端面试的时候此知识点会经常被问到。水平垂直居中方式一:使用flex布局:<body> <div id="div1"> <div id="subDiv1"></div> </div></body><style> html,bod

2020-07-03 16:07:21 559

原创 js中数据的深浅拷贝

数据深浅拷贝前言: js中数据分为基本类型和引用类型,基本类型变量在使用时可以被直接访问,不存在深浅拷贝一说;而引用类型,由于其值变量存放在堆中,栈中存放的是指向堆中值的地址,所有在使用引用类型变量时,使用的是栈中的引用地址。深浅拷贝:简单来说就是把object类型的数据复制后进行修改,修改后的值对原值没有影响为深拷贝;反之,改变了原值就是浅拷贝。由于object数据在复制后操作会影响到原值,在某些情况下并不是我们想要的,想要解决这个问题就要用到数据的深拷贝,对于数据深拷贝,本人比较喜欢如下两种,

2020-07-03 10:46:53 285

原创 vue项目中图标可拖拽功能实现

vue项目中页面实现图标拖拽功能最近在做项目需求时有个小功能:在页面的首页增加一个快速功能按钮,用来满足操作者快速实现某一目的渴望。为了体现代码搬运工的气质与水准,当时心想,这么简单的一个小东西必须给它整的明明白白。于是在页面的左上角完美的位置fixed了一个完美的图标,并配上骚气的颜色。就在一切功能都测试完毕,静待发版部署生产环境的时候,产品告诉我,这个按钮要在所有页面都有,而不单单只在首页!...

2020-04-25 15:46:58 4569 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除