随风丶逆风

疫情居家开会的时候，看到有人通过「虚拟形象」功能，给自己戴上了口罩、眼镜之类，于是想到了是不是也可以搞一个简单的虚拟形象系统。主要使用了face-api.js，一篇简单的教学文档吧~

本文从常见音视频技术入手，逐步介绍WebRTC相关知识，如通信过程、信令服务器、常见API等，最后搭建一个简单的实时通信系统。

介绍几种cocos creator实现不规则区域点击的方法，并横向对比优劣，最终给出一个可能的最佳实践

网络环境总是多样且复杂的，一张图片可能会因为网路状况差而加载失败或加载超长时间，也可能因为权限不足或者资源不存在而加载失败，这些都会导致用户体验变差，所以我们需要一个图片加载异常的兜底方案。 直接在img标签上使用内联事件处理图片加载失败的情况，但是这种方式代码侵入性太大，指不…

埋点，它的学名是事件追踪（Event Tracking），主要是针对特定用户行为或业务过程进行捕获、处理和发送的相关技术及实施过程。埋点是数据领域的一个专业术语，也是互联网领域的一个俗称。 埋点是产品数据分析的基础，一般用于推荐系统的反馈、用户行为的监控和分析、新功能或者运营活…

随着移动端领域的快速发展，业务场景愈发复杂，为减少开发量和投入成本，混合应用（Hybrid App）占据了不少市场。混合应用承载H5页面的容器就是webview，前端人员在开发过程中或多或少都需要与原生（Native App）之间交互，这个交互的桥梁就叫做JSBridge。同样…

对比资源较少的页面，偶发闪屏（概率极小），资源较大的页面频繁闪频（概率极大）。大致定位原因是webview本身有所限制。 对比安卓和ios，发现安卓没有问题，ios才有。大致定位原因是ios的webview的问题 开启safari检查器，在控制台的时间线（timeline）上看…

若采用前端截图的方案，大致过程如下。将html转图片提交，三次兜底上传至服务端，成功后获得回传id，若三次失败，则提示错误。 前端截图的方案有两个缺陷不能避免，第一转图片比较费时（具体查看方案实践）；其次提交的过程受网络情况影响。这两点加起来一次过程可能就要2秒以上。 下面说说…

在created()钩子函数执行的时候DOM 其实并未进行任何渲染。 在数据变化后要执行的某个操作，而这个操作需要使用随数据改变而改变的DOM结构的时候，这个操作都应该放进Vue.$nextTick()的回调函数中。 父组件可以使用 props 把数据传给子组件。 子组件可以使…