LIYANG7911的博客

原创 前端音视频技术总结

WEB 上主流的视频直播方案有 HLS 和 RTMP，移动 WEB 端目前以 HLS 为主（HLS存在延迟性问题，也可以借助 video.js 采用RTMP），PC端则以 RTMP 为主实时性较好，接下来将围绕这两种视频流协议来展开H5直播主题分享。

原创 淘宝直播技术方案

1、subtype消息子类型，可用于定义私有应用扩展消息，我们私有信令的请求、临时响应、最终响应都是根据 subtype 区分的。subtype 的取值范围是 0 到 31，其中 31 预留将来做扩展的消息类型。APP 固定 payload type 是 204。可用于区分其它 RTP 和 RTCP 消息。3、SSRCSSRC 是 RTCP sender 的标识。4、Namename是应用名称，用于区分其它应用APP消息。

原创 直播技术的介绍

HLS(用于拉流端) Http Live Streaming，由Apple公司定义的基于HTTP的流媒体实时传输协议。RTMP:(可用于推流端和拉流端) Real Time Messaging Protocol 实时消息传输协议，RTMP协议中，视频必须是H264编码，音频必须是AAC或MP3编码，且多以flv格式封包。因为RTMP协议传输的基本是FLV格式的流文件，必须使用flash播放器才能播放.播放端：播放端就是各种app，网页中的播放器，拉取流媒体服务器上的视频流，然后进行转码，最终播放出来。

原创 音视频技术

网页即时通信（英语：Web Real-Time Communication），它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的。video.js是一款基于html5的播放器，同时支持h5和flash播放，并且拥有超过100个插件可进行使用，可满足hls、dash格式播放，支持定制主题，字幕扩展等不同层次的诉求，在世界范围拥有大量的应用场景。VP9是WebM Project开发的下一代视频编码格式。

原创 常见WebGIS系统解决方案

WebGIS（网络地理信息系统）是指工作在Web网上的GIS,是传统的桌面GIS在网络上的延伸和发展，具有传统GIS的特点，可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能，同时也是Internet 上地理信息发布、共享和交流协作的基础。

原创 shpfile、geojson

ESRI Shapefile（shp），或简称shapefile，是美国环境系统研究所公司（ESRI）开发的一种空间数据开放格式。[1]该文件格式已经成为了地理信息软件界的一个开放标准，这表明ESRI公司在全球的地理信息系统市场的重要性。Shapefile也是一种重要的交换格式，它能够在ESRI与其他公司的产品之间进行数据互操作。点，折线与多边形。例如，Shapefile文件可以存储井、河流、湖泊等空间对象的几何位置。

原创 不同坐标系经纬度转换

● WGS-84：是国际标准，GPS坐标（Google Earth使用、或者GPS模块、天地图）● GCJ-02：中国坐标偏移标准，Google Map、高德、腾讯使用。○ WGS-84 到 GCJ-02 的转换（即 GPS 加偏）○ GCJ-02 到 WGS-84 的转换。○ BD-09转换GCJ-02。○ GCJ-02转换BD-09。○ gg_lat 纬度。○ wgLat 纬度。○ wgLon 经度。○ wgLat 纬度。○ wgLon 经度。○ wgLat 纬度。○ wgLon 经度。

原创 瓦片(Tile)行列号计算方法

图片（x,y,z）像素（m,n）[注：像素坐标以左上角为原点，x轴向右，y轴向下]的经纬度[单位：度]与openmapstreet方法一致。：微软Bing地图使用的编码规范，Z的定义与谷歌相同，同一层级的瓦片不用XY两个维度表示，而只用一个整数表示，该整数服从四叉树编码规则。XY的原点在经度为0纬度位0的位置，X从左向右，Y从下向上。但是，如果我们想要自己爬取下载网上一些地图的瓦片，或者自己撸一个加载瓦片的方法，就要必须知道如何。：Z表示缩放层级，Z=zoom；XY的原点在左上角，X从左向右，Y从上向下。

原创 瓦片地图服务与地图瓦片原理

通过对瓦片服务以及瓦片的原理有了一个大致的理解，在实际应用中就更加得心应手，碰到疑难杂症或者某些需要优化的点的时候，也就有了切入口，甚至是会有更深的见解，知其然，也知其所以然。当然，纸上得来终觉浅，绝知此事要躬行，理论必须付诸实践才能发挥出其深层次的意义。

原创 CGCS2000 EPSG编码

原创 常用数据源

http://{s}.tianditu.gov.cn/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=http://{s}.tianditu.gov.cn/_w/wmts?service=wmts&request=Get

原创 常见坐标系EPSG编码

原创 投影坐标系

地图投影不是真正的平面，而是将地球表面上的三维曲面投影到二维平面上的数学转换方法。由于地球是一个椭球体，而地图是一个平面，因此在进行投影时，不可避免地会发生形状、面积、方向等方面的变形。在地图投影中，常见的投影方式包括圆柱投影、圆锥投影和平面投影。每种投影方式都有其优点和局限性，取决于地图制图的目的和地图覆盖的区域。

原创 GIS专业格式

是一种基于JSON（JavaScript Object Notation）的地理空间数据交换格式，用于编码点、线、面等地理要素及其属性信息TopoJSON 是 GeoJSON 的扩展，通过共享边界（弧段）和量化坐标减少冗余数据，文件大小通常比 GeoJSON 小 80%是一种基于的高效矢量地图数据格式，广泛应用于Web地图服务和GIS领域。

原创 Gis基础概念

地理数据是与地球表面上的地理位置相关的信息。它可以分为两种主要类型：矢量数据（点、线、多边形）和栅格数据（像素网格）。GIS软件是用于创建、编辑、分析和展示地理数据的工具。每个数据层都包含一种类型的地理数据，例如道路、河流、地块边界等。地理元数据是描述地理数据的信息，例如数据的来源、精度、更新频率等。空间分析是使用GIS工具和技术来解决地理问题的过程。数据采集是获取地理数据的过程。地理数据库是专门用于存储和管理地理数据的数据库系统。地理定位是确定物体或事件在地球上的具体位置的过程，通常使用GPS等工具。

原创 深度学习模型部署综述

训练一个深度学习模型；使用不同的推理框架对模型进行推理转换；在应用平台运行转换好的模型。步骤看起来比较简单，但是牵扯的到的知识还是比较多。在实际应用过程中，我们使用的模型通常不会太简单，因为要确保模型的精度。但是，实际应用场景往往需要模型速度与精度能达到一个较好的平衡。因此这就需要在算法（剪枝，压缩等）与底层（手写加速算作）去优化模型。但是，我们现在可以站在巨人的肩膀上去眺望世界，因此，该文章会给大家介绍一些常用的开源推理框架，大家一起参考学习。毕竟大牛团队做出来的好用一些。。。

原创 计算机视觉（下）

图像分类是根据图像的语义信息对不同类别图像进行区分，是计算机视觉的核心，是物体检测、图像分割、物体跟踪、行为分析、人脸识别等其他高层次视觉任务的基础。图像分类在许多领域都有着广泛的应用，如：安防领域的人脸识别和智能视频分析等，交通领域的交通场景识别，互联网领域基于内容的图像检索和相册自动归类，医学领域的图像识别等。上一节主要介绍了卷积神经网络常用的一些基本模块，本节将基于眼疾分类数据集iChallenge-PM，对图像分类领域的经典卷积神经网络进行剖析，介绍如何应用这些基础模块构建卷积神经网络，解决图像分类

原创 计算机视觉（上）

飞桨卷积算子对应的API是，用户可以直接调用API进行计算，也可以在此基础上修改。Conv2D名称中的“2D”表明卷积核是二维的，多用于处理图像数据。类似的，也有Conv3D可以用于处理视频数据（图像的序列）。classin_channels(int) - 输入图像的通道数。out_channels(int) - 卷积核的个数，和输出特征图通道数相同，相当于上文中的����Cout。

原创 零基础入门深度学习（下）

近年来，深度学习在很多机器学习任务中都有着非常出色的表现，在图像识别、语音识别、自然语言处理、机器人、网络广告投放、医学自动诊断和金融等领域都有着广泛应用。节省编写大量底层代码的精力：深度学习框架屏蔽了底层实现，用户只需关注模型的逻辑结构，同时简化了计算逻辑，降低了深度学习入门门槛；省去了部署和适配环境的烦恼：深度学习框架具备灵活的移植性，可将代码部署到CPU、GPU或移动端上，选择具有分布式性能的深度学习框架会使模型训练更高效。

原创 零基础入门深度学习（上）

建模领域的技术壁垒面临着颠覆，也是新入行者的机遇。通俗的讲，深度学习的模型可以视为是输入到输出的映射函数，如图像到高级语义（美女）的映射，足够深的神经网络理论上可以拟合任何复杂的函数。此处可见，计算梯度gradient_w的维度是3×133×13，并且其第1行与上面第1个样本计算的梯度gradient_w_by_sample1一致，第2行与上面第2个样本计算的梯度gradient_w_by_sample2一致，第3行与上面第3个样本计算的梯度gradient_w_by_sample3一致。

原创 算法工程师-学习资料汇总

观看顺序是：起航篇、离港篇、封装篇、继承篇、多态篇、模板篇。

原创 Electron最佳实践

本文介绍了我们对桌面端技术的调研、确定技术选型，以及用 electron 开发过程中，总结的实践经验，如构建、性能优化、质量保障、安全等。希望对读者在开发桌面应用过程中有所帮助，文章难免有不足和错误的地方，欢迎读者在评论区交流。

原创 SQLite嵌入式数据库

可以小于 750KiB，具体取决于目标平台和编译器优化设置。并且一些编译器优化（例如激进的函数内联和循环展开）可能会导致目标代码更大。SQLite 通常运行得越快，你给它的内存就越多。尽管如此，即使在低内存环境中，性能通常也相当不错。SQLite 是一个嵌入式 SQL 数据库引擎。与大多数其他 SQL 数据库不同，SQLite 没有单独的服务器进程。SQLite 直接读写普通磁盘文件。具有多个表、索引、触发器和视图的完整 SQL 数据库包含在单个磁盘文件中。SQLite 是一个紧凑的库。

原创 常见问题汇总

为了确保您的应用程序能够正确访问 userData 目录，建议使用 Electron 提供的 app.getPath 方法获取 userData 路径，而不是手动构建路径。userData 路径通常是 C:\Users\用户名\AppData\Roaming\应用程序名，其中 用户名 是您的 Windows 用户名，应用程序名 是您的 Electron 应用程序的名称。Electron 的缓存文件夹位置是由应用程序的 userData 路径决定的，这个路径通常是操作系统的用户目录下的一个特定目录。

原创 Node.js性能平台运行时版本和官方对应列表

增加 TCP / RegExp / Event Loop 监控开关（默认关闭）TCP_MONITOR=YESREGEXP_MONITOR=YESLOOP_MONITOR=YES。合并官方 v6.11.0修复 V8 数据读取的race condition alinode 相关警告改为输出到 stderr，启用 —no-warnings 时不输出。合并官方 v6.10.2，修复遗留的 GC log race。合并官方 v6.9.4，修复系统时间跳变引出的大量日志问题。合并 v12.0.0 的 beta 版本。

原创 ReactNative导航

React Navigation 是一个用于 React Native 应用程序的第三方导航库，可以让您轻松地添加导航功能到您的应用程序中。

原创 Uni-app介绍

http://emas.weex.io/zh/guide/introduction.html#%E6%A6%82%E8%BF%B0https://alibaba.github.io/bindingx/guide/cn_introduce在nvue中使用实例：4.app自动升级1.app资源在线升级/热更新uni-app 资源在线升级/热更新 - DCloud问答注：本文为前端代码资源热更新。如果是整包升级，另见文档uni-app 整包升级/更新方案 - DCloud问答HBuilderX 1.

原创 移动端跨端框架为什么流行？

阿里巴巴：淘宝部分页面使用，其他app有些进行了全量开发，闲鱼引入Flutter，也是为了kpi，另外也是为了降低团队的开发成本，因为闲鱼盈利水平较差。大厂对于应用程序的性能有较高的要求，目前国内大厂使用跨端框架的项目都是一些边缘产品，对性能要求不高，自家核心产品也只是在部分页面进行了集成。国内外大厂：不缺资金和人员，单独养android和ios两个团队，没什么问题，但是原生的开发效率太低，提高效率是大厂的迫切需求。腾讯：qq和微信只是部分访问量较低的页面进行了试行，其他新开非核心产品进行了全量开发。

原创 像素、分辨率、视口

是浏览器的工作，而不是设备或操作系统的工作。因此，同一设备上的不同浏览器拥有不同的理想视口。浏览器的理想视口的大小也取决于它所处的设备。

原创 Vue.js项目规范

必须使用 camelCase 驼峰命名必须指定类型必须加上注释，表明其含义必须加上 required 或者 default，两者二选其一如果有业务需要，必须加上 validator 验证正例：props: {props: {// 组件状态，用于控制组件的颜色// 组件状态，用于控制组件的颜色status: {status: {return [return ['succ','succ','info','info','error''error'== -1。

原创 代码编码规范

正例： scripts / styles / components / images / utils / layouts / demo-styles / demo-scripts / img / doc。避免使用 XHTML。代码中的命名严禁使用拼音与英文混合的方式，更不允许直接使用中文的方式。条件判断能使用三目运算符和逻辑运算符解决的，就不要使用条件判断，但是谨记不要写太长的三目运算符。ID 和 class 的名称总是使用可以反应元素目的和用途的名称，或其他通用的名称，代替表象和晦涩难懂的名称。

原创 屏幕自适应

vw相比于rem的优势优势一：不需要去计算 html 的 font-size 大小，不需要给 html 设置 font-size，也不需要设置 body 的 font-size ，防止继承；优势二：因为不依赖 font-size 的尺寸，所以不用担心某些原因 html 的 font-size 尺寸被篡改，页面尺寸混乱；优势三：vw 相比于 rem 更加语义化，1vw 是 1/100 的 viewport 大小（即将屏幕分成 100 份）;并且具备 rem 之前所有的优点；vw和。

原创 前端项目如何准确预估个人工时

前端需要理解业务逻辑，需要做数据校验，对于类似下拉数据，图片上传，可能还要和后端沟通，数据从哪里取，分别表示什么意思，怎么上传图片，提交数据后，成功后要怎么做，以及失败的异常处理，用户填了一半数据之后，刷新了界面，应该如何处理，后端接口没出来前，需要自己mock接口，用来自测。可能没有直接可用的组件，即使有，前端可能需要查组件文档，看具体用法, 还得处理loading状态，空状态，然后还得查看后端接口文档，看哪些字段需要额外处理，最后还得自测，甚至可能在真正对接前，需要自己造mock接口。

原创 Vue.js技术归纳

Vue 支持组件间的通信，尤其是通过自定义事件来传递信息。通过$emit和$on方法，组件之间可以轻松地发送和接收消息，这对于构建复杂的交互式应用非常重要。

原创 React.js技术归纳

React.js 是 Facebook 开发的一款用于构建用户界面的 JavaScript 库，其设计目标是提高大规模应用的性能和可维护性。

原创 JavaScript技术原理

在 JavaScript 中，闭包是指一个函数可以访问并操作它创建时所在作用域内的变量，即使该函数在外部作用域中被调用。换句话说，闭包是由函数及其相关的引用环境组合而成的一个实体。// 输出: 1, 2, 3, 4, 5在这个例子中，MyIterable类实现了方法，该方法返回一个生成器，生成器使用yield关键字来产生值。这样，myIterable就成为了可迭代对象，可以使用for...of循环来遍历。

原创 Chrome调试技巧

console函数支持的占位符：占位符描述%cCSS样式占位符，值就是CSS样式，如下示例，可用来自定义log的样式%o or %O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%d or %i打印整数。支持数字格式化。例如，console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字：Foo 01。%s打印字符串。%f打印浮点数。

原创 互联网传输技术

面向无连接，不可靠传输，连接前不需要握手。面向连接，可靠传输，连接前需要3次握手。

原创 浏览器技术原理

每调用一个函数，JavaScript 引擎会为其创建执行上下文，并把该执行上下文压入调用栈，然后 JavaScript 引擎开始执行函数代码。如果在一个函数 A 中调用了另外一个函数 B，那么 JavaScript 引擎会为 B 函数创建执行上下文，并将 B 函数的执行上下文压入栈顶。当前函数执行完毕后，JavaScript 引擎会将该函数的执行上下文弹出栈。当分配的调用栈空间被占满时，会引发“堆栈溢出”问题。当我们编写JavaScript代码时，它实际上是一种高级语言，这种语言并不是机器语言。

原创 高级前端进阶指南

/ 权限获取 useAuth({ setMenus, });// 解开参数和返回值中的Promise asyncMethod<T, U>(input: Promise<T>): Promise<Action<U>> ↓ asyncMethod<T, U>(input: T): Action<U> // 解开参数中的Action syncMethod<T, U>(action: Action<T>): Action<U> ↓ syncMethod<T, U>(action: T): Action<U>