hbmern的博客

图就会堆叠在一起，看起来十分难看。通常是通过配置dataZoom来解决问题，但是这不是最佳的处理方案，我们可以根据柱状图X轴数据长度并配合dataZoom来实现最佳的显示效果。会遇到这种情况，以柱状图为例子，当数据过多时，动态设置dataZoom的end属性。有更好的方案，欢迎留言补充。

## 1.求和案例_redux精简版 (1).去除Count组件自身的状态 (2).src下建立: -redux -store.js -count_reducer.js (3).store.js： 1).引入redux中的createStore函数，创建一个store 2).createStore调用时要传入一个为其服务的reducer ...

一、数据持久化：一般是指页面刷新后，数据仍然能够保持原来的状态。一般在前端当中，数据持久化，可以通过将数据存储到localstorage或Cookie中存起来，用到的时候直接从本地存储中获取数据。而redux-persist是把redux中的数据在localstorage中存起来，起到持久化的效果。二、使用：安装：npm i redux-persist --save在store.js中使用//引入createStore，专门用于创建redux中最为核心的store对象i.

1、什么是模块化？模块化是指将一个大的程序文件，拆分成许多个小的文件，然后将小文件组合起来。2、模块化的好处：（1）防止命名冲突（2）代码复用（3）高维护性3、模块化语法：模块功能主要有两个命令构成：export和importexport命令用于规定模块的对外接口import命令用于输入其他模块提供的功能4、举例：1、使用export命令导出模块：方式一、(分别暴露)//m1.jsexport let name="hbm" //导出name变量e

目前，在众多的后台管理系统中，换肤功能已是一个很常见的功能。用户可以根据自己的喜好，设置页面的主题，从而实现个性化定制。目前，我所了解到的换肤方式，也是我目前所掌握的两种换肤方式，想同大家一起分享。

然后将请求你的请求提交给具体的服务器，在由服务器返回我们要的结果（以HTML编码格式返回给浏览器），浏览器执行HTML编码，将结果显示在浏览器的正文。它依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。TCP/IP 协议族，是它是一系列网络通信协议的统称，不只是包含TCP/IP协议，还包括UDP、ICMP、ARP。它是应用层面的防火墙，专门检测 HTTP 流量，是防护 Web 应用的安全技术。

JS执行机制：重点有以下两点：1.JavaScript是一门单线程语言。2.Event Loop(事件循环)是JavaScript的执行机制。

说起websoket，我们先来了解一下：（一）为什么会有webSoket？HTTP协议：通信只能从客户端发起，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。【即：HTTP协议为单向请求】。这注定了如果服务器有连续的状态变化，客户端要获知就非常麻烦。我们只能使用"轮询"的方式获取服务器的数据变化：也就是需要每隔一段时候，就发出一个询问（请求），了解服务器有没有新的信息。轮询效率低，且非常浪费资源 【因为必须不停连接，或者 HTTP 连接始终打开）】Websoket协议：服

1、类型与对象：基本类型：string、number、boolean、object、null、undefined引用类型：String、Number、Boolean、Object、Function、Array、Date、RegExp、Error【对象】2、创建引用类型对象，一般采用构造函数创建如：以上我们分别创建了三种不同类型的对象在控制台打印，展开结果，看到有个内置属性[[Prototype]]，有些浏览器是__proto__【两者是一样的意思，这个是对象的一个属性，在创建

一、Error对象简介：1、Error常见的错误类型及处理方法：Error:所有错误的父类型（1）ReferenceError：引用的变量不存在（2）TypeError：数据类型错误（3）RangeError：数据不在其允许的范围内（4）SyntaxError：语法错误 2、错误的处理：（1）捕获错误：try...catch把可能出现的错误，放在try语句中例如以下的例子：try{ let b; console.log(b.xxx); }catch(E..

一、this的绑定规则：1、默认绑定：function girl(){ console.log(this);}girl();全局调用gir()函数，这里的this，并没有明确指向谁，所以就是默认Window全局对象2、隐式绑定：var girl={name:"小红";height:"160";detail:function(){console.log("姓名："，this.name);}}girl.detail();这里的this，指向这个girl

一、什么是闭包这里引用技术蛋老师的一句话，闭包就好比，我们把一本书放到书包里，然后把拉链拉起来，我们什么时候想看，再拉开拉链就行了先看一个例子：function books(){ var book="书包里的书";}console.log(book); 以上代码，很显然不能输出结果，这是为什么呢？二、执行上下文执行上下文（执行环境）：全局环境、函数环境、Eval环境JS是单线程的，一次只能做一件事（栈）理解闭包，一定要理解作用域链执行上下文，分为创建阶段和

一、JS作用域：作用域是可访问变量、对象、函数的集合。1、函数限定变量作用域在javascript中，函数里面定义的变量，，可以在函数里面被访问，但在函数外无法访问

一、JS的数据类型分类：前面的文章，我们提到过，JS数据类型，分为基本数据类型和引用数据类型其中，基本数据类型：直接在栈内存中保存数据值，按值访问，变量与变量之间独立存在，其中一个修改不会影响其他值；数据比较时：比较数值大小； 引用数据类型：变量在堆内存中保存的是内存地址，访问时访问的是内存的地址（指针），当两个变量引用的是同一个数据对象，一个改变，另一个也会改变；比较的是保存数据的内存地址二、堆和栈是什么？栈：主要表现为一种数据结构，是只能在某一端插入和删除的特...

一、DOM是什么？DOM（Document Object Model）：文档对象模型，它允许脚本(js)控制Web页面、窗口和文档；DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型二、DOM有什么用？DOM基本功能：① 查询某个元素② 查询某个元素的祖先、兄弟以及后代元素③ 获取、修改元素的属性④ 获取、修改元素的内容⑤ 创建、插入和删除

一、JS数据类型：基本数据类型：Number（数字）、String（字符串）、Boolean（布尔值）、Null、Undefined引用数据类型：Array（数组）、Function（函数）、Object（对象）；基本数据类型和引用数据类型的区别：1、基本数据类型：直接在栈内存中保存数据值，按值访问，变量与变量之间独立存在，其中一个修改不会影响其他值； 数据比较时：比较数值大小；2、引用数据类型：变量保存的是内存地址，访问时...