树的遍历
遍历顺序是根据访问父结点的时序确定的
先序遍历
优先访问父结点,然后依次访问左子结点,右子结点
const traverse = (parentNode, callback)=>{
if(parentNode !== null){
...
2周前 (03-12) 54℃
0喜欢
浏览器请求拦截
对 window.XMLHttpRequest 对象的重写
拦截请求入参(通过修改send方法修改)
class XMLHttpRequestInter extends window.XMLHttpRequest {
constructor(){
...
2个月前 (02-07) 93℃
0喜欢
字符编码
unicode
国际化,字符类型之前转换无损
UTF-8,UTF-16, UTF-32
类型
说明
UTF-8
最常用字符编码, 一般由1-4个字节(对应ASCII编码的0-127),也可在5-6个字节(不在ASCII码中)表示, 可变长度
UTF...
4个月前 (11-20) 176℃
19喜欢
Scroll
Dom元素滚动时触发的Scroll事件
事件对象:window, Dom元素
事件捕捉:元素滚动条滚动时
滚动原理(滚动发生了什么?)
页面重排: 页面重新生成布局,重排必定引起重绘
页面重绘: 页面重新绘制,不一定重排
事件方法
方法名
说明
...
8个月前 (07-19) 445℃
4喜欢
前端算法
常用算法: dfs-深度优先查找, bfs-广度优先查找
数组查找
链表查找
深度优先查找(dfs)
常见场景:多维数组递归查找, 调用栈
递归
递归定义:调用自身函数
条件:递归条件(继续调用自身的条件)、基线条件(不继续递归的条件)
递归优化用法:尾递归
...
1年前 (2022-02-18) 674℃
35喜欢
Scroll
Dom元素滚动时触发的Scroll事件
事件对象:window, Dom元素
事件捕捉:元素滚动条滚动时
滚动原理(滚动发生了什么?)
事件方法
方法名
说明
onScroll
滚动对象内部内容区域的滚动事件
onwheel
鼠标滚轮滚动触发事...
2年前 (2021-07-14) 1157℃
39喜欢
js相关方法
包含es6、常用原生js方法等
对象转数组
es6 对象遍历次序规则:
首先遍历所有数值键,按数值升序排列
其次遍历所有字符串键,按加入时间升序排列
最后遍历所有Symbol键,按加入时间升序排列
es6 对象遍历方法:
Object.keys()
f...
2年前 (2021-05-31) 1177℃
23喜欢
why websocket ?
html5特点: 更加便于创建更加现代时尚、响应式的web应用程序
html5 通信模式: websocket、服务端信息推送(SSE, server-send Event)、跨文档传信(cross-document messaging)
模...
2年前 (2021-03-19) 1747℃
37喜欢
webSocket 实战篇
常见场景
实时数据监听
场景一: 实时通信 get数据模式
场景介绍:与服务端建立长连接,频繁实时获取服务端发来的数据,即时通信
需求分析:数据实时更新,保证服务端有新数据,客户端即刻响应并更新数据
技术目标:保证与服务端的通信时刻连通
技术思...
2年前 (2021-03-12) 1387℃
2喜欢
功能实现
工作中一般需要解决的一些常见功能
画线并编辑 api:draw, modify
添加绘制功能 draw
注意事项: 在添加绘制功能之前,应提前先在地图渲染时,为绘制功能添加一个矢量图层
import VectorLayer from 'ol/layer/Vecto...
2年前 (2021-01-23) 2278℃
23喜欢
视频流
流媒体:(Stream media) 一连串的多媒体资料压缩后,经过互联网分段发送,在互联网上即时传输影音的一种技术,影音数据包像流水一般在互联网上传输。
特点:支持实时播放,需要源媒体(摄像机、音频接口、屏幕捕捉软件)、将内容数字化的编码器、媒体发布者和内容传输网络;...
2年前 (2020-12-15) 1820℃
6喜欢
openLayers
开源的javascript的库,用来在web浏览器显示地图,提供的API类似于Google地图和Bing地图
使用的默认投影坐标:EPSG:3857,和OSM(OpenStreetMap)/Google Map/Bing Map默认坐标一致; 不同于高德百...
2年前 (2020-10-20) 2300℃
24喜欢
计算机应用基础
数制与编码
二进制:电子的正负极、基于电路的开关状态,简单的两种、简单的计算、逻辑性强、出错率低
数据表示:位(bit)、字节、字
数据表示
位 (bit,计算机最小的存储单位,二进制数据中的一个位,每增加一个位能表示的信息量增加一倍)
字节 (Byte, ...
3年前 (2020-09-25) 1596℃
7喜欢
WebSocket
一种网络传输协议,可在单个TCP连接上进行两个设备之间的双向通信
原理:通过HTTP/1.1协议的101状态码进行 一次握手,建立长连接
优点: 允许服务器主动向客户端发推送数据/只需一次握手就可建立长连接/进行
运行环境:支持 web浏览器与web服务器通...
3年前 (2020-08-12) 1435℃
15喜欢
nginx 反向代理解决跨域
坑坑坑 nginx >>html文件夹下index.html 要删除,否则自定义代理index 不生效
反向代理原理
定义:服务器根据客户端的请求,从其关联的一组或多组后端服务器(如web服务器)上获取资源返给客户端,客户端只接收代理服务器返回...
3年前 (2020-08-12) 1435℃
0喜欢