问题总结21-03-29至21-04-18

⭐苹果浏览器的适配可以参考QQ浏览器，遇到过flex布局在苹果浏览器中布局显示不正确的问题。

⭐echarts实现拖动展示，属性dataZoom实现。

dataZoom: [
    {
        id: 'dataZoomX',
        type: 'slider',
        xAxisIndex: [0],
        filterMode: 'filter'
    },
    {
        id: 'dataZoomY',
        type: 'slider',
        yAxisIndex: [0],
        filterMode: 'empty'
    }
],

⭐React Hook函数 

https://www.jianshu.com/p/aafccf6e9ad6

⭐Promise执行机制

https://blog.csdn.net/weixin_44867717/article/details/110656078

⭐JS中的宏任务和微任务

https://www.zhihu.com/tardis/sogou/art/78113300

⭐前端进程和线程

https://blog.csdn.net/Donspeng/article/details/82970503

⭐echarts中max:null可以设置max默认值。

⭐moment常用时间转换

时间戳转换 moment(1504405822959).format('YYYY-MM-DD HH:mm:ss')

完整时间取时分秒 moment("2017-09-03 10:30:22").format('HH:mm:ss')

时间戳取星期 moment(1504405822959).format('dddd')

取距离现在的时间 moment("2017-08-04","YYYY-MM-DD").fromNow()

还有各种时间格式比如“YYYYMMDD” "HH:mm" “MM” "YYYY-MM" moment都只要传入时间格式就可以随心所欲转换成需要的类型

⭐node工具nodemon

https://www.jianshu.com/p/f60e14db0b4e

⭐node

执行顺序：https://blog.csdn.net/weixin_33937499/article/details/91473921

global，process进程，nextTick和setImmediate：https://blog.csdn.net/qq_20552525/article/details/96731479

⭐hook入门教程

http://www.ruanyifeng.com/blog/2019/09/react-hooks.html

⭐echarts对统一数据更换长度可能遇到的问题

https://github.com/apache/echarts/issues/2022

⭐hook useContext跨文件接收

https://blog.csdn.net/weixin_44180427/article/details/103287756

⭐扩展运算符深浅拷贝

https://blog.csdn.net/weixin_43925630/article/details/111299038

⭐antd table
排序：https://blog.csdn.net/sinat_39648402/article/details/107048152

分页：https://blog.csdn.net/xuelian3015/article/details/102948824

⭐react函数组件传入Props

https://blog.csdn.net/youngjqz/article/details/80318698

⭐echarts坐标轴文字旋转

xAixs : {
      // x轴文字倾斜
                   // x轴文字倾斜
                axisLabel:{
                  interval:0,
                  rotate:45,//倾斜度 -90 至 90 默认为0
                  margin:2,
                  textStyle:{
                    fontWeight:"bolder",
                    color:"#000000"
                  }
                }
}

⭐echarts：设置了dataZoom,datazoom的提示文字（左右两端的那个提示文字）隐藏  textStyle:false 

⭐echarts tooltip横屏可以使用 extraCssText: 'transform:rotate(90deg)' 

⭐moment中文显示

https://www.jianshu.com/p/1ef0c672d82a

⭐arrObject.reverse( )数组倒序

⭐antd selectTree设置所有父节点的回显

https://www.cnblogs.com/czf1987/p/14361610.html

⭐hook 父子组件传值

https://blog.csdn.net/qq_28483283/article/details/109857641

⭐antd时间选择器设置默认时间

https://www.cnblogs.com/guangzhou11/p/14132430.html

⭐ts中使用useState

https://www.jianshu.com/p/c410729bd690

⭐moment计算日期相差多少天

//获取当前时间
let m1 = moment();
//获取需要对比的时间
let m2 = moment(time);
//计算相差多少天 day可以是second minute
day = m2.diff(m1, 'day');

⭐css旋转点transform-origin( )

https://blog.csdn.net/m_togethershare/article/details/100971919

⭐echarts提升清晰度

svg： var myChart = echarts.init(document.getElementById('chart'), null, {renderer: 'svg'}); 

canvas： var myChart = echarts.init(document.getElementById('chart'), null, {devicePixelRatio: 2.5}); 

⭐hook应用

https://blog.csdn.net/qq_46193451/article/details/103983453

⭐使用moment对日期加减操作的时候，会改变原来的时间

做add操作的时候，将startDate用moment包裹一次。

⭐element table 改变数据列表不更新

https://blog.csdn.net/strong90/article/details/100553741

⭐js导出json文件

function saveJSON(data, filename){
    if(!data) {
        alert('保存的数据为空');
        return;
    }
    if(!filename) 
        filename = 'json.json'
    if(typeof data === 'object'){
        data = JSON.stringify(data, undefined, 4)
    }
    var blob = new Blob([data], {type: 'text/json'}),
    e = document.createEvent('MouseEvents'),
    a = document.createElement('a')
    a.download = filename
    a.href = window.URL.createObjectURL(blob)
    a.dataset.downloadurl = ['text/json', a.download, a.href].join(':')
    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
    a.dispatchEvent(e)
}

https://blog.csdn.net/shijie_nihao/article/details/100544941

⭐element table实现拖拽

https://www.cnblogs.com/jin-zhe/p/10181852.html

⭐js页面刷新或关闭时弹框

<script>
    window.onbeforeunload = function(e){
        e.returnValue=("确定离开当前页面吗？");
    }
</script>

⭐firefox 下使用html5拖拽会自动打开新标签的解决办法

document.body.ondrop = function(event) {
                
                    event.preventDefault();
                
                    event.stopPropagation();
                
                }

⭐拖拽排序插件Sortable.js在拖动的时候不能滑动鼠标滚轮滚动屏幕的问题解决  forceFallback: false 

⭐vue引入静态json文件数据，打包后json更新不改变视图

https://blog.csdn.net/weixin_36939346/article/details/106120388

⭐antd 表单组件可能会出现竖线，只要设置table背景色和里面一样就可以。