今年年初开了个人公众号 「超哥前端小栈」，旨在聊聊技术、面试，聊聊前端人的成长，并希望成为你的陪伴者。至今共输出近 30 篇原创文章，同步更新于 掘金、segmentFault、github、微博 等地带。

前言 接上一篇文章 《「干货」用 Vue + Echarts 打造你的专属可视化界面（上）》)，今天着重介绍 标记 的用法，来实现下图中的效果。 所用的 Echarts 的版本号为： v4.3。v-charts 的版本号为：v1.19.0。 标记的用法有很多，今天要介绍的场景有：折线图、柱状图、折线图 + 柱状图。 折线图标记 —— symbol 上图中，折线的...

在近期的项目中，有大量处理可视化数据的需求。说起这个，相信很多同学跟我一样，都会想到用 Echarts 来实现。没错，Echarts 拥有高度可定制化的配置，以及非常详尽的开发文档，并且它的最新版已经更新到了 v4.3。

有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还有伪元素的方法，是的，你没有看错，::after 和 ::before 也可以实现居中。

今天为大家分享一款我用了很久的编辑器：sublime text 3。它的轻便和高度可定制化，是我觉得最棒的地方。本文会涉及到 sublime text 3 的方方面面，方便自己的同时，也希望能帮到你。

前言 接着上一篇文章 lodash 是如何实现深拷贝的（上），今天会继续解读 _.cloneDeep 的源码，来看看 lodash 是如何处理对象、函数、循环引用等的深拷贝问题的。 baseClone 的源码实现 先回顾一下它的源码，以及一些关键的注释 {代码...} 处理对象和函数 一些主要的判断入口，已经加上了注释。 {代码...} 其中，isBuffer...

不经让我想到，lodash 中的 _.cloneDeep 方法。它是如何实现深拷贝的呢？今天，就让我们来具体地解读一下 _.cloneDeep 的源码实现。

虽然我告诉他说，这是由于浮点数精度问题导致的。但他还是不太明白，为何有的结果输出整数，有的是以 ...001 的小数结尾，有的却是以 ...999 的小数结尾，跟预想中的有差异。

前言 这是前端面试题系列的第 9 篇，你可能错过了前面的篇章，可以在这里找到： 数组去重(10 种浓缩版) JavaScript 中的事件机制（从原生到框架） 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局？ 今日头条 面试题和思路解析 面试的时候，我经常会问候选人...

金三银四的求职季已经过半，但求职者的简历依然络绎不绝地涌过来。今年的大形势比较丧，不少大公司需要通过裁员降薪，或着停止招新，来 “过冬”。 所以，哪怕是有招聘需求的岗位，也会相应提高对应聘者的要求。在一些微信群中，也有同学感叹说面试机会变少，工作不好找。

transition: all 1s ease-out; 这是一种简写，transition 有 4 个过渡属性：transition-property、transition-duration、transition-timing-function、transition-delay。transition-timing-function 规定了速度效果的速度曲线，它有以下几种约定的属性。

布局和样式，是每个前端的必修课。在日常的工作中，也会碰到一些特定场景的布局需求，配合上样式，就能实现一些神奇的效果。我搜罗了一些日常开发中遇到的布局，以及浏览各大网站时碰巧发现的神奇特效写法，在此做个分享。

上一篇文章 「前端面试题系列8」数组去重(10 种浓缩版) 的最后，简单介绍了 lodash 中的数组去重方法 _.uniq，它可以实现我们日常工作中的去重需求，能够去重 NaN，并保留 {...}。

今天，会更具体地将数组的常用操作进行归纳和汇总，以便备不时之需。每组方法都会配以示例说明，有时我也会忘了某个方法是否会返回一个新的数组，如果你也有类似的困惑，那么看这篇就够了。希望能帮到有需要的同学。

前言 这是前端面试题系列的第 8 篇，你可能错过了前面的篇章，可以在这里找到： JavaScript 中的事件机制（从原生到框架） 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局？ 今日头条 面试题和思路解析 前端面试中经常会问到数组去重的问题。因为在平时的工...

前言 这是前端面试题系列的第 7 篇，你可能错过了前面的篇章，可以在这里找到： 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局？ 今日头条 面试题和思路解析 最近，小伙伴L 在温习 《JavaScript高级程序设计》中的 事件 这一章节时，产生了困惑。 他问了我...

前言 这是前端面试题系列的第 6 篇，你可能错过了前面的篇章，可以在这里找到： ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局？ 今日头条 面试题和思路解析 最近，朋友T 在准备面试，他为一道编程题所困，向我求助。原题如下： {代码...} 这道题要考察的，就是对函数柯里化...

对于即将到来金三银四的求职季，相信不少同学都在默默地做着准备。本系列旨在梳理前端庞杂的知识点，并尽可能通俗易懂地表述出来，也希望能帮到有需要的同学。

它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。

这是前端面试题系列的第 4 篇，你可能错过了前面的篇章，可以在这里找到： 伪类与伪元素的区别及实战 如何实现一个圣杯布局？ 今日头条 面试题和思路解析 在前端的面试中，经常会问到有关 this 的指向问题。最近，朋友Z 向我求助说，他一看到 this 的题目就犯难，搞不清楚 this 究竟指向了谁。我为他做了解答，并整理成...

他不太理解这段代码中，funB 函数作为 funA 函数的参数这样的写法。从语义上看，callback 的意思是回调，那么是说 funB 是 funA 的回调嘛？

需求是要实现，让我们自己定制的弹出层，具备按下 ESC 也能退出的功能。我把任务交给了同组的小伙伴S去实现。（这个项目用到了vue技术栈，以及饿了么的UI框架。）

前言 这是前端面试系列的第3篇，前面的章节，你可以在这里找到： 「面试题」如何实现一个圣杯布局 「今日头条」前端面试题和思路解析 面试前端候选人的时候，我经常会问这样一个有关CSS的问题： 你知道伪类与伪元素么，它们的分别是什么？这时，能回答上来的很少。换一种问法，你知道 :hover, :active, :focus, :visited...

今年，随着业务的发展，我做了更多偏移动端的技术储备，来年还会继续深入。还做了工程上的重构，以及发布流程的规范化，以提升多人协同开发的效率。具体的方面如下：

最近，有个朋友向我诉苦说，面试的时候突然被问到了如何实现布局和原理，有点懵。之前JavaScript的部分回答得挺好的，偏偏在这里翻船了，完全没有思路，后面的面试状态一落千丈。结局也如他所料，没有被录取。

介于上一篇 「今日头条」前端面试题和思路解析 中提到的 async/await，让我想起了之前写过的一篇文章，在此做个分享。它细说了什么是async函数，以及其相较于 Promise 的优势。

作者用一道2017年「今日头条」的前端面试题为引子，分步讲解了最终结果的执行原因。其中涉及到了不少概念，比如异步的执行顺序，宏任务，微任务等等，同时作者限定了执行范围，以浏览器的 event loop 机制为准。下面是原题的代码：

缩进与分号 使用soft tab（4个空格）。 每个属性声明末尾都要加分号。 {代码...} 空格 1.不需要空格的情况： 属性名后 多个规则的分隔符','前 !important '!'后 行末不要有多余的空格 {代码...} 2.需要空格的情况 属性值前 选择器'>', '+', '~'前后 '{'前 !important '!'前 @else 前后 属性值中的','后 注释'/'后和'/...

缩进与分号 使用soft tab（4个空格）。 每条语句结尾都需要有分号。 {代码...} 空格 不需要空格的情况： 对象的属性名后 前缀一元运算符后，后缀一元运算符前 函数调用括号前 无论是函数声明还是函数表达式，'('前不要空格 数组的'['后和']'前，对象的'{'后和'}'前，运算符'('后和')'前 {代码...} 需要空格的情况： 二元...

总原则 缩进使用soft tab（4个空格）； 属性名全小写，用中划线做分隔符； 在属性上，使用双引号，而非单引号； 不要在自动闭合标签结尾处使用斜线。 {代码...} HTML5 doctype 在页面顶部，用doctype来启用标准模式，使得每个浏览器的展现都尽可能地保持一致。虽然doctype不区分大小写，但是按照惯例，doctype大写，写法...