自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 map数据处理

使用element-ui做表格的时候,遇到一个需求,要在表头有一个问号提示,鼠标悬浮的时候,提示信息,实现方法有很多,比如// css的title提示// 鼠标悬浮的时候,就可以显示提示的信息<p title="这个是提示信息">按钮</p>// css的tooltips// html<div class="tooltip">鼠标移动到这 &l...

2020-04-30 17:20:39 301

原创 find()和findIndex()区别和用法

find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。他们的都是一个查找回调函数。查找函数有三个参数。value:每一次迭代查找的数组元素。index:每一次迭代查找的数组元素索引。arr:被查找的数组。var str = [ { name: '张三...

2020-04-22 16:51:49 1908 1

原创 Object.assign()函数的简单用法

Object.assign() 方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。语法Object.assign(target, ...sources)target //目标对象。sources // 源对象。简单的用法let obj = { name:...

2020-04-22 16:11:12 462 1

原创 小程序特殊字符转译

在小程序html文件里面,出现类似于 >50 <50之类的小于大于的时候,直接写会报错,需要写转译字符,&gt &lt来代替大于小于符号,并且在转译的时候,在标签里面写转译 decode=“true”,才能正常转译​ 给出的文案是这样子的:“当你现在的得分是>50分的时候,说明你是一个勤快的人,当得分<50分的时候,你就需要努力了”实现代码:...

2020-04-22 15:28:34 788 1

原创 防抖和节流 and 实现代码

遇到过好多次了,但是还是记不住,人老了,干脆写出来,以后就回来翻出来看日常开发需求:防止按钮短时间多次点击啥叫防抖和节流防抖是将多次执行任务变成最后一次来执行,节流是将多次执行变成间隔一段时间再去执行防抖:任务频繁触发的时候,只有任务触发实践间隔超过指定间隔的时候,任务才会执行data () { timer: null //创建一个标记用来存放定时器的返回值}//封装定时器清除...

2020-04-22 15:26:25 193 1

原创 又是必知道-深拷贝和浅拷贝

定义:使用变量a拷贝变量b,如果改变a的值,b的值也会跟着变化,这个叫做浅拷贝,如果想要让a独立于b的话,就需要深拷贝function deepCopy () { return JSON.parse(JSON.stringify(obj))}有一个问题,上面的实现方式主要是利用了JSON的序列化和反序列化,但是JSON是不支持函数和undefined之类的,如果碰到这种情况的话,就会丢...

2020-04-22 15:21:03 83

原创 wx.uploadFile踩过的坑

1,坑一:指向问题,wx.uploadFile()在官方文档中,给出了这么一个demowx.chooseImage({ success (res) { const tempFilePaths = res.tempFilePaths wx.uploadFile({ url: 'https://example.weixin.qq.com/upload', //仅为示例...

2020-04-22 15:16:58 1481

原创 小程序Canvas逐行绘制文字,超出部分显示省略号

逐行绘制文字,超出显示省略号,这个在小程序需求中还是比较常见的,刚好也遇到了,网上试了很多方法,都不行,然后请教公司的大佬,然后封装了一个方法//直接this点调用方法//x , y 绘制的坐标//maxWigth 绘制文字的宽度//lineHeight 行高//maxRowNum 最大行数canvasWraptitleText(canvas, text, x, y, maxWidth...

2020-04-15 16:18:51 2762 2

原创 在react脚手架中使用less

一般在react脚手架是默认支持sass的,但是如果要使用less呢1,安装lessnpm install less less-loader -S 2,在package.json文件里面,插入下面的配置,分别是pc/mobile 二选一"plugins": [ [ "import", { "libraryName": "antd", "libraryDirectory": "es", "...

2020-04-15 15:54:57 594 3

原创 在vue脚手架使用less进行开发

vue cil 使用less在新的vue cil脚手架,已经没有了类似于webpack.base.config.js之类的配置文件所以只需要安装就能使用less1,// 安装lessnpm install less less-loader -S //想要全局安装,就-G2,// 页面css 加上scope表示less只在当前的作用域有效<style lang="less" s...

2020-04-15 15:38:48 1493

原创 如何在小程序配置less进行开发

给小程序配置less(1)在vscode中,商店搜索easy Less 然后安装(2)command + 逗号 ,打开配置项,在配置项里面搜索easy less config,并且在setting.json中编辑这个选项,然后进行配置// 配置项目 (可以直接复制)"less.compile": { // "compress": true, // 是否删除多余空白字符 ...

2020-04-15 15:20:41 362

原创 node报错 primordials is not defind

node处处是坑,所以,有时候别手贱去升级,我就是因为升级node,最后导致gulp编译报错,打死都找不到问题出哪里了最后才发现,是node版本的问题,和gulp不兼容这个是gulp报错信息const { Math, Object } = primordials //报错信息primordials is not defind我解决这个问题,就是把现有的node进行降版本处理实现nod...

2020-04-15 14:39:42 563

空空如也

空空如也

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

TA关注的人

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