- 博客(29)
- 收藏
- 关注
原创 超哥的2019年度总结
仿佛是眨眼间,就到了 2019 年的末尾。回想这一年,可以用 “忙” 这个词来概括,故记录下这篇年度总结留作回顾,并在此与大家分享。写作今年年初开了个人公众号 「超哥前端小栈」,旨在聊...
2019-12-27 09:58:48
421
原创 干货」用 Vue + Echarts 打造你的专属可视化界面(下)
所用的 Echarts 的版本号为:v4.3。v-charts 的版本号为:v1.19.0。标记的用法有很多,今天要介绍的场景有:折线图、柱状图、折线图 + 柱状图。折线...
2019-10-31 10:14:47
2594
4
原创 「干货」用 Vue + Echarts 打造你的专属可视化界面(上)
在近期的项目中,有大量处理可视化数据的需求。说起处理数据的可视化,相信很多同学跟我一样,都会想到用 Echarts 来实现。没错,Echarts 拥有高度可定制化的配置,以及非常详尽的开发文档,并且它的最新版已经更新到了 v4.3。不过,正是因为 Echarts 的开发文档过于庞杂,对于不熟悉 Echarts 的同学来说,在查找某个效果时,可能需要耗费大量的精力。虽然它也配备了一些官方实例,但...
2019-10-25 10:11:44
3292
1
原创 「干货」CSS 不定宽高的垂直水平居中(最全 9 种)
垂直居中,在 CSS 中是一个老生常谈的问题,面试的时候也会时常被提及。所以,今天我们就来聊聊 9 种不同的居中方法。有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还有伪元素的方法,是的,你没有看错,::after 和 ::before 也可以实现居中。9 种方法呈现1、flex大家的第一反应,可能就是 flex 了。因为它的写法...
2019-09-03 09:37:14
537
1
原创 「干货」我的 Sublime Text 3 私房菜
今天为大家分享一款我用了很久的编辑器:sublime text 3。它的轻便和高度可定制化,是我觉得最棒的地方。本文会涉及到 sublime text 3 的方方面面,方便自己的同时,也希望能帮到你。安装与初始化首先,可以在官网下载最新版的安装文件。选择对应的平台,我用的是 mac 版,最新的安装包也才 15.2 M,真的很轻量了。安装完成后的第一件事,就是按照自己的习惯进行...
2019-07-25 09:16:00
284
原创 「读懂源码系列4」lodash 是如何实现深拷贝的(下)
接着上一篇文章lodash 是如何实现深拷贝的(上),今天会继续解读 _.cloneDeep 的源码,来看看 lodash 是如何处理对象、函数、循环引用等的深拷贝问题的。baseClone 的源码实现先回顾一下它的源码,以及一些关键的注释function baseClone(value, bitmask, customizer, key, object, stack) {...
2019-07-18 09:00:00
457
1
原创 「读懂源码系列3」lodash 是如何实现深拷贝的(上)
上一篇文章 《「前端面试题系列9」浅拷贝与深拷贝的含义、区别及实现》 中提到了深拷贝的实现方法,从递归调用,到 JSON,再到终极方案 cloneForce。不经让我想到,lodash 中的_.cloneDeep 方法。它是如何实现深拷贝的呢?今天,就让我们来具体地解读一下 _.cloneDeep 的源码实现。源码中的内容比较多,为了能将知识点讲明白,也为了更好的阅读体验,将会分为上下 ...
2019-05-08 09:47:02
516
1
原创 「干货」细说 Javascript 中的浮点数精度丢失问题(内附课程推荐)
最近,朋友 L 问了我这样一个问题:在 chrome 中的运算结果,为什么是这样的?0.55 * 100 // 55.000000000000010.56 * 100 ...
2019-04-25 09:25:28
497
1
原创 「前端面试题系列9」浅拷贝与深拷贝的含义、区别及实现(文末有岗位内推哦~)
这是前端面试题系列的第9篇,你可能错过了前面的篇章,可以在这里找到:数组去重(10 种浓缩版)浏览器中的事件机制(涉及主流框架)理解函数的柯里化ES6中箭头函数的用...
2019-04-16 09:38:31
378
1
原创 面试王者的出装方案推荐——软技能篇(文末含岗位内推)
金三银四的求职季已经过半,但求职者的简历依然络绎不绝地涌过来。今年的大形势比较丧,不少大公司需要通过裁员降薪,或着停止招新,来 “过冬”。 所以,哪怕是有招聘需求的岗位,也会相应提高对应聘者的要求。在一些微信群中,也有同学感叹说面试机会变少,工作不好找。近期面试了很多候选人,也陆续收到的一些公众号上读者的反馈,让我产生了一些思考。今天,我们不聊具体的技术问题,而是想探讨一些,在面试的过程中需要...
2019-04-09 09:05:00
358
原创 一些有趣的 CSS 魔法和布局(下)
上一篇一些有趣的 CSS 魔法和布局(上)中,我们聊了一些有趣且实用的布局。今天,将呈现一些 CSS 带来的魔法特效,有部分特效可以帮我们省去不少工作量。鼠标悬浮使内...
2019-04-02 09:00:00
250
原创 一些有趣的 CSS 魔法和布局(上)
布局和样式,是每个前端的必修课。在日常的工作中,也会碰到一些特定场景的布局需求,配合上样式,就能实现一些神奇的效果。我搜罗了一些日常开发中遇到的布局,以及浏览各大网站时碰...
2019-03-25 09:00:00
163
原创 「读懂源码系列2」我从 lodash 源码中学到的几个知识点
上一篇文章「前端面试题系列8」数组去重(10 种浓缩版)的最后,简单介绍了 lodash 中的数组去重方法_.uniq,它可以实现我们日常工作中的去重需求,能够去重NaN,并保留{...}。今天要讲的,是我从 _.uniq 的源码实现文件 baseUniq.js 中学到的几个很基础,却又容易被忽略的知识点。三个 API让我们先从三个功能相近的 API 讲起,...
2019-03-18 09:00:00
266
原创 「干货」细说 Array 的常用操作(ES5 和 ES6)
上一篇文章「前端面试题系列8」数组去重(10 种浓缩版)中提到了不少数组的常用操作。今天,会更具体地将数组的常用操作进行归纳和汇总,以便备不时之需。每组方法都会配以示...
2019-03-11 09:10:00
194
原创 「前端面试题系列8」数组去重(10 种浓缩版)
这是前端面试题系列的第 8 篇,你可能错过了前面的篇章,可以在这里找到: 浏览器中的事件机制(涉及主流框架) 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局? 今日头条 面试题和思路解析 前端面试中经常会问到数组去重的问题。因为在平时的工作中遇到复杂交互...
2019-03-04 09:00:00
470
原创 「前端面试题系列7」Javascript 中的事件机制(从原生到框架)
这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到:理解函数的柯里化ES6 中箭头函数的用法this 的原理以及用法伪类与伪元素的区别及实战如何实现一...
2019-02-26 09:10:00
192
原创 「前端面试题系列6」理解函数的柯里化
这是前端面试题系列的第 6 篇,你可能错过了前面的篇章,可以在这里找到:ES6 中箭头函数的用法this 的原理以及用法伪类与伪元素的区别及实战如何实现一个圣杯布局?今日...
2019-02-19 09:20:00
249
原创 「前端面试题系列5」ES6 中箭头函数的用法
年味儿渐散,收拾下心情,继续敲代码吧。对于即将到来金三银四的求职季,相信不少同学都在默默地做着准备。本系列旨在梳理前端庞杂的知识点,并尽可能通俗易懂地表述出来,也希望能帮...
2019-02-12 09:20:00
240
原创 【干货】call、apply 以及 bind 的区别和用法
上一篇文章《「前端面试题系列4」this的原理以及用法》中,提到了 call 和 apply。它们最主要的作用,是改变 this 的指向。在平时的工作中,除了在写一些...
2019-01-28 09:46:33
156
原创 「前端面试题系列4」this的原理以及用法
这是前端面试题系列的第 4 篇,你可能错过了前面的篇章,可以在这里找到:伪类与伪元素的区别及实战如何实现一个圣杯布局?今日头条 面试题和思路解析在前端的面试中,经常会问到...
2019-01-21 09:01:03
299
原创 Javascript中的异步编程
最近,小伙伴S 问了我一段代码:const funB = (value) => { console.log("funB "+ value);};const funA = (callback) => { ... setTimeout(() => { typeof callback === "function" ...
2019-01-15 08:58:02
217
原创 【读懂源码系列1】还在害怕读源码?看完这篇就不怕了
一个小需求 事情的起因,是昨天有一个新的需求被提出。需求是,要实现让我们自己定制的弹出层,具备按下 ESC 也能退出的功能。我把任务交给了同组的小伙伴S去实现。(这...
2019-01-10 09:00:06
253
原创 【面试题系列3】伪类与伪元素的区别及实战
面试前端候选人的时候,我经常会问这样一个有关CSS的问题:你知道伪类与伪元素么,它们的分别是什么?这时,能回答上来的很少。换一种问法,你知道 :hover, :activ...
2019-01-07 09:00:00
288
转载 2018年,JavaScript都经历了什么?
The State of JavaScript调研已经连续做了3年(2016,2017,2018),今年一共调研了2万多个JS开发者。有这样一些有意思的发现:绝大多数...
2019-01-04 09:00:00
198
原创 2018再见!
2018对我来说,发生了不少的变化,工作方面,生活方面都有,在此与大家分享。技 术今年,随着业务的发展,我做了更多偏移动端的技术储备,来年还会继续深入。还做了工程...
2019-01-02 09:00:00
280
原创 「面试题」如何实现一个圣杯布局?
最近,有个朋友向我诉苦说,面试的时候被问到了如何实现圣杯布局和原理,有点懵。之前JavaScript的部分回答得挺好的,偏偏在这里翻船了,完全没有思路,后面的面试状态一落...
2018-12-28 09:00:00
241
原创 「写在寒冬」分享给前端er的求职和成长建议
今年的冬天真的特别冷,大型互联网公司裁人潮的消息一波接一波地袭来,更不要说其他中小型的企业。失业、裁员、降薪,铺天盖地的负面消息带来了太多的焦虑。然而奇怪的是,一面是想要...
2018-12-26 09:31:08
212
原创 【干货】细说async/await相较于Promise的优势
谈及异步回调函数的嵌套,总会让人感到烦躁,特别是当业务逻辑复杂,往往需要调用几次 ajax 才能拿到所有需要的数据。从最早的回调函数,到 Promise 对象,再到 Ge...
2018-12-24 10:17:32
629
原创 「今日头条」前端面试题和思路解析
最近,有篇名为《8张图帮你一步步看清 async/await 和 promise 的执行顺序》的文章引起了我的关注。作者用一道2017年「今日头条」的前端面试题为引子...
2018-12-21 10:00:13
658
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人