前端开发之: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…
前端开发数据传输跨域问题解决方案之:nginx反向代理
nginx 反向代理解决跨域 坑坑坑 nginx >>html文件夹下index.html 要删除,否则自定义代理index 不生效 反向代理原理 定义:服务器根据客户端的请求,从其关联的一组或多组后端服务器(如web服务器)上获取资源返给客户端,客户端只接收代理服务器返回的数据 特点:服务器端的代理,客户端只能获得代理服务器的ip地址,但不知道数…
浏览器网络http之:cookie
cookie 小型文本文件 4kB 左右, 存储在用户端 分类:内寸 cookie(浏览器管理存储在内存中,浏览器关闭即失效);硬盘 cookie(存储在硬盘中,有过期时间,也可手动删除,较内存 cookie 存储时间长) 缺陷:安全性低,明文传递;存储小,复杂数据存储不了;增加流量,每个 http 请求中都会加入。 使用注意点:浏览器“回退”,c…
数据结构之:链表
数据结构 链表 定义:head current current.next ,只已知第一节点,通过每个节点里存储下一节点地址的指针,形成线性数据存储关系,不按顺序的存储降低了数据插入/删除的时间复杂度。逻辑上相邻,物理上不相邻。 存储结构:共用存储空间/独立存储空间 特性:善于数据的增删改查,无序存储的数据检索效率比较低 共用存储空间 节点和其他数据…
前端全栈开发之:Node.js
Nodejs的简介 (运行Javascript编程语言的环境) 浏览器外运行v8引擎(google chrome 内核)--提高效率 libuv包--异步I/O ,事件驱动模型 全局/内置模块/第三方模块 API 底层调用操作系统 windows/linux/macOS 底层代码是C++编写的。 nodejs 安装 官网地址:https://nod…
前端开发数据传输加密方式之:AES加密
AES 加密 //块儿加密 块长度 128 //对称加密,每次迭代全加密(DES半加密) //明文X轴,密文Y轴,加密迭代次数维数 攻击模式 PA: Padding attack //(填充攻击) CPA: Chosen Plaintext Attack //选择明文攻击 CCA: chosen-ciphertext attack //选择密文攻击…