作者: linder

46 篇文章

前端开发之:数据算法基础-1-深度优先(递归)、广度优先
前端算法 常用算法: dfs-深度优先查找, bfs-广度优先查找 数组查找 链表查找 深度优先查找(dfs) 常见场景:多维数组递归查找, 调用栈 递归 递归定义:调用自身函数 条件:递归条件(继续调用自身的条件)、基线条件(不继续递归的条件) 递归优化用法:尾递归 示例 递归 function recursionFun(i) { //基线条件 …
前端开发之:js基础系列-浏览器滚动事件
Scroll Dom元素滚动时触发的Scroll事件 事件对象:window, Dom元素 事件捕捉:元素滚动条滚动时 滚动原理(滚动发生了什么?) 事件方法 方法名 说明 onScroll 滚动对象内部内容区域的滚动事件 onwheel 鼠标滚轮滚动触发事件(主要和onScroll做区别) scroll(x, y)或 scroll(options…
前端开发之javascript方法:对象转数组(es6)
js相关方法 包含es6、常用原生js方法等 对象转数组 es6 对象遍历次序规则: 首先遍历所有数值键,按数值升序排列 其次遍历所有字符串键,按加入时间升序排列 最后遍历所有Symbol键,按加入时间升序排列 es6 对象遍历方法: Object.keys() for...in... Object.getOwnPropertyNames() Ob…
前端开发实时通信之:webSocket 实战篇
webSocket 实战篇 [toc] 常见场景 实时数据监听 场景一: 实时通信 get数据模式 场景介绍:与服务端建立长连接,频繁实时获取服务端发来的数据,即时通信 需求分析:数据实时更新,保证服务端有新数据,客户端即刻响应并更新数据 技术目标:保证与服务端的通信时刻连通 技术思路:通过对websocket state的监听,根据不同的状态分类…
前端开发之:openlayers框架,地图相关开发中常见功能
功能实现 工作中一般需要解决的一些常见功能 画线并编辑 api:draw, modify 添加绘制功能 draw 注意事项: 在添加绘制功能之前,应提前先在地图渲染时,为绘制功能添加一个矢量图层 import VectorLayer from 'ol/layer/Vector' import VectorSource from "ol/source…
前端开发之流媒体播放:直播,视频流开发研究
视频流 流媒体:(Stream media) 一连串的多媒体资料压缩后,经过互联网分段发送,在互联网上即时传输影音的一种技术,影音数据包像流水一般在互联网上传输。 特点:支持实时播放,需要源媒体(摄像机、音频接口、屏幕捕捉软件)、将内容数字化的编码器、媒体发布者和内容传输网络;不需要在源点录制。 与本地影音播放区别:无需下载整个媒体文件;需要网络的…
前端开发之GIS地图框架:openlayers
openLayers 开源的javascript的库,用来在web浏览器显示地图,提供的API类似于Google地图和Bing地图 使用的默认投影坐标:EPSG:3857,和OSM(OpenStreetMap)/Google Map/Bing Map默认坐标一致; 不同于高德百度地图的数据格式('EPSG:4326' WGS 84),使用前注意转换…
程序开发之计算机基础:应用基础
计算机应用基础 数制与编码 二进制:电子的正负极、基于电路的开关状态,简单的两种、简单的计算、逻辑性强、出错率低 数据表示:位(bit)、字节、字 数据表示 位 (bit,计算机最小的存储单位,二进制数据中的一个位,每增加一个位能表示的信息量增加一倍) 字节 (Byte, 一个字节为8个位, 计算机处理数据的基本单位,以字节为单位解释信息)(一个字…
前端开发数据传输实时通信之:WebSocket传输
WebSocket 一种网络传输协议,可在单个TCP连接上进行两个设备之间的双向通信 原理:通过HTTP/1.1协议的101状态码进行 一次握手,建立长连接 优点: 允许服务器主动向客户端发推送数据/只需一次握手就可建立长连接/进行 运行环境:支持 web浏览器与web服务器通信,无需客户端 与 HTTP 不同:但都是依赖于TCP传输协议,webs…