WebRTC功能相关的一些例子：https://webrtc.github.io/samples/ WebRTC相关的API：https://developer.mozilla.org/zh-CN/docs/Web/API/WebRTC_API MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可，媒体输入会产生一个MediaStream，里面包含了请求的媒体类

Vite 支持使用特殊的 函数从文件系统导入多个模块： const modules = import.meta.glob('./dir/*.js') 以上将会被转译为下面的样子： // vite 生成的代码 const modules = { './dir/foo.js': () => import('./dir/foo.js'), './dir/bar.js': () => impo

进行微信公众号网页开发的时候，微信平台一般有如下几个要求： 必须是https协议 通过验证的可信域名 开发过程中一般有如下几个需求： 本地开发，正常调用微信API，实时调试。 和正常浏览器一样的开发体验。 构建工具都自带了web服务器，但是对于配置https以及自定义域名不是很友好。所以一般通过反向代理来实现自定义域名以及https： 假设开发服务器地址为：http://192.168.2.3:8

今天把一个以前的古早项目拖出来，准备跑起来改一改。 # 安装npm包 yarn i - D # 运行 yarn run serve 一番操作下来，如行云流水。结果报错了： opensslErrorStack: , library: 'digital envelop

官方文档：https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html 为了识别用户，每个用户针对每个公众号会产生一个安全的OpenID，如果需要在多公众号、移动应用之间做用户共通，则需前往微信开放平台，将这些公众号和应用绑定到一个开放平台账号下，绑定后，一个用户虽然对多个公众号和应用有多个不同的Ope

参考文章：https://www.pipipi.net/questions/13598.html 事件总线是对发布-订阅模式的一种实现，它是一种集中式事件处理机制，允许不同的组件之间进行彼此通信而又不需要相互依赖，达到一种解耦的目的。 发布订阅模式定义对象间一种一对多的依赖关系，使得每当一个对象改变状态，则所有依赖于它的对象都会得到通知并被自动更新。 发布订阅模式主要有两个角色： 发布方（Publ

在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能降低用户的使用成本和流程，大大提高了用户的体验。 拖动: drag 双指缩放: pinch 双指旋转: rotate 单指缩放: singlePinch 单指旋转: singleRotate 长按: tap 滑动: swipe 所有的手势都是基

简单说就是类似电脑桌面，通过鼠标选择多个图标的那种效果。如下： 监测外部容器的mousedown、mousemove、mouseup事件来进行选择判断，大致dom结构如下： <div class="test"> <!--鼠标移动时显示的选择框--> <div class="move"></div> <!-- 待选项 --> <div

首先回顾一下以前了解过的Web API（强确实强，但很少用到...） Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。 相关文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API  全屏 API 为使用用户的整个屏幕展

fill()，方法用于填充已有的闭合路径，假设有一个如下图的路径，默认情况下圆和方形都会被填充，最后的效果就是一个黑色的方形； 通过fillRule参数，可以指定填充的算法，决定点是在路径内还是在路径外。 允许的值： "nonzero": 非零环绕规则，默认的规则。 "evenodd": 奇偶环绕规则。 将填充规则设置为evenodd，绘制的结果会变为下面这样，通过这种方式可以实现反向裁剪。 通过

最开始学html5的时候，曾特意了解过canvas，还记得当时为了搞明白canvas的api，绞尽脑汁了很多个日日夜夜。 但实际工作后用的非常少，到现在canvas的api忘的也差不多了。目前打算好好学一下canvas，尝试一下更多的可能性。 一些资料的收集： Canvas相关的框架的使用，小程序有自带的Canvas框架，还有Egret 、Phaser等；可视化数据的相关框架有：echarts、h

相关书籍：https://www.zhihu.com/pub/book/119565131 React Native：https://github.com/reactnativecn/react-native-guide Create React App：https://create-react-app.dev/  最简易的 React 示例如下： const root = ReactDOM.cr