我们在日常开发中，与接口打交道最多了，前端通过访问后端接口，然后将接口数据二次处理渲染到页面当中。 二次处理的过程是 考验 Coder 对 Array 是否熟练 以及 在 何种 场景下使用哪种方法处理

在实际应用中，步骤条往往并不是一条直线，在某些节点需要分叉显示，但是现成的UI组件都不支持此功能，比如ElementUI和antV,这两个UI组件提供的steps只支持一条直线显示的stepantve

JavaScript总算入门了，复杂的就先不来了，今儿牛刀小试，先来一个系统同步的时钟效果，只用到最简单的获取系统时间的函数。因为学习是需要正反馈的，否则总也看不到效果，难免失了深入下去的兴趣。在之前的一篇专栏文章《利用CSS3的animation step属性实现wifi动画…

前排广告：技术书籍、视频会员、掘金小册。创宇前端中奖率超高的抽奖活动还有最后几天喔。 各位童鞋如果经常上 B 站（bilibili.com） ，应该对 蒙版弹幕 这个概念并不陌生。 蒙版弹幕 是由知名弹幕视频网站 bilibili 于 2018 年中推出的一种弹幕渲染效果，可以…

菠萝看到一个效果非常喜欢，当图形靠近时有一种类似于水滴融合在一起的感觉，不会像平时的图形那样生硬地互相遮挡，看了网上一些资料之后尝试着做了下面这个demo。 如果你也喜欢这个效果，可以继续看下菠萝翻译的下面这篇文章，有些地方可能会因为理解不到位有些差异，有兴趣的戳英文原文，文章…

不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子： 现在，你甚至可以在边框中使用渐变。 具体的例子可以看这里，或者看这里使用的是background-clip和backgroun…

这篇文章，来聊聊 JS 中的数据类型与变量。这是学习 JS 时最基础的一类问题，但却很重要。 以上的问题均来自面试。如果你并不清楚，我觉得你有必要接着读下去。 在 JS 中，基本数据类型有 6 种，即数值、字符串、布尔值、null、undefined、Symbol。 对于基本数…

以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

一场好的面试我认为以挖掘候选人的各项能力值深浅为目的，而不是为了“难倒”候选人，所以作为面试官，更多的是去引导、平滑展开考察范围，而不是本着为了面挂候选人的心态去面试。 实际上上面的情况我自己在刚做面试官的时候都犯过，不过人都是会成长的，不断的面试官经历让我知道如何在较短的时间…