- 博客(14)
- 收藏
- 关注
RSS订阅原创 数组变异方法和非变异方法的总结
区别：1.操作数组的方法中，分为变异方法和非变异方法。2.其中，变异方法意味着会改变原数组，而非变异方法则只会返回一个新数组，不会修改原始数组数组变异方法：push() //数组尾部追加一个元素 pop() //数组尾部弹出一个元素 shift() //数组头部弹出一个元素 unshift() //数组头部插入一个元素 splice() //删除或替换某一个元素 sort() //按照特定的规则排序（数字根据从小到大排序，字符串根据unicode位点排序） reverse() /
2021-09-10 11:18:59
1363
原创 vue针对引入本地图片，本地可以显示，部署到服务器上无法显示问题
项目场景：利用百度图片打点定位，自定义点的时候，用本地图片来代替定位点问题描述：使用相对路径和绝对路径来引入本地图片的时候，项目在本地启动图片可以正常显示，但是部署到服务器上的时候，显示无法找到该图片。解决方案：利用require来引入图片。定义一个变量接收，再将该变量赋值绑定。最终成功解决问题。...
2021-08-06 13:41:32
2867
原创 js中map()、some()、every()、filter()的使用简介，以及注意点。
js的Array对象有map、some、every、filter几个方法都能对数组中的每个对象进行处理，但是他们之间的功能又各有差别，很多工作三四年的前端，对这些函数使用并不是很了解，这里我简单写写这些方法的用法。map：map()：通过指定函数处理数组的每个元素，并返回处理后的数组。（注意这里返回的是一个新数组，原来数组内存地址不改变,map不会改变原数组，map不会检查空数组）var a=[1,2,3,4];a.map(item=>{return item*2}) //[2,
2021-04-25 11:45:51
1207
原创 前端上传文件接口返回提示413 Request Entity Too Large错误
项目场景：前端实现一个上传功能，上传大于10M的文件时发现返回报 413 request Entity too Large错误。经过排查，发现服务器使用nginx作为反向代理服务器，报上名错误，是因为请求长度超过了nginx默认的缓存大小和最大客户端最大请求大小。解决方案：修改nginx.conf文件里面的几个相关的配置参数：1.在http{ }中设置：client_max_body_size 200m;2.在server{ }中设置：client_max_body_size 200m
2021-04-20 15:12:06
7312
转载 深拷贝和浅拷贝的区别及实现方法
定义：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。
2021-04-09 11:54:33
257
原创 前端js中的 set Map用法
前端js函数 set Map用法Map方法：Map是一组键值对的结构，具有极快的查找速度。举一个简单的例子：根据姓名查找对应年龄，如果用Array来实现，我们需要建立两个Array：var name=["aa","bb","cc"];var age=[23,43,12];给定一个名字，要查找对应的年龄，就先要在name中找到对应的位置，再从age取出对应的年龄，Array越长，耗时越长。如果用map来实现的话，只需要姓名-年龄的对照表，直接根据name来查，无论数据有...
2021-03-01 10:09:44
599
1
原创 wx.navigateBack返回上级页面传参，实现数据回显。
项目场景：开发一个小程序项目，用的是微信原生开发，涉及到一个数据回显操作。问题描述：要实现从A页面进入B页面，在B页面选择完数据以后，返回A页面的时候，将选择到的数据带回A页面显示。这里使用wx.navigateBack返回A页面。解决方案：废话不多说，直接上干货，代码走起前端部分：<block wx:for="{{dataList}}"> <view class="line" data-userid="{{item.F_UserId}.
2020-12-21 15:59:43
931
原创 微信小程序获取当前页面路径和进入时间离开时间做数据埋点
项目场景：最近开发了一个小程序，设计到一个功能需要做记录用户的浏览记录，用户停留在哪些页面以及页面的路径和进出入时间，做数据埋点。问题描述：因为需要小程序所有页面都要记录到，这里考虑直接写一个公共组件来调用。解决方案：getCurrentPages();//获取当前页面路径 这个是微信原生封装的方法，直接调用，可以获取到该用户所有操作的路径，page[page.length-1].route;根据返回数据分析出数组最后一个是当前页面路径，小程序自己封装组件里面 组件生..
2020-12-16 18:11:28
2444
原创 微信原生开发 text标签 添加宽高无效问题
问题描述：给text标签添加宽高，结果宽高属性没有起作用。原因分析：针对这个问题，首先是对css基础掌握的不牢固才会犯的错。在微信小程序原生开发里，text标签相当于H5里面的span标签，text和span都是行内元素，内联样式（这里就不细说行内元素和块级元素的区别了）。行内元素的宽高是不可改变的，所以话不多说直接上干货解决问题。解决方案：最简单的方法就是 加一个display:block属性，将该行内元素转化成块级元素。 顺手总结一下行内元素和块级元素有哪些吧。...
2020-12-08 17:19:03
1439
原创 js数组内对象被覆盖问题
项目场景：js写一个循环赋值，结果写了一个bug,我还找了半天，自己被自己蠢哭了。问题描述：今天开发遇到一个问题，js 循环外定义一个对象 然后数组内循环push， 数组内对象被覆盖，（没想到我自己也会犯这种粗心错误，太丢人了，话不多说直接上干货）原因分析：每次取出来的值都放在了b中，因为是在外面定义的对象，所以b的地址是一样的，arr中保存的是b的地址，当最后一次给b赋值的时候，由于是同一个b(对象)，所以最后一次给b.value赋值的后会把之前的值覆盖掉。（有..
2020-12-04 16:44:02
2657
1
原创 CSS控制div显示文本第二行超出部分省略
项目场景：在实际开发中经常遇到这样要求的显示 ，第二行超出部分省略。（直接上干货）解决方案：css样式直接控制。(这里有个注意点就是当前div最好不要设置padding属性，不然会出现一些类似的情况比如：第二行虽然省略了，但是还是能看到第三行的数据。)display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; <view ...
2020-12-02 09:09:43
827
原创 总结一些前端页面优化的方法（一）
前言：这里我想写一点日常前端页面优化的方法，将持续发布一些我所遇到的问题优化，尽量写的通俗易懂些（大白话搞起！！！）一.减少页面加载时间的方法优化图片（这个很重要，图片尽量压缩一下） 图像格式化的选择：GIF格式的图提供的颜色比较少，可以用在一些对颜色要求不高的地方。 优化CSS：初学者经常喜欢写的，比如margin-top，padding-top等等，这些都可以合并成margin,padding。(即使这样说，我还是喜欢分开写) 网址后面加斜杠（www.xx.com/ 目录，会判断是什.
2020-11-26 11:23:57
1055
原创 基于dataV框架的大屏项目针对QQ浏览器rem适配问题
基于dataV框架的大屏项目针对QQ浏览器rem适配问题项目场景：公司要求做一个数据可视化大屏项目，初次接触简单写写（第一次写，可能描述的不太准确）。问题描述：今天遇到qq浏览器出现罢工问题（rem设置后尺寸偏大，导致网页放大了）谷歌，火狐。我之前的的font-size是这样设置的：ui给的设计稿是1920*1080（为了偷懒我直接设置fontsize=10px 即：1rem=10px）原因分析：起初我以为QQ浏览器之所以不适配，是因为QQ浏览器对rem计算方法有差异，实际上是
2020-11-26 10:22:39
3059
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人