前言 大家好，我是 simple ，我的理想是利用科技手段来解决生活中遇到的各种问题。本文篇幅较长，请直接阅读目录跳往到自己感兴趣的部分。

子弈的 2022 年度总结，包括 Chromium 基础知识、微前端、Chrome DevTools 和跨端等技术总结，并给出 2023 年的学习计划，供大家参考。

背景 随着电商时代的发展，网上购物的方式已经成为主流，良好的购物体验已经显得极为重要。展示给用户的视觉效果便不能仅仅局限于2D视觉效果，全方位的3D立体展示效果能让用户对商品进行 360度无死角的认识

使用 Docker 部署，在镜像导出迁移方面很方便，部署时也只需要导入及运行等，不需要再关心环境及配置等。这篇文章讲下我是怎么用 Docker 来部署项目的。

随着前端应用越来越复杂，越来越庞大。前有巨石应用像滚雪球一般不断的叠高，后有中后台应用随着历史长河不断地积累负债，或者急需得到改善。微前端的工程方案在前端er心中像一道曙光不断的被提起，被实践，

一、微前端背景 1，什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值： 技术栈无关 主框架不限制接入应用的技

虽然我这个可视化拖拽组件库只是一个 DEMO，但对比了一下市面上的一些现成产品（例如 processon、墨刀），就基础功能来说，我这个 DEMO 实现了绝大部分的功能。 如果你对于低代码平台有兴趣，但又不了解的话。强烈建议将我的三篇文章结合项目源码一起阅读，相信对你的收获绝对…

可配合内置的DraggableContainer组件方便地实现参考线以及自动吸附功能。 该组件所支持的参数和事件加起来有几十种，可进行各种配置，具体可查看Github的详细文档。 下面我来介绍下使用方式。 执行use(Vue3DraggableResizable)后将会全局注册…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…