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

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。

本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…

先给大家看一下最终效果。 将裁剪后的数据保存为blob发送至后端。 一开始制作这个需求思路有两个，使用canvas原生或者寻找现成的库，对比了一番觉得canvas实现时间耗费较长，且秉承着不重复造轮子的原则（其实是菜），决定使用Cropper.js。官方封装了很多参数、方法、事…

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。 本次分享的主…

在前端面试有一个非常重要的环节，也是面试者最担心的一个环节。对“手撕代码”的考察需要面试者平时总结和积累（临时抱佛脚是不好使的），在这里笔者就自己如何攻破“手撕代码”环节总结了一些经验，希望能帮助你挑战高薪，迎娶白富美😄😄😄。 上面代码完全是笔者手敲，难免有错误，还望斧正…

现在面试文章已很多，更不觉得新鲜，本文可能有点不同，正因为“多”也就才有了本文的输出。 相信很多前端小伙伴也包括我在内，面试前都要做一些准备，而做做面试题是最平常不过的事儿了，然而每次面试前都要现找面试题，而且答案也不是现成的，其实这样重复的事情在不知不觉中浪费你很多时间。 也…