小前端

1

Event Loop 事件循环

• hileix   2019-12-25 发布
• 收藏

说到 event loop，不得不提的是： JavaScript 是单线程的。即一次只能做一件事情。Event Loop 就是让 JavaScript 在运行时具有并发的能力。

1

js 的继承

• hileix   2019-12-23 发布
• 1 收藏

1. 原型链实现继承 1.1 代码实现 {代码...} 原型链实现继承的关键代码：SubType.prototype = new SuperType; 本质上是重写了子类型的原型对象，其值为父类型的实力对象。这样的话，就可以通过原型链查找到父类型...

0

z-index 详解

• hileix   2019-12-23 发布
• 收藏

z-index 属性用来控制元素在 z 轴上的顺序 1. 适用范围 z-index 仅适用于定位元素。即 postition 值为 relative, absolute 和 fixed 属性 2. 作用 指定当前元素的 堆叠顺序 创建新的 堆叠上下文 2.1 什么是堆叠顺...

4

浏览器 fps、requestAnimationFrame() 以及 requestIdleCallback()

• hileix   2019-12-23 发布
• 2 收藏

最近在研究 react 源码（v16.8）的过程中，发现 react 使用了 requestAnimationFrame 和 requestIdleCallback 这两个 api。同时，这两个 api 与 浏览器的 fps 存在着关系。

12

个人前端面试总结

• hileix   2019-06-07 发布
• 10 收藏

在工作了两年之后，就一直想着跳槽，去一家大公司。在 5 月 25 号（2019 年）时，我向老板提了离职，并且此时我开始在网上投简历，开始面试。

0

使用 git alias 提高 git 的使用效率

• hileix   2018-12-19 发布
• 收藏

git 作为一个版本控制工具，是我们程序员平时工作中不可缺少的一部分。但有一个问题，我们开发完一个小功能或修改了一个 bug，都需要 add 然后 commit 一下，每次都要敲这么多的字符。作为经常使用 git 的我们来...

1

用 nodejs 写一个命令行工具 ：创建 react 组件的命令行工具

• hileix   2018-12-16 发布
• 1 收藏

上周，同事抱怨说 react 怎么不能像 angular 那样，使用命令行工具来生成一个组件。对呀，平时工作时，想要创建一个 react 的组件，都是直接 copy 一个组件，然后做一些修改。为什么不能将这个过程交给程序去做呢...

2

通过面试题学前端（一）parseInt

• hileix   2018-08-06 发布
• 1 收藏

前言 最近无意中发现了一道前端面试题： {代码...} 一想，答案不是 [1, 2, 3] 嘛。但在 chrome 控制台下运行一下，返回的却是 [1, NaN, NaN]。 这是怎么回事呢？让我们来看看 map() 和 parseInt() 方法的详细用法...

3

css3 动画（四）animation.css 源码分析

• hileix   2018-07-22 发布
• 3 收藏

上一篇 css3 动画（三）animation 简介 中只是简单的介绍了一下 animation 的子属性，并没有真正的使用。在本篇中，通过阅读 animate.css这个 css 的动画库，来加深对 css3 的 animation 属性的理解。

5

css3 动画（三）animation 简介

• hileix   2018-07-22 发布
• 3 收藏

上一篇中，总结了一下 transition 以及 cubic-bezier()。本篇中，将介绍 css3 动画中的更为灵活的动画属性：animation。

7

css3 动画（二）贝塞尔曲线

• hileix   2018-07-09 发布
• 4 收藏

前言 上一篇 css3 动画（一） transition 中，介绍了 transition 的用法。其中 transition 包含四个可设置的属性： 有过渡效果的属性 过渡时长 过渡函数？ 过渡时延 其中，1、2 以及 4 都挺好理解的，但是 3 是个...

4

css3 动画（一） transition

• hileix   2018-07-08 发布
• 5 收藏

最近在研究 css3 的动画属性 transition 和 animation，发现自己之前对这两个 css3 的动画属性并没有太多深入的理解。本篇将介绍 css3 的 transition 以及自己的一些理解。

0

dayjs 源码解析（五）（dayjs 插件详解）

• hileix   2018-07-07 发布
• 收藏

上一篇 dayjs 源码解析（四）（Dayjs 类）介绍了 dayjs 的源码目录结构。接下来，本篇将分析一下 dayjs 中插件功能的用法、源码以及如何编写自己的 dayjs 插件。

0

dayjs 源码解析（四）（Dayjs 类）

• hileix   2018-07-07 发布
• 收藏

在 parse 实例方法中，会使用 parseDate 函数，传入 cfg.date 属性，得到 JavaScript 中原生的 Date 对象，且将 Date 对象保存在 Dayjs 实例属性（实例中的属性）中。然后再调用实例方法 init 来初始化 Dayjs 实...

0

dayjs 源码解析（三）（dayjs 构造函数）

• hileix   2018-07-01 发布
• 1 收藏

翻看 第一篇 中介绍的 api，有哪些 api 会用到 dayjs() 构造函数呢？在构造一个新的 Dayjs 实例对象的时候会用到 dayjs()。即 “解析类中的构造和克隆”

0

dayjs 源码解析（二）（目录结构）

• hileix   2018-07-01 发布
• 收藏

前言 上一篇 dayjs 源码解析（一）（api），介绍了一下 dayjs 的 api，知道了如何使用 dayjs。本篇，介绍 dayjs 项目的目录结构。 目录结构 在 dayjs 项目目录中，源码都放在 src 目录下，其中： locale 目录：国...

2

dayjs 源码解析（一）（api）

• hileix   2018-07-01 发布
• 3 收藏

前言 作为一个程序员，阅读别人优秀代码是提升自己技术能力的一个很好的方法。下面，我将自己阅读 dayjs（v1.6.10）的源码的过程记录下来。 阅读库的代码，首先先要知道这个库的作用 dayjs 是一个轻量的 JavaScri...

7

移动 web 端屏幕适配 - rem

• hileix   2018-06-24 发布
• 9 收藏

最近整理了一下以前学习前端的笔记，发现自己对移动 web 端屏幕适配（rem）这一块并没有真正理解，只是会用。接下来，把自己的一些对移动 web 端屏幕适配（rem）的思考记录下来。

8

Express 项目结构最佳实践（下）

• hileix   2018-06-23 发布
• 5 收藏

Models 是你与你的数据库交互的一些文件。它们包含了你处理你的数据的所有方法和功能。它们不仅仅包含了创建、读取、更新和删除的方法，还包含了业务逻辑。例如，如果你有一个 car model，你可以有一个 mountTyre...

7

Express 项目结构最佳实践（上）

• hileix   2018-06-17 发布
• 3 收藏

然而，随着你的应用发展到一定的大小和复杂时，事情可能就会变得令人困惑了。你的代码太乱了。随着你团队的成长，在原来代码基础上继续工作将变得很困难。每当代码合并时，你都要和冲突进行“斗争”。添加新的特性...