画布是用来放置控件，作为控件拖拽拉伸的区域限制。画布模块设置背景图片或背景色设置、控件的编排、画布比例的设置、响应式画布、全屏展示等等等。 编辑模式我们是允许可以有滚动条的出现， 但预览模式下的dashboard是用于展示，通常是不允许滚动条出现的。那这种场景我们如何实现，我理…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。 1 用JSON.stringify 把对象转换成字符串，再用 JSON.parse 把字符串转换成新的对象可以转成JSON格式的对象才能使用这种方法，如果对象中包含 function 就不能用这种方…

在高并发应用中，缓存、限流、降级，是我们保护系统应用的三大利器。在开发一些api接口的时候，通常也会在网关层做限流控制，一方面是为了防止大量的请求是服务器过载，导致服务器不可用，另一方面也是防止其他人的恶习网络攻击。 常见的限流方式，如Hystrix的使用线程池隔离，超过线程池…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSR…

我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。 这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。…

作为搬砖在第一线的底层工人，业务场景从来是没有做不到只有想不到的复杂。 不过他强任他强，if-else全搞定，搬就完了。但是随着业务迭代或者项目交接，自己在看自己或者别人的if代码的时候，心情就不再表述了，各自深有体会。所以我们一起看看if还能怎么写 假设有这么个场景,不同情况…

effectiveType 是 Network Information API 的一个属性，在 JavaScript 中通过 navigator.connection 对象在调用。在 Chrome 浏览器中，你可以把以下内容放入 DevTools 中来查看有效的连接类型（ECT…