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

开完产品需求会议，遇到了一个需求，首先页面分成两栏布局，左侧展示数据组件，支持拖拽排序，点击按钮清除组件。右侧支持将组件的缩略图拖拽至左侧生成一个新的组件。

实现一个 canvas 拖拽、缩放、旋转的效果，如下效果图。 统一使用 typescript 来编写，在面对状态操作复杂的流程， ts 提供了状态标注，类型提示等。便于我们维护和梳理流程思路。比如类型标注提供了类似注释的功能，将对象描述清楚的同时，在我们使用相关属性或方法都会有…

很有幸，将自己有使用过的，也是标准组件库里可能没有的组件封装成了一个小小的组件库，没想到start数破百了，vue-gn-components，接下来就是一步步丰富这个项目了~。期待大家的start~，这也是我持续丰富这个组件库源源不断的动力！ 首先第一个添加的是一个拖拽组件，…

本项目是基于微信小程序原生框架，常用原生组件及官方API接口实现的小程序版个性简历，并引入炫酷的ColorUI组件库，展现不一样的精彩画面。 如果能帮助到大家，也请点个👍和❤️收藏，您的赞美是作者继续写作的动力。后续会输出更多优质技术博文，与大家一起共同分享。好了，现在开始动…

本项目使用react全家桶打造，技术综合性比较高。很多东西不会从基础讲解 使用create-react-app创建项目基本骨架，然后安装路由（由于4.x的版本路由变化比较大。路由安装react-router-dom 4.2.2的版本即可） 在react脚手架中webpack基本…

本项目是一个简单的全栈项目（前台 vuejs ，后台 PHP+MySQL），前端新手可以拿来练练手。

首先，整个项目主要技术栈还是基于React,项目大部分样式主要是仿照iPhone版网易云音乐进行实现，部分地方进行了调整，代码部分基本上抛弃了class的写法，全方位拥抱Hook，真香。关于防抖、节流、懒加载这些优化手段，在项目里统统有用到 编写这个项目的目的其实很简单，就是想…

这是算是一个前端萌新第一次涉及到前后端的全栈开发项目，可能涉及到的技术栈用的并不是深入，对许多中间件的总结所述必然会有所欠缺，但本文旨在浅析整个项目过程，同时去还原深化一些相关的概念。而且第一次写文章思路排版等不是很明确，有不对的地方欢迎各位大佬们指正！ 效果实现 ：主体分为前…