IE9引发的血案-如何处理webpack打包后体积依然过大的css文件

项目技术栈React + Webpack4浏览器兼容性:较高版本的FireFox,Chrome以及IE9+(注意:坑从此中来)问题描述项目在IE9中很多Css Style无法正确的显示,而在其他浏览器中无此类问题。最好的解决方案当然是径自宣布不支持IE9,其实这是合理的,微软自己都不再维护IE系列,如果死抱着旧的浏览器不放,意味着安全得不到保障并且用户也无法享受到现代浏览器新特性带来的丝滑快感。从

作者:星辰 时间:2018-06-10 浏览 2252评论 0 赞 0砸 0 标签: 前端兼容性

使用JSON.parse()转化成json对象需要注意的地方

相信大部分人都知道或者去百度检索都会得到将js中的字符串转化成json对象常见的3种方法举例:varstr="{"name":"小明","age":18}";将字符串转化json对象:1.varjson=JSON.parse(str);2.varjson=eval("("+str+")");3.varjson=(newFu

作者:星辰 时间:2018-04-20 浏览 1848评论 0 赞 0砸 0 标签: javascript

echarts3 柱状图地图底部文字被数字盖住了导致有模糊效果的问题处理

完整代码:<%@pagepageEncoding="UTF-8"contentType="text/html;charset=UTF-8"%><%//清除缓存response.setHeader("Pragma","No-cache");response.setHeader("Cache-Control","no-cache");respons

作者:星辰 时间:2018-04-03 浏览 2462评论 0 赞 0砸 0 标签: echarts

js单双击区分方法

vartime=null;$(".hbtwrap").click(function(){varobjTemp=this;//取消上次延时未执行的方法clearTimeout(time);//执行延时time=setTimeout(function(){//判断是否已经选中varstatus=$

作者:星辰 时间:2018-03-28 浏览 1869评论 0 赞 0砸 0 标签: javascript

js阻止冒泡的兼容写法

functionstopMp(){if(event.stopPropagation){//针对Mozilla和Operaevent.stopPropagation();}elseif(window.event){//针对IEwindow.event.cancelBubble=true;}}

作者:星辰 时间:2018-03-28 浏览 1929评论 0 赞 0砸 0 标签: javascript

ECharts3中的图表大小自适应

最近在写一个地图类的应用,用的是echarts的图表,然而一上来就一脸懵逼,如果父级容器的height/width属性设置为百分比的形式,那么echarts就会warning,且不能正常的生成图表。所以div容器的高度宽度必须指定为px,这设计不知道是为啥。google到的解决方案如下添加window.onresize=myCharts.resize在setOption之后我添加后图表的高度被

作者:星辰 时间:2017-12-03 浏览 4675评论 0 赞 0砸 0 标签: echarts

js自定义字符串数组排序规则

js自定义字符串数组排序规则场景:要求根据字符串的长度对数组进行倒序或升序排序:代码://字符串数组排序方法functionNumAscSort(a,b){returna.length-b.length;}functionNumDescSort(a,b){returnb.length-a.length;}调用方式:strArr.sort(NumAscSo

作者:星辰 时间:2017-12-01 浏览 1834评论 0 赞 0砸 0 标签: javascript

echarts地图AQI两种实现案例

地图注册方式:$.get("../mapData/json/JsonMap/"+sjqx+".json",function(chinaJson){echarts.registerMap(sjqx,chinaJson);//注册地图varmapChart_j7tkqzlbhqk=echarts.init(docu

作者:星辰 时间:2017-12-01 浏览 2001评论 0 赞 0砸 0 标签: echarts

echarts的tooltip多标签换行显示并根据容器宽度选择展示位置,防止被外层遮挡

先上效果图:相关代码:tooltip:{trigger:"axis",formatter:function(param){varhtml=param[0].axisValue+"<br/>";for(varindexinparam){varseriesName=param[index].seriesName;var

作者:星辰 时间:2017-11-26 浏览 3901评论 0 赞 0砸 0 标签: echarts

echarts设置了interval为0还是第一项和最后一项不显示问题处理

echarts设置了interval为0还是第一项和最后一项不显示问题处理先上效果对比图:有问题的图修改后的统计图效果:可以清晰的看到横坐标轴第一项“来宾市”和最后一项“贵港市”已经显示出来了,横轴的刻度也对上了。前后配置对比/*grid:{left:"2%",right:"0%",top:"25%",bottom:"14%&q

作者:星辰 时间:2017-11-26 浏览 3370评论 0 赞 0砸 0 标签: echarts