KKKKKK6668的博客

前端获取kafka数据需要启用node.js服务端。服务端使用kafka-node插件，启动后获取kafka数据。vue-socket.io用于web端与启动的node服务做socket链接，从而将node服务端获取的数据发送到web页面。后续在使用过程中有其他问题会持续更新，以上为个人使用总结，如有错误欢迎指出，会及时更新。个人感觉是相关依赖版本之间的问题，但是没有深入的研究，有兴趣的可以调整寻找一下。启用node服务，选用的是express。以上为本地开发应用。

如何保持http的长时间连接效果首先设置http头部协议的connection属性为：keep-alive，另外还有一个相应的长连接过期时间，这个是由http头部协议的keep-alive属性控制的。即：connection:keep-alive;keep-alive:timeout=20;另外还可以设置长链接最多链接多少次：keep-alive:max=20;...

这个问题主要考的是JS队列加载的问题，三者的排序是：promise>async>setTimeout。具体的举例我就不说了，可以查一下头条的经典面试题，相信剖析的已经很清楚了，我这边大概的说一下。首先从最简单的setTimeout来说，setTimeout属于延迟方法，会被放倒最后，也就是主线程空闲的时候才会触发；async通常是搭配await使用的，而await使用后它后面的时间会...

ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法，它们的应用非常广泛，它们的作用也是一模一样，只是传参的形式有区别而已。applyapply()方法传入两个两个参数：一个是作为函数上下文的对象，另一个是作为函数参数所组成的数组。var obj = {name : ‘linxin’}function func(firstName, lastName){c...

JS数据类型的判断主要有三种方法：typeof、instanceof、Object.prototype.toString.call()1、typeof返回一个表示数据类型的字符串，返回结果包括：number、boolean、string、symbol、object、undefined、function等7种数据类型，但不能判断null、array等typeof Symbol(); // sy...

浏览器的缓存机制是一个让人又爱又恨的东西。它可以极大的提升用户体验；但是也因为从缓存里读取数据展示的却不是最新的，造成错误数据，因此在开发的过程中要将缓存处理一番。什么是缓存：把一个已经请求过得web资源【html页面、图片、js、数据】拷贝一份放在浏览器中。等下一次请求的时候，如果是相同的URL，浏览器会根据缓存机制决定是直接从缓存中读取数据还是向服务器发送数据请求。页面想要被浏览器缓存下...

目前项目中常用的请求接口的方法就是ajax和axios。两个相对应的框架是jq和VUE。另外还有一种不常用的fetch方式。下面就简单的说一下三者。ajax从开始一直沿用到现在，它本身已经非常完善了，使用还是非常方便的，硬要说缺点的话，可能也就是：它是针对MVC框架编程，不符合现在MVVM框架的潮流；想使用ajax就得引入jq，但是jq本身比较大，如果有其他选择就不要选择引入jq，感觉有点...

今天就简单的说一下项目中用到的一些循环：map和foreach两者既可以遍历数组也可以遍历对象，并且他们的用法和写法是相同的，都是通过callback来进行事件处理，而且传的参数也一样。下面使用map举例应用方式如下，其中的四个参数按顺序分别是：当前元素的值、当前元素的索引、当前元素属于哪个数组对象、本身的this指向【如果传入则指向调用该方法的位置；如果为传入则指向window】。这两...

首先说从输入地址栏开始到拿到html页面都经历了什么。浏览器从url中获取域名以及其他所需参数；通过DNS解析，把域名转换成相应的ip；通过IP查找到对应的服务器地址；与服务器建立连接；向服务发送所需数据，并等待服务器给出回应；服务器处理相应请求，并做出反应；浏览器收到服务器响应，得到html代码；渲染页面。这个期间浏览器和服务器还分别做了三次握手和四次挥手的动作，三次握手...

目前html页面中常用的设置单位基本就是： px , rem , 百分比 。其实还有一些不常用的，比如：em，vh,vw等。下面简单的说一下他们的区别是什么：px 是一个精准的像素单位，平时经常用感觉没什么好说的。em 是一个相对比例单位，它是相对于父元素来说的，假如父元素的font-size为12px,本身使用2em的话 那么就是24p...

在面试过程中，有时会被问到，css里面哪些属性可以继承，哪些属性不能继承。下面就简单的盘点一下。可以继承的属性：常用的font属性是可以继承的，比如：font-size,font-family,font-weight等；文本属性也是可以继承的，比如：text-align,line-height等；你可继承的属性：display属性，比如：display:none,flex,block等等...

首先var是js最开始使用的方法，let 和const是在ES6中开始使用的。他们的区别在于，var存在变量提升，而let和const没有。变量提升是指页面在处理Js的时候会先搜索所有的变量，然后将所有的变量提升到最顶部。由于var存在变量提升，所以通过var定义的变量可以先使用，后声明。来举个例子：相对的let和const没有变量提升，必须先声明再使用，不然就会报错。来看一个对应例子：...