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

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

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

 1 dataZoom: [
 2     {
 3         id: 'dataZoomX',
 4         type: 'slider',
 5         xAxisIndex: [0],
 6         filterMode: 'filter'
 7     },
 8     {
 9         id: 'dataZoomY',
10         type: 'slider',
11         yAxisIndex: [0],
12         filterMode: 'empty'
13     }
14 ],

⭐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常用时间转换

1 时间戳转换 moment(1504405822959).format('YYYY-MM-DD HH:mm:ss')
2 
3 完整时间取时分秒 moment("2017-09-03 10:30:22").format('HH:mm:ss')
4 
5 时间戳取星期 moment(1504405822959).format('dddd')
6 
7 取距离现在的时间 moment("2017-08-04","YYYY-MM-DD").fromNow()
8 
9 还有各种时间格式比如“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坐标轴文字旋转

 1 xAixs : {
 2       // x轴文字倾斜
 3                    // x轴文字倾斜
 4                 axisLabel:{
 5                   interval:0,
 6                   rotate:45,//倾斜度 -90 至 90 默认为0
 7                   margin:2,
 8                   textStyle:{
 9                     fontWeight:"bolder",
10                     color:"#000000"
11                   }
12                 }
13 }

⭐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计算日期相差多少天

1 //获取当前时间
2 let m1 = moment();
3 //获取需要对比的时间
4 let m2 = moment(time);
5 //计算相差多少天 day可以是second minute
6 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文件

 1 function saveJSON(data, filename){
 2     if(!data) {
 3         alert('保存的数据为空');
 4         return;
 5     }
 6     if(!filename) 
 7         filename = 'json.json'
 8     if(typeof data === 'object'){
 9         data = JSON.stringify(data, undefined, 4)
10     }
11     var blob = new Blob([data], {type: 'text/json'}),
12     e = document.createEvent('MouseEvents'),
13     a = document.createElement('a')
14     a.download = filename
15     a.href = window.URL.createObjectURL(blob)
16     a.dataset.downloadurl = ['text/json', a.download, a.href].join(':')
17     e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
18     a.dispatchEvent(e)
19 }

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

⭐element table实现拖拽

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

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

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

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

1 document.body.ondrop = function(event) {
2                 
3                     event.preventDefault();
4                 
5                     event.stopPropagation();
6                 
7                 }

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

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

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

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