- 博客(11)
- 收藏
- 关注
RSS订阅原创 父子mounted生命周期顺序导致的问题解决
1.背景：将父组件实时获取的接口数据传递给子组件，子组件渲染页面2.问题：由于父子组件的mounted生命周期顺序为子先父后，导致子组件prop拿到的数据为空3.尝试过的方法： 在子组件的mounted增加this.$nextTick(() => {}，使之加载完成时渲染，未解决，拿到的数据仍然是空4.解决办法1）在父组件里面，子组件挂载的地方使用v-if，父组件拿到数据之后改变v-if的值使子组件渲染，但是这样会导致子组件的mounted执行两遍，第一遍拿到的空，第二遍拿到的是有值的，所以需要
2021-10-20 10:38:48
658
1
原创 echart实时刷新问题
echart实时刷新问题在图标类和统计类的需求里面，会用到echart做canvas画图，通常数据都是实时在变的，但是如果同时使用dataZoom，用户缩放到想要的位置，这个时候canvas重绘会还原dataZoom的位置，记录解决方法如下：1.设置setOption本身的参数chart.setOption(option, false, true);—此方法我使用无效2.在setOption之前，使用getOption保存之前的dataZoom的start和endlet mychart=this.
2021-09-09 16:34:17
2259
原创 矩形中间点和四个顶点之前的转换问题
记录一个简单的算法问题1.已知一个矩形的中心点坐标 旋转角度 长宽 求四个点的坐标@param cx 旋转中心点 x 坐标@param cy 旋转中心点 y 坐标@param arrowAngle 旋转角度@param scaleW 宽@param scaleH 高 //角度转换 let X1, Y1, X2, Y2, X3, Y3, X4, Y4; let angle = (180-arrowAngle) * Math.PI / 180, back_left =
2021-08-09 14:26:04
2099
1
原创 第一次接触svg
第一次接触svg1.svg文件的框架<?xml version="1.0" encoding="utf-8"?>2.引入svg的方法外部引入：img标签引入/background属性引入/ifarme标签引入内部引入：直接写svg标签3.svg的基本图形基本图形：circle圆 rect矩形 line线条 ellipse椭圆 polyine折线 ploygon多边形 path路径circle圆形cx：中心点到x轴的距离cy：中心点到y轴
2021-07-12 16:56:33
85
原创 手动实现一下v-model的效果
v-model就是双向数据绑定,使用v-model之后,不用我们自己手动操作dom元素,就可以让视图改变了数据随之改变,数据改变了视图随之改变<div id="app"> <input type="text" v-model='msg'></div><script src="./vue.js"></script><script> const vm = new Vue({
2020-07-21 12:06:37
532
原创 jsonp的原理和优缺点分别是什么
jsonp的原理jsonp的原理本质就是利用script标签的src的天然可跨域特性实现跨域,让服务器接收浏览器传过来的函数名,返回一个带参的函数调用,浏览器接收数据,完成函数调用优点可以实现跨域缺点1.需要服务器后台的支持2.只能发生get请求3.数据传输相对不安全...
2020-07-19 10:53:11
591
原创 img和background-image有什么区别麻??
img和background-image的区别类型不同-----------一个是标签,一个是css样式执行顺序不同--------标签先加载,css样式后加载一个占位置一个不占位置一个是dom对象,可以通过js进行元素操作,一个不是
2020-07-19 10:32:19
166
原创 箭头函数与普通函数的有什么不一样??
箭头函数与普通函数的区别外表不同-------一个带箭头一个不带箭头称呼不同-------一个是匿名的,一个可以取名字也可以不取名字this不同--------一个没有this指向,一个有this指向使用区域不同---------一个不能用于构造函数,一个可以用于构造函数...
2020-07-19 10:24:41
106
原创 flex:1内部做了什么?
flex:1flex:1===flex:1,1,0%flex里面实际上是有三个属性的flex-grow , flex-shrink , flex-basis.flex-grow:放大比例flex-shrink:缩小比例flex-basis:实际大小我们简写的时候flex:n , flex-grow属性的值就是nflex:n===flex:n,1,0%flex:1=flex:1,1,0%flex:2=flex:2,1,0%...
2020-07-19 10:05:28
198
原创 C3有哪些新增的属性
css3的新增属性都有哪些?颜色rgba渐变linear-gradient radial-gradient背景background-size background-origin background-clip文字阴影text-shadow边框阴影border-shadow圆角边框border-radius边框图片border-image盒子模型box-sizing过渡transition动画animate @keyframes2D转换transform
2020-07-19 09:38:38
784
原创 H5有哪些新增的属性
html5的新增属性都有哪些**1.新的技术文本2.本地存储3.地理API4.画布Canvas5.拖拽释放6.音视频标签****7.语义化标签**…**8.自定义属性**(data-)**9.表单控件*****
2020-07-19 09:25:25
528
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人