自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue+js手动实现微信上传图片选择功能

vue+js实现微信图片选择

2022-07-01 10:58:52 509 1

原创 前端面试题

前端面试题最近前端面试真题包含H5 C3 Vue JS React附答案 (xmind格式 手机下载思维导图App打开 pc下载xmind)链接: 原文件链接 提取码: te65 复制这段内容后打开百度网盘手机App,操作更方便哦

2021-05-19 16:03:10 212

原创 Vue中表格数据处理

最近在做一个后台项目,里面用到了大量的表格,在element动态添加表格数据的时候,会根据每行的id展示不同的数据。但是在没有后端的情况下啊,把数据放一个数组里面会出现错乱,比如我点击第二项的添加,第一项添加的数据也会显示出来,name我们要怎么办呢?思路:1、先创建一个大的数组,用于模拟后端数据库。2、根据每一项的id不同,去大数组里面获取数据。3、在添加的时候,根据id进行判断,只显示和当前id一样的数据4、再添加的时候,把数据分别push进两个数组话不多说 直接上代码第一步在data中先定

2020-06-17 20:58:00 2034

原创 解读事件委托

当网页中需要触发的事件比较多的时候,为了避免内存泄露,我们可以把事件注册到其父元素上,这样整个父元素就只有一个事件,避免直接吧事件注册到多个对象中。<div> <p> 这是第一个 p</p> <p> 这是第二个 p</p> <p> 这是第三个 p</p> <span> 这是 span</span> ... <p> 这是第一百个 p</p></div&g

2020-05-18 22:02:58 188

原创 二维数组转数组包对象格式

在开发中经常会遇到类型转换的问题,比如最常见的二维数组转数组包对象格式//原数组var arr = [["zs",18],["ls",20],["ww",55],["zl",30]]我们想让他变成直接上代码 <script> var arr1= [] var arr = [["zs",18],["ls",20],["ww",55],["zl",30]] arr.forEach((i,k) => { var obj = {} //注意 :这里有坑

2020-05-08 22:30:46 766

原创 简洁,快速实现vue路由跳转保存当前页信息

使用vue做后台管理的时候,经常会遇到复选框状态在路由跳转的时候就销毁了,我们希望在路由跳转时复选框的状态继续保持。使用vue自带的组件 keep-alive完美的解决。先来看一下keep-alive的定义 vue官网对keep-alive介绍使用方法在APP.vue页面里添加 keep-alive<keep-alive> <router-view v-if="$...

2020-04-24 17:53:42 4183

原创 百度地图API中本地检索功能与输入框结合使用

使用百度地图API中的本地检索功能,使关键字为input的输入值<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scala...

2020-04-23 18:11:27 3444

原创 数组里面的字符串转数值

在前端开发中经常会用到数组中的字符串转数值(比如使用百度地图API的时候 经纬度是数值类型,但是有时候后端给我们传过来的时候可能是字符串包数组的格式)我们可以使用eval方法就可以完美的解决以上的问题<script> var arr = '[[324,234],[57,567],[436,12],[24,98],[3251,316]]' console.log(arr) ...

2020-04-22 18:26:06 1048

原创 vue 处理 数据排序问题

在没用外用组件的情况下通过原生解决数据排序问题直接上代码html(代码可能有些冗余,请大神们忽略) <div> <div class="all"> <span style="flex:2">总计</span> <span style="flex:1">--</span> <spa...

2020-04-16 14:52:05 1027

空空如也

空空如也

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

TA关注的人

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