嘻嘻嘻_

常常有人问我，如何成为一名初、中、高级前端。并且发现我身边的大多数人知识面并不是很成体系，总会有各种知识漏洞。如果你还不清楚如何才算初级工程师，自己的知识体系有没有漏洞，可以参考这篇我整理的知识点及相应教程。 如果你的知识体系存在漏洞，那么所学的知识就很难融会贯通。初中高级是有…

前段时间笔者收到可爱漂亮的小册姐姐的邀请，做了人生首次直播分享。分享主题是《玩转CSS的艺术之美》，跟笔者在9月底发布的掘金小册同名。 9月底发布的玩转CSS的艺术之美，首日预售就达到709本，预售仅三日就破1000本。这也让笔者感到惊讶，没想到CSS技术还是那么受倔友们的欢迎…

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

大家好，这里是CSS魔法使——alphardex。 我对动画创作有着巨大的兴趣，平时你们能够经常在掘金的沸点上看到我创作的各种各样的动画作品。于是乎，我就决定将我所使用的各种技巧总结起来，让大家也能愉快地玩耍CSS动画。 好了，话不多说。让我们一起进入CSS动画这个领域吧！ 平…

朋友们大家好，我是大圣啊。 主要希望能给大家一些启发。我觉得我我本人还是一个很有意思的一个程序员，所以我干脆设计一档节目就叫做FunnyCoder，然后在采访些我周围类似的一些比较有趣的程序员。除了职业生涯之外，还有一些别的特点，所以呢第0期，就是采访我自己，然后也算是给我那段…

正则表达式很简单，但要多用方可掌握。正则表达式很简单，但要多用方可掌握。正则表达式很简单，但要多用方可掌握。

进度条是一个非常常见的功能，实现起来也不难，一般我们都会用 div 来实现。 作为一个这么常见的需求， whatwg 肯定是不会没有原生组件提供（虽然有我们也不一定会用），那么就让我们来康康有哪些有意思的进度条实现方式。 这种方法的核心就是以当前盒子为容器，以 ::before…

在这篇文章中，我将向你展示目前为止，我发现/遇到的十个优秀的CSS动画库。 我大约尝试30种，但是这十种是我找到最好的。 请注意，这些库不需要引入JavaScript就可以运行。 这个站点是我不久前才发现的，但是我立马爱上了她。实话说，它值得被提出。 你可以选择你喜欢的动画类型…

上述代码中，使用了=进行赋值，于是b指向了a所指向的栈的对象，也就是a与b指向了同一个栈对象，所以在对b.name赋值时，a.name也发生了变化。为了避免上面的情况，可以对对象进行拷贝，代码如下： 上面代码将原始对象拷贝到一个空对象，就得到了原始对象的克隆，这时候a与b指向的…