作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

WebGL 应用已经比较成熟，在网络中也能找到很多精彩的应用。 本次活动中，应用 WebGL 技术，配合设计师，基于 C4D 软件模型编辑，通过 Blender 进行标准化输出，最终在 Web 端呈现交互。 在此我们一起看一下制作开发流程及很多吸引人的技术细节，以及对于新技术落…

首先，因为动画是多段完成的，所以我们通过参数 content 传入的是一个二维数组，其中每个 item 存放着我们想要加载的内容和对应要求，如何让动画一段一段的完成呢？很自然的能想到 Promise 方法，通过 Promise.then() 来实现。 所以我们可以将这个需求抽象…

作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~…

笔者情况： 笔者一共面试了好几轮技术面，最终结果技术面通过。 笔者感言： 可能是鹅厂大佬感觉我的经验不丰富的原因，感觉面试的大部分问题都是以基础为主。个人感觉大厂还是非常重视基础的，特别是对工作经验尚浅或者是校招生而言。所以 以下，笔者会结合面试官问的问题一一道来... 笔者：…

双十一光棍节又要来临了，每年这个时候都是本人最苦闷的时刻。日渐消瘦的钱包，愈发干涸的双手，虽然变强了，头却变凉了。今年一定要搞点事情！ 最近听女神说想谈恋爱了，✧(≖ ◡ ≖) 嘿嘿，一定不能放过这个机会，给她来个不一样的表白。 作为整天搞可视化的前端攻城狮，最先想到的就是常玩…

它有一个弹闪的过程，一大一小交替缩放就像一个弹簧在弹动一样，而不是以往那种简单的线性变大。 如果使用CSS的animation-timing-function只是改变运动的速度，不能改变运动的方向。 是没有这种弹性动感的。 因为要实现一个弹簧振动效果，需要有两个参数，一个是阻尼…

为大家推荐GitHub上25个今年最值得关注学习的JavaScript开源项目，这些项目的平均star数达到5000个。 Prettier：一款帮你解决代码风格问题的代码格式化工具，功能强大，简单易用，支持多语言，减少配置项。[GitHub上26755个star] Parcel…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…