问题总结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设置所有父节点的回显

?hook 父子组件传值

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

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

?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实现拖拽

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

1 

?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背景色和里面一样就可以。