Passer_By75663

基于一个复杂的图片预览的弹窗之上新增一个裁剪功能，直接用新的插件改掉原来的功能又很复杂而且操作方式与需求不符。因此需要自定义一个简单的裁剪功能。以canvas画布元素与图片标签的位置关系和大小进行裁剪

- 前端执行pnpm run ci 上线日志 自动打包，同时将代码提交到git - gitee的webhook通知服务端，dev则直接拉取代码（可选推送消息到飞书群），prod推送通知消息到飞书群；

本周精读的文章是 Iterables 与 Iteration protocols，按照为什么需要迭代器、迭代器是如何设计的，我们还能怎么利用迭代器展开来讲。

字符串的处理基本都会用正则表达式，用它来做字符串的匹配、提取、替换等很方便。 但是正则表达式的学习还是有些难度的，比如贪婪匹配、非贪婪匹配、捕获子组、非捕获子组等概念，不止初学者难理解，有很多工作几年

React、Vue、Angular 等现代框架的表现层设计往往和 DSL 有较强的关联，透过这些优秀作品我们可以得到一些实践指引。 前端相关语言的转编译工具链趋于成熟，如 babel，postcss 等工具可以帮助开发者以扩展插件的方式低成本地参与到语言构建流程中。 社区的解析…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

互联网应用的网络通信一般都是通过 HTTP，但 HTTP 是明文传输的，容易泄漏信息，所以大多数应用都会升级为 HTTPS。 HTTP 底层是用 TCP 传输的，HTTPS 就是在 TCP 和 HTT

网络实时通信（Web Real-Time Communication，缩写为 WebRTC）是一项 HTML5 规范，它使你能直接用浏览器进行实时通讯，不用依赖第三方插件。WebRTC 有多种用途（甚至能实现文件共享），但其主要应用为实时点对点音频与视频通讯，本文的重点也是这一…

这篇文章开始会实现一个一对一WebRTC和多对多的WebRTC，以及基于屏幕共享的录制。本篇会实现信令和前端部分，信令使用fastity来搭建，前端部分使用Vue3来实现。 为什么要使用WebRTC