醋作墨写余生

最近开发的一个新平台，有要求接入视频监控通道，公司接入了海康威视平台提供的插件。于是自己去官网下载了demo和开发文档，准备自己捣鼓一下，经过一两天的时间，简单的实现了实时监控的播放和视频水印的开发，在这里分享一下。

遇见问题1： 嵌套iframe ，提示跨域问题。 经过研究，发现插件初始化位置是根据浏览器的初始位置来进行初始化的，导致视频插件位置不是以iframe的相对位置来初始化的。 解决方案：父窗口将iframe的相对位置 offset.top和offset.left传给iframe窗…

在解释跨域的概念之前，先让我们来了解下浏览器的同源策略，这也是为什么会有跨域的由来。 同源策略是一项约定，是浏览器的行为，限制了从同一个源下的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。 所谓同源是指 协议+域名+端口 三者都相同，不…

无论组件的dom位置在页面何方，会准确计算鼠标位置以及自动在右侧悬浮一个查看区域，并且当右侧位置超过边界后，查看区域会自动出现在左边。 boxSize: 设置放大镜主体框的大小，会自动在右侧生成一个与之同样大小的查看放大图像的悬浮框，默认500。 minImgUrl: 放大镜小…

为了搞明白原理，我先去翻了官方文档，>>飞机，点过去是不是很惊喜，很意外，通篇大文尽然只有最下方的一张图片与这个问题有关，并且啥也看不清，汗汗汗...

本文针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。 1. 实现一个call函数 2. 实现一个apply函数 3. 实现一个bind函数 4. instanceof的原理 5. Object.create的基本实现原理…

前几天逛 github 的时候看到一些前端的算法题，自己做了一遍发现还挺有意思的，因此整理了一下收录 daily-question 的 algorithm 文件夹中，后续会继续增加，本文分享我整理的十个算法题目。 完成将 toChineseNum， 可以将数字转换成中文大写的表…

61、两个子元素 一个有内容自动撑开，另一个为空如何跟随高度。

其实有很多有用的东西，当时学习了，也记住了，但是时间久了就是记不住，所以导致在日常开发中总是想不起来原来这个东西可以这么用，而去选择了更加复杂和麻烦的方式。其实我们日常学习的知识就是拿来用的，即使你今天把知识点背下来了，没有去思考这个知识点我们可以用来干嘛，不需要几天就会慢慢地…