夏目友人爱吃豆腐

现在似乎没有解析uniapp源码的资料，既然没有，那么咱们就整起来，搞起！ 本文主要是讲解解析源码的思路，希望大家都能拥有解析源码的能力。

有了 npm 之后，前端人员真的是过上好日子了。我们可以直接把别人写好的**工具包**拿来用，非常的方便。

Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？

在工作中使用uni-app遇到了一个兼容问题，是使用uni.chooseImg时候，有些手机不能调用相机只有图像。大概测试了二十多个手机，有不同的表现~~ 遇到问题：延伸问题总结，第二条：在移动端页面使用上传文件或者图片时，IOS和安卓的展现方式有很多不一样。 就可.

如图，可以对指定的图片进行裁剪，可以自己选择裁剪的交互方式，如大小、纵横比等 还可以预览裁剪区域，确认裁剪后可以生成一个包含裁剪图的canvas对象，借助canvas的toDataURL方法可以生成一张Base64格式的图片。还有另外一种不使用canvas的方式，利用该工具丰富…

此类文章网上已很多，有些陈词滥调了。但此类文章大部分都是直接写结果而忽略了原因，导致阅读难度较大。本人希望从解决问题的角度出发，写这篇组件设计。

一个组件的复杂度，主要来源就是自身的状态；即组件自身需要维护多少个不依赖于外部输入的状态。 组件开发中，如何将数据和UI解耦，是最重要的工作。 组件开发过程中，时刻谨记、思考是否符合以下的原则，可以帮助你开发一个更完善的通用组件。 如fetch请求和渲染逻辑，应该分离。因为fe…

各个低代码平台思路很多都是相似的，都是通过拖拽组件+配置组件配置栏生成类似AST抽象语法树代码数据，然后通过这个数据生成代码或生成应用。而低代码平台核心难点是处理组件之间的交互。

之前vue移动拖拽库使用的是vue-draggable，但扩展性偏弱。而dnd在这方面有优势，需要做这个功能的小伙伴，个人建议优先选择dnd。不过dnd有学习成本。此文章就是希望能降低vue3 dnd