想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

上一讲有关路由的坑还是没填明白，原本params路由自认为已经没问题了，不过最近在测试的时候，发现进入系统的时候是没问题的，但是如果在params路由页面进行刷新，会404页面。所以，继续fix～ 写过react SPA的大家应该基本都用过redux，按照官方教程一顿复制粘贴基…

所见即所得的设计理念在WEB IDE领域里一直是备受瞩目的功能亮点, 也能极大的提高 web coder的编程体验和编程效率. 笔者接下来就将对H5可视化编辑器的实时预览和真机扫码预览功能做一次方案剖析, 为大家在设计类似产品的时候提供一些思路. 我们还是基于笔者开发的 H5-…

本文为“码良系统的使用及设计实现”系列文章的第一篇。 其实码良平台已经存在多时，今年6月份即首次上线，至今注册用户不足千人，代码仓库 star 数不足500， 维持着稳定的自（zeng）然（zhang）增（ting）长（zhi），也怪不得诸位没听过了。 想来，发布一点使用引导还…

缺点是实现过程简单 优点是JS代码易读（滑稽）

本文主要介绍如何设计一个高扩展的在线网页制作平台，会交代一些背景和最终的效果以及核心设计方案。体验地址: https://godspen.ymm56.com 2018年3月份开始，随着运满满的快速发展，开始在频繁的迭代各种活动，那时最快的方式就是拷贝老的活动项目，然后按需求修改…