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

之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉，好习惯养成之后就没…

自己整理的一些项目中遇到过的关于上传和下载的一些Demo，大前端系列（也就是纯前端 + node端完成的下载，只要获取到数据下载工作全是前端来做），仅供给位看官参考，避免踩坑，即插即用，欢迎fork和star🌟，为这个仓库添砖加瓦～(P.S. 个人认为如果没写过上传下载其实还…

构建插槽时，最好规划一下布局。这就是我的文章布局。 构建插槽与构建组件没有什么不同。本质上，插槽是具有超强功能的组件,让我们细分一下上面的布局，组件的外观如下： 这里的 attributeName 会被作为一个JavaScript表达式进行动态求值，求得的值将会作为最终的参数来…

在武侠小说中，经常看到这样的桥段。某位武林人士前来拜访德高望重的帮派掌门，往往需要经过手下弟子的通报。如果掌门外出或者不想见来人，就会让弟子婉拒。 今天要讲的 Proxy 和这个有异曲同工之妙。顾名思义，Proxy 的意思是代理，作用是为其他对象提供一种代理以控制对这个对象的访…

其实，很多人对于vue只停留在基础使用。想要提升自己，就应该想办法将其运用到更高的层次。 当我们在项目需要重复多次使用该组件，会导致出现很多重复的引入和注册代码，既繁琐又不雅观。因此我们可以通过一个全局的Js文件来管理，将需要多次使用的组件进行全局注册

注：得VueComponent着得Vue，通过此文了解VueComponent的强大。 注：km-grid-item为km-grid的子组件。 这里在km-grid-item加上 v-on="＄listeners"意思就是说将所有km-grid的监听器指向 km-grid-it…

今年一直犹犹豫豫到现在还没写年度总结，往年的总结往往是把各种社区的经历放一起就可以把整篇年度总结堆积得满满当当的。但是今年笔者仔细想了好久也没想到特别多的经历。今年社区混得更少了，没有那么多在社区的产出。往年我会有很多在社区的足迹，譬如说参加各种技术大会比如 SeeConf、D…

上午好，今天为大家分享下个人对于前端API层架构的一点经验和看法。架构设计是一条永远走不完的路，没有最好，只有更好。这个道理适用于软件设计的各个场景，前端API层的设计也不例外，如果您觉得在调用接口时还存在诸多槽点，那就说明您的接口层架构还待优化。今天我以vue + axios…