vueuse creatGlobalState的应用，当页面上有几十个弹窗的时候，你该如何优雅地展示它们？

前端项目经常碰到更新部署了，但是更新过的功能并没有及时的展示，还需要刷新一下页面，才能看到最新的内容。如果是远程给客户进行的部署，还要口头告知客户需要刷新，体验不友好。在这将告诉你如何轻松拿捏。

长列表网页相信大多数开发者都遇到过，在DOM元素过多的情况下，浏览器渲染会很慢，非常影响用户体验。 因此我们会经常采用虚拟滚动、分页、上拉加载更多等不同的方式来进行优化，这些方式的思想都是一样的，都是只渲染可见区域，等用户需要时再加载更多的内容。而以上的方式无论哪种，都需要写大…

介绍 本文参考了 Vue SFC Playground，基于浏览器端编译实现了一个在浏览器端的 web playground —— CodePlayer

Web攻击（WebAttack）是针对用户上网行为或网站服务器等设备进行攻击的行为，如植入恶意代码，修改网站权限，获取网站用户隐私信息等等。本文主要讲解CSRF方面

处理ios软键盘弹起和收起时页面滚动问题 背景： 在开发添加主播功能时，页面底部需要弹出一个抽屉弹窗，点击抽屉上的输入框，会唤起软键盘，由于iOS的软键盘触发方式是将页面滚动，所以导致页面位置偏移 b

有时候，你可能不希望别人调试你的前端页面代码，这里我们讲述一些比较常用的方法，虽然完全禁止别人调试你的前端页面代码是不太可能的，但你可以采取一些措施来增加调试的难度。

本文参考了webpack的插件，不引入任何库，写一个简单的插件系统，帮助大家理解插件化思维。插件系统的好处是允许开发人员在保证内部核心逻辑不变的情况下，以安全、可扩展的方式添加功能。

传统的视频播放器往往只提供几种固定的倍速选项 今天我们来实现一个通过滑动调节视频的播放倍速，这种方式极其优雅 优雅的背后更是对自身逻辑思维能力的一种考验，接下来就让我们一起探索一下吧