这是一份来自未来的文档，感谢你对前端技术领域持续关注。读完本文你将知道 2022 年前端人都在关注些什么？

运行之后由于src地址对应的资源找不到，会触发img标签的error事件，最终alert弹框。这便是一个最简单的xss攻击。 进而执行updateDOMProps函数，更新元素的innerHTML内容。 可以看到v-html指令最终调用的是innerHTML方法将指令的valu…

看到群里大家对`Nest.js`热情都很高,自己也心痒痒，所以就走上了 `Nest.js` 的不归路~我会将自己做这个小项目过程记录下来，同时也分享一些踩坑的经验，给想学的小伙伴一点参考吧。文章是

本文将以理论介绍的方式来对微前端这个概念做一个整体扫盲，涉及到的大多数理论知识并不会太过于对展开，如果读者对一些细节比较感兴趣，可以留言或者搜索相关的概念。 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单…

最近在做业务的时候，了解到了一个叫imove开源项目，比较适合我现在做的业务 ，便了解了一下，发现它也借鉴了Vite的思想：即利用浏览器支持ESM 模块的特点，让我们的import/export 代码直接在浏览器中跑起来。结合之前社区的讨论，同时也让我对Vite有了兴趣，遂对它…

Web Components 是 [W3C](https://www.w3.org/) 推动的一项标准，旨在丰富 HTML 的 DOM 特性，让 HTML 有更强大的复用能力。

其中dom-diff算法是虚拟dom的核心，重点，难点。 DOM 全称为“文档对象模型”（Document Object Model），JavaScript 操作网页的接口。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。 Vi…

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

这是一份最新最全最完整的前端学习路线图，建议收藏再看， 里面囊括了前端的前置知识、前端基础、前端进阶和高级前端