一只大橘猫

在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。...

pear-rec是一个跨平台软件，它使用Electron作为跨平台框架，并且实现了前后端分离的架构。前端使用ReactJS，并使用Ant Design作为主要的UI框架，后...

环境 为什么要做迁移 现有问题 1、按需加载页面的时候加载速度慢。 2、热更新时常失效，手动刷新加载速度也慢。 性能提升 1、旧框架启动约13秒，但启动后每个页面切换加载都...

最近乙方要移交给我们开发的一个项目的代码，其中前端用到了 qiankun 微前端技术，因为第一版代码之前让我看过，写过基础开发文档，然后主管昨天找我问了ta是怎么实现的🥲...

日常工作中，我确实经常去帮大家review代码，长期以来，我发现有些个功能函数，JS其实可以稍微调整一下，或者换个方式来处理，代码就会看起来更清晰，更简洁，甚至效率更高，主...

最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间...

为什么需要学习AST相关的知识呢？因为AST实在是太重要了，你可能对它不了解，但是它无处不在。更具体一点： 浏览器js引擎拿到js的第一件事就是解析js生成AST，随后才是...

背景 最近在项目中要实现一个拖拽头像的移动效果，一直对JS Dom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JS Dom各种各样的...

自定义组件系统是什么？这里的自定义组件系统是基于低代码平台的能力扩展出相应的api和工具提供给用户自定义组件的能力。...

Vue页面保活是指在用户离开当前页面后，可以在返回时恢复上一次浏览页面的状态。这种技术可以让用户享受更加流畅自然的浏览体验，而不会被繁琐的操作打扰。但是，为了让页面保活更加...

分享我优雅的前端文件/目录结构 前端目录 前端文件 前端工程化 React目录 Vue目录 优雅的前端 文件/目录详解 Webpack别名 Webpack优化...

14.4W 播放量的 TS 动画版进阶教程合集来了！通过形象生动的动画，让你轻松搞懂 TypeScript 相关知识，打好进阶 TS 的基础！...

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行...

先看成果 场景 组织结构图、文件图等。 canvas 基础 多的不介绍，只介绍这次用到的一些API，详细的API就点这里看看。 moveTo 移动canvas画笔的点到指定...

2021 年 10 月份，我开始了在蚂蚁保险场景下的低码建设之路，一晃眼满满的一年过去了，不管结果如何，从 0 到 1 的产品建设过程，也收获了很多的经历和想法，通过这篇文...

前言 上一讲 - 低代码 - 可视化拖拽技术分析（1） 中，我们实现了编辑器画布的拖拽移动基础操作，接先来从使用体验角度，完善一下画布编辑区的拖动，包含以下两个方向： 为拖...

目前掘金上已经有很多关于axios封装的文章。自己在初次阅读这些文章中，见识到很多封装思路，但在付诸实践时一直有疑问：这些看似高级的二次封装，是否会把`axios`的调用方...

💬 vueuse & ahooks，业务中需要结合自身的情况去使用一些库和一些方案，vue中我选择了自己造轮子。...

众所周知，js在前端开发中的地位。学好它，真的很重要。 下面这篇文章，介绍一下模块化。 什么是模块化？ 到底什么是模块化、模块化开发呢？ 事实上模块化开发最终的目的是将程序...

上一篇我们探讨了 ahooks 对 DOM 类 Hooks 使用规范，以及源码中是如何去做处理的。接下来我们就针对关于 DOM 的各个 Hook 封装进行解读。...