这段时间的工作中，一直在做canvas类的H5，开发的过程中很关键的一部分是将dom节点转化为图片。起初是用html2canvas来做的，做完之后感觉图片清晰度的效果不是很好，然后就再GitHub上找到 domtoimage这个js插件换了之前html2canvas。更换后不仅…

如果不写这个参数默认长度为0；也是开发最容易忽略的。 我们可以对阴影进行收缩相应的像素。 给这样的卡片做出弥散效果的阴影可能就需要给阴影做收缩才能感觉弥散效果舒服些。 iOS可以通过UIView的layer的UIBezierPath属性来设置阴影的形状及范围。 所以一般不是为了…

，总感觉来点动画，才能配得上我的骚气！！！CSS动画好些也难写，最主要看你的创意。奈何本人毫无创意，只能靠开源库啦。

今天给大家分享自研的页面可视化编辑器。一说到页面可视化，大家可能首先想到的是“低代码平台”，“可视化拖拽生成表单”等等。不过今天分享的这款工具并不是低代码表单

无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 Ctrl 键已经被磨掉了漆，C 和 V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具…

1、先安装lib-flexible和postcss-pxtorem 可以直接按照以下命令安装即可（一定要严格控制版本号，以下版本可以完美解决依赖冲突问题） npm install lib-flexib

在此之前为解决适配问题“普遍”会给html根节点设置font-size作为根字体计算单位值，适兼容多端配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高

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

该布局基于 element-ui，一个父容器 box，里面一个 mask div，一个 el-checkbox-group 块。其中父容器设置 position: relative; 子 mask 容器设置 position: absolute;并且其宽、高、偏移值根据鼠标当前…