单点登录（SSO）全流程详解 单点登录（Single Sign-On，SSO）是一种身份验证机制，允许用户使用一组凭据访问多个应用程序。下面从前端角度详细讲解SSO的完整流程。 1. SSO架构概述

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…

乐高渲染侧面向的是C端用户，C端设备参差不齐、环境复杂，因此给研发同学分配了许多> BUG。为了快速解决> BUG，因此需要灵活运用调试工具，遂整理关于> Chrome浏览器的调试方法，有需取之。 在Mac下，使用F12或右键“检查（Inspect Element）”即可打开浏…

我们在React 技术体系的基础上实现DSL模式的H5游戏开发能力，包括UI构建、资源管理、动效、事件等，让熟悉JSX和Hooks语法编写的同学可以快速接入游戏场景开发，同时提供强大图形渲染性能。

社区内有一些类似的功能实现，但使用的方式大同小异，都离不开拖拽能力。我们日常开发中会经常用到的拖拽，如拖拽排序，拖拽上传等。当然拖拽的 npm 包也有很多，比较好用的包有 react-dnd, vue 自带的拖拽能力等。 但我们的预览区采用的是 iframe 方式，社区好用的类…

原生WebView内嵌H5，实现业务复杂交互，是业界在混合应用实践中，总结出的一套成熟的，可供快速业务迭代的技术方案。 本文聚焦双向通信的实现方案——JSBridge，讲述整套通信机制是如何运行的。

动效平台作为快手举办大型线上活动的坚实后盾，发挥着承上启下的关键作用。本篇文章将全方位地为您呈现Vision动效平台的整体架构及其演进思路，为您揭开这一强大平台的神秘面纱。

To C 业务场景下的 Web 页面，经常会有炫酷复杂的动效需求。在一个有限的项目排期下，选择合适的动效方案但往往对前端工程师来说是一个巨大的挑战。

本次带大家认识一下目前 3 大主流开源编辑器（Monaco Editor、CodeMirror、Ace）的整体架构分析以及提供一些实战选型建议。