- 博客(24)
- 收藏
- 关注
RSS订阅原创 ios平台无法通过oncanplay获取总时长的问题
先贴代码 // 获取音频时长 getAudioTime = (url: string) => { const audio = document.createElement('audio') audio.oncanplay = (e) => { const audioTime = audio.duration ? Math.ceil(audio.duration) : 0 this.setState({ audioTime, audioCurren
2021-07-19 18:01:18
835
原创 vue2和vue3实现响应式的区别
vue2响应式 什么是响应式 首先我们先来了解一下什么是响应式，我们先来看一下官方的解释当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。ok，..
2021-06-28 13:56:34
465
1
原创 canvas合成圆形带边框的图片
let canvas,ctx// 初始化canvas initCanvas() { canvas = document.createElement("canvas"); ctx = canvas.getContext('2d'); // 解决canvas绘图模糊问题 canvas.width = CANVAS_WIDTH * dpr canvas.height = CANVAS_HEIGHT * dpr ctx.scale(dpr, dpr) }
2020-09-09 15:52:39
1240
1
原创 mac电脑 git push时显示403
问题出在仓库的权限上面，仓库只允许ssh方式推送首先检查有没有ssh文件 使用open ~/.ssh如果能打开文件夹，则打开id_rsa文件，复制内容，然后在你们的gitlab上添加自己的ssh然后打开 git目录下的 .git隐藏文件夹 ，打开config文件，把src修改成 ssh版的仓库地址...
2020-08-19 18:11:43
591
原创 使用Mac安装yarn
新公司配发了mac由于之前一直用的windows所以对mac并不熟悉，安装yarn的时候遇到了一些问题首先我是在官网上看的安装教程，刚好我昨天已经安装好brew了(依然踩了坑)，于是执行命令brew install yarn结果提示子进程出现错误，我在网上搜了下原因，结果，没找到相关答案，好吧，我只能找其他的安装方法，具体过程不赘述了，放上最后安装成功的这个方法吧你需要安装npmsudo -s // 输入密码，回车npm i -g yarn大功告成...
2020-08-11 15:24:28
765
原创 call知识点
定义一个函数，函数内部使用this指定了a=‘1’,有几种办法在别的地方拿到a的值？let fn1 = function (){ this.a = '1'}let fn2 = function (val){ console.log(val)}使用闭包获取let fn1 = function (){ this.a = '1' return function(){ return this.a }}fn2(fn1()())// 得到结果 1使用闭包很方便，也很直观，但
2020-07-14 18:20:24
489
原创 关于es6 promise和es7 async&await
promise 简单的说就是一个烹饪锅为什么说它是一个烹饪锅呢，它的功能和烹饪锅差不多，代码放进去，然后等，等一段时间后你的烹饪锅会返回给你结果，要么是饭煮好了，要么是没煮好，而promise也是这样的promise有3个状态，等待，成功，失败，他们稍微不同的地方是烹饪锅你得打开开关，而promise一旦定义，其回调函数内部的代码会立即被执行，该回调函数接受两个值，第一个值是代表成功，第二个值是代表失败const promise1 = new Promise((resolve, reject) =&g
2020-07-06 18:18:52
176
原创 react 报validateDOMNesting错误
今天第一天学习react，学到渲染组件的时候，使用函数组件时报了这个错，百度了一下，原来是内部组件元素与外部包裹的元素相同就会报错，即p标签内不能再包含p标签遇到的第一个问题，记下来记下来...
2020-06-29 15:23:09
1522
1
原创 express运行时打开浏览器指定页面，页面只打开一次
想要实现热更新的同时只打开一次页面，一开始是这么写的app.listen(port, function(){ console.log('服务已启动：http://localhost:8888/') open('http://localhost:8888/',{ wait:true, app:'chrome' })})但是由于我使用了热更新，所以每保存一次就会重新打开一次页面 - -！很显然这不是我想要的结果所以使用了一个超级蠢的办法，新建个start文件，该文件只有一个作用，就是打
2020-06-28 18:16:03
546
原创 根据字段模糊查询，返回所有符合条件的新数组
根据字段模糊查询，返回所有符合条件的新数组function filterNode(data, val, name, childName) { const newArr = [] const test = new RegExp('' + val) function getName(val, obj, key) { const childArr = childName ? obj[childName] : obj.children if (obj[key] && t
2020-06-22 15:10:40
626
原创 vue自定义指令更改对应的data值（值不固定）
由于项目中需要监听输入框中输入的数字不能为负数，并且需要监听的input框过多，所以决定使用自定义指令来解决该问题直接贴代码自定义指令代码// 输入框小于0就替换成0 Vue.directive('changeToZero', { update: function(el, binding) { // 将需要修改的对象摘出来 const _str = binding.rawName.split('[')[1].split(']')[0]
2020-06-10 14:08:15
2481
原创 关于微信端领取到卡包，由于异步执行操作，导致领取到卡包的时候数据异常
问题：由于微信端领取到卡包本事是一个异步操作，因为你不确定用户进入微信领卡页面后是何时点击的领卡，只能等微信推送的success事件，这个时候我要再请求后端，获取该卡的详情用于展示，此步骤在ios端不存在问题，因为用户如果不点击左上角的返回按钮，success事件是不执行的，而安卓端则不同，只要用户点击了领卡，success会立即执行，这就造成了保存卡面信息和读取卡面信息两个接口起了冲突，由于网络原因。通常会造成读取不出来任何信息(因为此时保存的接口还没执行完)。解决：针对该问题，我们提出了两种解决方案
2020-06-09 11:38:32
810
原创 css3如何实现嵌套的未知高度布局（父元素使用min-height,子元素，以及子元素的子元素如何继承为100%）
需求为父元素高度不确定，子元素高度也不确定，但是父元素和子元素都有最小高度的要求，父元素和子元素的高度均需要根据子元素中的内容高度的变化而进行变化首先需要给父元素加上min-height属性，同时加上display:flex属性，子元素不能设置高度，但是可以设置最小高度min-height，此时该值最小为父元素的最小高度，只有大于父元素的最小值时才会起作用，子元素高度默认为100%<!D...
2020-05-07 18:00:49
1899
原创 G6 3.1 线条的属性
在节点内画出线条（同样适用于画出边）const line = group.addShape('path', { attrs: { path: [ [ 'M', 0, -height / 2 - 12 ], [ 'L', 0, -200 ] ], lineDash: [3, 5],// 虚线 stroke...
2019-11-05 15:03:47
4524
原创 vue中使用echarts中国地图
项目中需要在中国地图上显示各省数据，所以想到了echarts的map。由于之前没用过，所以也是踩了一些坑。最先遇到的是如何获取中国地图数据，echarts官网实例的数据是美国的，而在线生成地图数据的插件由于某种原因下线了，上线时间未知……当时我就傻眼了，和产品经理说：“这个需求做不了……”，产品点点头，说：“你过来一下。”，我跑到了她的工位上，只见她拉开抽屉，里边躺着一把菜刀，我当时腿...
2019-08-26 17:36:07
2435
1
原创 element-ui中checkbox-group组件无法选中的问题
项目中需要实现如下功能：在表头中添加多选框来动态更改是否显示某一列，但是遇到了无法进行勾选的问题，最后经过各种试错，找到了原因，需要在template中添加 slot-scope="scope",虽然我并没有用到scope，但是很奇怪，不加这个就是不行<template slot="header" slot-scope="scope">记某前端菜鸡的又一次踩坑经历~~...
2019-08-13 15:19:21
7478
5
原创 计算base64字节大小
首先需要得到base64的字节流var imgUrl = 'base64数据'var eqTagIndex=imgUrl.indexOf("=");imgUrl=eqTagIndex!=-1?imgUrl.substring(0,eqTagIndex):imgUrl;var strLen=imgUrl.length;fileSize=strLen-(strLen/8)*2 ...
2019-02-14 16:56:29
3665
转载 更改微信浏览器页面标题
var $body = $('body'); document.title = '新的标题' // hack在微信等webview中无法修改document.title的情况 var $iframe = $('<iframe src="/favicon.ico"></iframe>').on('load', function() ...
2019-02-14 16:53:31
836
原创 获取地址栏数据
function getName(name,sign){ if(!sign){ var sign = '&' } var r = window.location.href; var sub = r.split(sign) for(var i=...
2019-02-14 16:52:03
478
原创 获取input file属性，预览图片
如何在input的type属性等于file时获取选择的图片信息，进行预览<input type="file" class="my-file" /><img class="my-img" src="#"/>添加事件$('.my-file').on('change',function(){ var file=this.files[0]; //获取fi
2019-02-14 16:49:13
1452
原创 template模板插件基本用法
资源下载https://github.com/fengyuanchen/cropperjs （官方文档）1.首先需引入js文件<script src="jquery.min.js"></script><script src="jquery.temp.js" type="text/javascript" charset="utf-8">
2019-02-14 15:23:22
1383
原创 js base64编码与解码
我们可以用btoa来进行编码，用atob来进行解码，注意，低版本浏览器可能不支持var str = "China，中国";window.btoa(window.encodeURIComponent(str))//"Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ="window.decodeURIComponent(window.atob('...
2019-02-14 14:20:58
158
原创 图片裁剪插件cropper
1.首先引入插件的js和css文件附上插件下载地址https://github.com/fengyuanchen/cropperjs <script src="jquery-2.1.0.js"></script> <script src="cropper-js.min.js" type="text/javascr...
2018-03-26 15:25:56
593
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人