最近看了不少关于 h5 页面制作工具。端午闲来无事，决定尝试下一个页面搭建工具。效果如下： gif 录制效果不佳，可以访问以下链接进行体验。 前端开发组件库，完善组件类型，编辑器读取组件完成页面搭建，将页面数据发送至服务端保存。 访问页面，从服务端拉取页面数据，前端渲染页面即可…

编辑器是IDE的重要组成部分。可视化编辑器比文本编辑器更能体现IDE工具降低开发成本，提高开发效率的目的。另外对于功能完整，交互体验，内存占用与性能（一般都是连续使用很久）有一定要求。 上图，还是比较清晰地描述了这一过程。编辑器在打开和关闭/保存是会进行实际文件的操作。而在编辑…

node.js 对前端来说无疑具有里程碑意义，在其越来越流行的今天，掌握 node.js 已经不仅仅是加分项，而是前端攻城师们必须要掌握的技能。而 express 以其快速、开放、极简的特性， 成为 node.js 最流行的框架，所以使用 express 进行 web 服务端的…

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

在 pages/coms/xxx 里面定义一个组件的可用配置，然后即可在主界面中选择组件后在右侧"属性编辑区"中编辑属性。 但是 table 里可以还可以嵌套其他组件，每行每列，想想是不是头疼。。如下图 这样之后这里就会变成一个可以放置其他子元素的坑，具体不展开了，这里的逻辑比…

可视化店铺装修可以归属于可视化页面配置，比如我们常见的可视化活动配置、H5页面编辑配置、店铺装修这类，主要交互都是通过拖动页面组件实现快速搭建一个页面。 接下来我们以实现一个 店铺装修 的需求来解决此类场景。 需求大致就是要实现一个类似淘宝店铺装修的需求，允许用户选择需要的页面…

前不久开发历时半年的可视化搭建项目终于上线[手动撒花 🌹🌹🌹]，产品功能上和市面上常见的可视化编辑器其实并没有很大区别，功能细节处略有不同而已。本文主要是记录开发过程中遇到的问题以及解决思路。 前期的准备工作还是比较重要的, 尤其是前端项目, 如果整个项目搭建好之后发现某…

这几个月在公司内做一个跨前端项目之间共享组件/区块的工程，主要思路就是在 Bit 的基础上进行开发。Bit 主要目的是实现不同项目 共享 与 同步 组件/区块，大致思路如下： 在 A 项目中通过执行 Bit 提供的命令行工具将需要共享的组件/区块的源码推送到远端仓库，然后在 B…

之前写了下比较基操的脚手架搭建，后面去看了@vue/cli的源码，不得不说，确实很正式很规范化。参考了@vue/cli的部分功能，对脚手架进行修改。 @chuhc/cli 脚手架命令行内容，通过命令去初始化项目等等操作。 @chuhc/scripts 项目编译运行打包内容，暂未…