- 博客(12)
- 收藏
- 关注
RSS订阅原创 VUE2 前端应用kafka-node + vue-socket.io 获取kafka数据在前端展示
前端获取kafka数据需要启用node.js服务端。服务端使用kafka-node插件，启动后获取kafka数据。vue-socket.io用于web端与启动的node服务做socket链接，从而将node服务端获取的数据发送到web页面。后续在使用过程中有其他问题会持续更新，以上为个人使用总结，如有错误欢迎指出，会及时更新。个人感觉是相关依赖版本之间的问题，但是没有深入的研究，有兴趣的可以调整寻找一下。启用node服务，选用的是express。以上为本地开发应用。
2023-11-26 20:07:02
1000
原创 如何保持http的长时间连接效果
如何保持http的长时间连接效果首先设置http头部协议的connection属性为：keep-alive，另外还有一个相应的长连接过期时间，这个是由http头部协议的keep-alive属性控制的。即：connection:keep-alive;keep-alive:timeout=20;另外还可以设置长链接最多链接多少次：keep-alive:max=20;...
2020-07-31 15:52:45
553
原创 SetTimeOut,promise和async有什么区别？
这个问题主要考的是JS队列加载的问题，三者的排序是：promise>async>setTimeout。具体的举例我就不说了，可以查一下头条的经典面试题，相信剖析的已经很清楚了，我这边大概的说一下。首先从最简单的setTimeout来说，setTimeout属于延迟方法，会被放倒最后，也就是主线程空闲的时候才会触发；async通常是搭配await使用的，而await使用后它后面的时间会...
2020-05-07 23:20:19
2809
1
原创 js中call和apply的用法有哪些？
ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法，它们的应用非常广泛，它们的作用也是一模一样，只是传参的形式有区别而已。applyapply()方法传入两个两个参数：一个是作为函数上下文的对象，另一个是作为函数参数所组成的数组。var obj = {name : ‘linxin’}function func(firstName, lastName){c...
2020-04-19 15:46:25
142
转载 JS中判断数据类型的方法有哪些？
JS数据类型的判断主要有三种方法：typeof、instanceof、Object.prototype.toString.call()1、typeof返回一个表示数据类型的字符串，返回结果包括：number、boolean、string、symbol、object、undefined、function等7种数据类型，但不能判断null、array等typeof Symbol(); // sy...
2020-04-19 15:11:23
225
原创 浏览器的缓存原理与流程是怎样的？
浏览器的缓存机制是一个让人又爱又恨的东西。它可以极大的提升用户体验；但是也因为从缓存里读取数据展示的却不是最新的，造成错误数据，因此在开发的过程中要将缓存处理一番。什么是缓存：把一个已经请求过得web资源【html页面、图片、js、数据】拷贝一份放在浏览器中。等下一次请求的时候，如果是相同的URL，浏览器会根据缓存机制决定是直接从缓存中读取数据还是向服务器发送数据请求。页面想要被浏览器缓存下...
2020-04-19 14:45:54
266
原创 项目中常用的接口请求方式有ajax、axios、fetch，它们的区别是什么？
目前项目中常用的请求接口的方法就是ajax和axios。两个相对应的框架是jq和VUE。另外还有一种不常用的fetch方式。下面就简单的说一下三者。ajax从开始一直沿用到现在，它本身已经非常完善了，使用还是非常方便的，硬要说缺点的话，可能也就是：它是针对MVC框架编程，不符合现在MVVM框架的潮流；想使用ajax就得引入jq，但是jq本身比较大，如果有其他选择就不要选择引入jq，感觉有点...
2020-04-17 22:55:21
512
原创 目前项目中常用的循环方式有：for，map，$each，swith,forEach等他们有什么区别呢？
今天就简单的说一下项目中用到的一些循环：map和foreach两者既可以遍历数组也可以遍历对象，并且他们的用法和写法是相同的，都是通过callback来进行事件处理，而且传的参数也一样。下面使用map举例应用方式如下，其中的四个参数按顺序分别是：当前元素的值、当前元素的索引、当前元素属于哪个数组对象、本身的this指向【如果传入则指向调用该方法的位置；如果为传入则指向window】。这两...
2020-04-17 21:00:45
310
原创 从访问地址栏开始到页面渲染完成都经历了什么？
首先说从输入地址栏开始到拿到html页面都经历了什么。浏览器从url中获取域名以及其他所需参数；通过DNS解析，把域名转换成相应的ip；通过IP查找到对应的服务器地址；与服务器建立连接；向服务发送所需数据，并等待服务器给出回应；服务器处理相应请求，并做出反应；浏览器收到服务器响应，得到html代码；渲染页面。这个期间浏览器和服务器还分别做了三次握手和四次挥手的动作，三次握手...
2020-04-17 00:47:40
303
原创 项目中常用的几种长度单位：px,em,rem,vh,vw的区别在哪里呢？
目前html页面中常用的设置单位基本就是： px , rem , 百分比 。其实还有一些不常用的，比如：em，vh,vw等。下面简单的说一下他们的区别是什么：px 是一个精准的像素单位，平时经常用感觉没什么好说的。em 是一个相对比例单位，它是相对于父元素来说的，假如父元素的font-size为12px,本身使用2em的话 那么就是24p...
2020-04-16 18:18:08
1052
原创 css中可以继承的样式有哪些，不可以继承的又有哪些，以及样式书写的顺序
在面试过程中，有时会被问到，css里面哪些属性可以继承，哪些属性不能继承。下面就简单的盘点一下。可以继承的属性：常用的font属性是可以继承的，比如：font-size,font-family,font-weight等；文本属性也是可以继承的，比如：text-align,line-height等；你可继承的属性：display属性，比如：display:none,flex,block等等...
2020-04-15 22:27:34
854
1
原创 JS中常用的声明方式：var , let ,const 三者的区别在哪里
首先var是js最开始使用的方法，let 和const是在ES6中开始使用的。他们的区别在于，var存在变量提升，而let和const没有。变量提升是指页面在处理Js的时候会先搜索所有的变量，然后将所有的变量提升到最顶部。由于var存在变量提升，所以通过var定义的变量可以先使用，后声明。来举个例子：相对的let和const没有变量提升，必须先声明再使用，不然就会报错。来看一个对应例子：...
2020-04-15 10:00:32
229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人