Scroll
Dom元素滚动时触发的Scroll事件
事件对象：window, Dom元素
事件捕捉：元素滚动条滚动时
滚动原理(滚动发生了什么？)
页面重排: 页面重新生成布局，重排必定引起重绘
页面重绘: 页面重新绘制，不一定重排
事件方法
方法名
说明
...
凌
3个月前 (07-19) 144℃
4喜欢
前端算法
常用算法： dfs-深度优先查找, bfs-广度优先查找
数组查找
链表查找
深度优先查找(dfs)
常见场景：多维数组递归查找， 调用栈
递归
递归定义：调用自身函数
条件：递归条件(继续调用自身的条件)、基线条件(不继续递归的条件)
递归优化用法：尾递归
...
凌
8个月前 (02-18) 385℃
35喜欢
Scroll
Dom元素滚动时触发的Scroll事件
事件对象：window, Dom元素
事件捕捉：元素滚动条滚动时
滚动原理(滚动发生了什么？)
事件方法
方法名
说明
onScroll
滚动对象内部内容区域的滚动事件
onwheel
鼠标滚轮滚动触发事...
凌
1年前 (2021-07-14) 891℃
39喜欢
js相关方法
包含es6、常用原生js方法等
对象转数组
es6 对象遍历次序规则：
首先遍历所有数值键，按数值升序排列
其次遍历所有字符串键，按加入时间升序排列
最后遍历所有Symbol键，按加入时间升序排列
es6 对象遍历方法：
Object.keys()
f...
凌
1年前 (2021-05-31) 872℃
23喜欢
why websocket ?
html5特点： 更加便于创建更加现代时尚、响应式的web应用程序
html5 通信模式： websocket、服务端信息推送(SSE, server-send Event)、跨文档传信(cross-document messaging)
模...
凌
2年前 (2021-03-19) 1199℃
37喜欢
webSocket 实战篇
常见场景
实时数据监听
场景一： 实时通信 get数据模式
场景介绍：与服务端建立长连接，频繁实时获取服务端发来的数据，即时通信
需求分析：数据实时更新，保证服务端有新数据，客户端即刻响应并更新数据
技术目标：保证与服务端的通信时刻连通
技术思...
凌
2年前 (2021-03-12) 1082℃
2喜欢
功能实现
工作中一般需要解决的一些常见功能
画线并编辑 api：draw, modify
添加绘制功能 draw
注意事项： 在添加绘制功能之前，应提前先在地图渲染时，为绘制功能添加一个矢量图层
import VectorLayer from 'ol/layer/Vecto...
凌
2年前 (2021-01-23) 1738℃
18喜欢
视频流
流媒体：(Stream media) 一连串的多媒体资料压缩后，经过互联网分段发送，在互联网上即时传输影音的一种技术，影音数据包像流水一般在互联网上传输。
特点：支持实时播放，需要源媒体(摄像机、音频接口、屏幕捕捉软件)、将内容数字化的编码器、媒体发布者和内容传输网络；...
凌
2年前 (2020-12-15) 1432℃
6喜欢
openLayers
开源的javascript的库，用来在web浏览器显示地图，提供的API类似于Google地图和Bing地图
使用的默认投影坐标：EPSG：3857，和OSM(OpenStreetMap)/Google Map/Bing Map默认坐标一致; 不同于高德百...
凌
2年前 (2020-10-20) 1837℃
24喜欢
WebSocket
一种网络传输协议，可在单个TCP连接上进行两个设备之间的双向通信
原理：通过HTTP/1.1协议的101状态码进行 一次握手，建立长连接
优点： 允许服务器主动向客户端发推送数据/只需一次握手就可建立长连接/进行
运行环境：支持 web浏览器与web服务器通...
凌
2年前 (2020-08-12) 1223℃
15喜欢
nginx 反向代理解决跨域
坑坑坑 nginx >>html文件夹下index.html 要删除，否则自定义代理index 不生效
反向代理原理
定义：服务器根据客户端的请求，从其关联的一组或多组后端服务器(如web服务器)上获取资源返给客户端，客户端只接收代理服务器返回...
凌
2年前 (2020-08-12) 1228℃
0喜欢
Nodejs的简介 (运行Javascript编程语言的环境)
浏览器外运行v8引擎(google chrome 内核)–提高效率
libuv包–异步I/O ，事件驱动模型
全局/内置模块/第三方模块 API
底层调用操作系统 windows/linux...
凌
2年前 (2020-06-28) 1538℃
7喜欢
AES 加密
//块儿加密 块长度 128
//对称加密，每次迭代全加密（DES半加密）
//明文X轴，密文Y轴，加密迭代次数维数
攻击模式
PA: Padding attack //（填充攻击）
CPA: Chosen Plaintext Attack //选择明文攻击
CC...
凌
2年前 (2020-05-24) 1751℃
34喜欢
开发环境
vue 2.x webpack vuex axios vue-router
开发优化
vue-router 的自动化导入(中轻量级项目适合)
思路： 利用webpack的require.context 固定的页面目录结构
页面目录结构示例：
yourModule
...
凌
2年前 (2020-05-12) 1281℃
0喜欢
object 对象的巧用 浅拷贝，同原的利用
循环的时间复杂度远远高于，不循环，所以可以不用循环尽量不用。但是在开发中很多的循环是不可避免的，这时候就可以考虑来构造一个对象替代循环，通过对象属性直接查找目标，可以降低时间复杂度O(n)，提高性能。
尤其是在数组嵌套的数...
凌
2年前 (2020-04-30) 988℃
0喜欢
