2020年08月_hsany330

转载函数去抖和函数节流

为什么会有会出现debounce和throttle以下场景往往由于事件频繁被触发，而重复执行DOM操作、资源加载等重行为、会导致UI停顿甚至浏览器崩溃。1、window对象的resize、scroll和拖拽时的mousemove事件2、射击游戏中的mousedown、keydown事件3、类似百度搜索提示keyup事件问题分析DOM操作比非DOM交互需要更多的内存和CPU时间，连续尝试进行过多的DOM相关操作可能会导致浏览器挂起，有时候甚至会崩溃。实际上对于windo...

2020-08-27 17:34:59 137

转载 CSS Grid 网格布局教程

一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后.

2020-08-24 10:54:44 240

转载 echarts 柱形图渐变和formatter使用参考

var index = 0;var colorList = ['#f36c6c', '#e6cf4e', '#20d180', '#0093ff'];option = { backgroundColor:"#003366", tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { show: f...

2020-08-17 17:18:06 522

转载 echart的symbol自定义图片问题

echart的symbol支持自定义图片：可以通过 'image://url' 设置为图片，其中 URL 为图片的链接，或者 dataURI。URL 为图片链接例如：'image://http://xxx.xxx.xxx/a/b.png'URL 为 dataURI 例如：'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////w

2020-08-13 16:37:09 2508

转载 JavaScript定时器取消后怎样重新启动？？

vart=setInterval(fun1,500)//fun1是你的函数varfun1=function(){//写入zhi你的函数alert("执行代码");}clearInterval(t)//清除dao定时器t=setInterval(fun1,500)//重新开始定时器注意，后面重启定时器的时候，前面是没有var的，不然会打开两个定时器...

2020-08-13 14:33:42 6889

转载 echarts实现堆叠图（这里主要是轴线，标签，刻度线，分割线的区分标注）---- 推荐阅读

option = { // backgroundColor: '#000', legend: { data: ['销售费用率', '管理费用率','财务费用率','研发费用率'], bottom: 0, left:'center', textStyle:{ fontSize: 12, color: '#409AAA', rich: { .

2020-08-11 14:59:17 1327

转载 CSS3——弹性盒模型-flex——等分布局、流式布局、圣杯布局(推荐阅读很棒)

1.等分布局：中间固定两边自适应：固定两个，一个自适应2.流式布局：模仿float浮动布局3.圣杯布局：（自适应布局）先来看一下结构布局： <div class="wrapper"> <div class="headr">导航栏，头部，搜索框</div> <div class="contain"> <div class="left"&g...

2020-08-07 14:27:22 655

转载 Nginx打开目录浏览功能(autoindex)并设置访问验证

打开目录浏览功能Nginx默认是不允许列出整个目录的。如需此功能，编辑虚拟主机配置文件，在location server 或 http段中加入autoindex on;另外两个参数最好也加上去:autoindex_exact_size off;默认为on，显示出文件的确切大小，单位是bytes。改为off后，显示出文件的大概大小，单位是kB或者MB或者GBautoindex_localtime on;默认为off，显示的文件时间为GMT时间。改为on后，显示的文件时间为文件的服务器时间

2020-08-06 10:45:16 3721

转载解决跨域的四种方式(推荐阅读)

http://www.360doc.com/content/20/0408/08/65318819_904557738.shtml原生的jsonp写法推荐阅读

2020-08-06 09:33:00 359

转载 echarts tree 树型图层级距离设置

网上找了半天，没有找到设置层级距离的属性，默认是自动适应的,无奈只能改源码，分享出来希望可以帮到有相同需求的...上github下载echarts源码包，打开src=>chart=>tree=>treeLayout.js如果是左右布局的树图，修改如截图所示的kx值即可,当然也可以写成可配置项...然后运行build=>build.js进行重新打包...

2020-08-05 14:52:57 1510

转载 ECharts树节点过多时，不想要缩放，调整容器高度（宽度）

最近需要使用ECharts来实现一棵树，大约四层，但是可能将所有的节点都展开之后，节点数会很多，但是又不想进行缩放。所用ECharts版本为4.*如下图但是又不想进行缩放让节点显变小的方式来获取节点与节点之间的间距，故想要在点击节点进行子节点的显示与隐藏时调整这个树的动态高度。在官网API处没有查到相应的解决方法。没有文档怎么办？设个断点调试的时候看属性。就在调试过程中发现了这样一个属性：myChart._chartsViews[0]._data._graphicEls

2020-08-05 14:51:52 4861

转载 vue-org-tree 组织结构图组件应用及源码分析

vue-org-tree 组织结构图组件应用及源码分析https://blog.csdn.net/lianzhang861/article/details/100552228Vue组织架构树图组件vue-org-tree的使用https://blog.csdn.net/weixin_38187317/article/details/86524258

2020-08-05 14:38:57 496

转载 nginx快速查看配置文件的方法(实际的调用的配置文件)-----推荐阅读

nginx的配置放在nginx.conf文件中，一般我们可以使用以下命令查看服务器中存在的nginx.conf文件。<span style="color:#000000"><code>locate nginx.conf/usr/local/etc/nginx/nginx.conf/usr/local/etc/nginx/nginx.conf.default<span style="color:#000088 !important">...</span&g

2020-08-04 11:08:47 799

转载 CentOS7 如何升级Git

CentOS7自带的git版本1.8.3.1，这个版本有点低了。于是决定折腾升级，我首先想到的是用update更新： 1 yum update git 结果，事与原违，还是1.8.3.1。在网上提供的升级方案，其本上都是先删除原来的，然后在官网上下载最新的，自己make，但是很折腾人啊，make过程中也是各种报错，一个个解决，累觉不爱。无意中在网上看到，另一个思路，记录在此：1、确认你的当前git版本在终端输入： 1 g

2020-08-04 09:43:07 383

hsany330的专栏