转转前端周刊第123期: 前端在线代码编辑器技术杂谈

转转前端周刊

本刊意在将整理业界精华文章给大家，期望大家一起打开视野

如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人

1、前端在线代码编辑器技术杂谈

这段时间在搞一个出码项目，出码后支持编辑代码并可以在右侧实时预览，其ui如下，在调研了几个开源（react-playground，react-live，minisandbox）的在线编辑运行react代码的库后，把所得所想分享给大家。

2、业务代码里的 TypeScript 小技巧

本文将会极致贯彻实用主义，介绍一些可以直接上手用的 TypeScript 技巧，新手友好，不需要了解背后的原理与规则（但也提供了简单介绍），只要对着特定场景套公式就好了，就让我们把事情变得再简单一些吧！

3、京东企业业务前端监控实践

现代前端应用场景复杂多变，用户体验至关重要。在这种情况下，如何保证前端系统的稳定性和可持续性是一个关键问题。接下来，我们将针对当前企业业务前端现状，探讨我们是如何基于监控和巡检来保证业务线的稳定和高质量运行的。

4、用VUE3做个PDF动态合同表单（含编辑+渲染）

嗯直接看仓库好点，我写文章不行，当个乐子看就行。pdf-signature: VUE版本的PDF合同电子签（含生成端+渲染端）。可实现预定义表单，前端填写业务数据后发送后端进行生成PDF。(gitee.com)希望能帮助到你，如果觉得可以，请留个印记。

5、OpenAI重磅升级！JSON 结构化准确率从40% 提升至100%

随着CSS地不断发展，现在纯CSS也几乎能够实现这样一个swiper了，实现更加简单，更加轻量，性能也更好，完全足够日常使用，最近在项目中也碰到了一个swiper的需求，刚好练一下手，一起看看吧