初探Performance API
前段时间在读Vue源码的时候，发现了这样一个API——Window.Performance。当时完全不知道这是什么？在查阅了一些资料后，大致明白了这个API的作用。下面一起来看看什么是Performance。
其实光看这个API的名字，我们就能大致猜到这一定是和性能相关的。来看看MDN上关于它的介绍。
The Per
...
人人都能懂的Vue源码系列(一)—Vue源码目录结构
阅读Vue的源码，或者阅读一个框架的源码，了解它的目录结构都是很有帮助的。下面我们来看看Vue源码的目录结构。
Vue各目录简介
Vue源码各个目录的详细介绍
熟悉每个模块具体的功能，对之后深入研究源码还是很有帮助的。
下次我们谈论的主题是Vue的构造函数，当new Vue实例的时候，会发生什么呢？生成的Vue实例
...
new Array(1) 和 [undefined] 一样嘛？
一 问题描述
最近在开发中碰到一个很奇怪的问题，请看下面代码
const newArr = new Array(3).map((item) => {
return item = {
name: ‘Chris xiong’
}
})
console.log(newArr)
大家觉得这段代码的输出结
...
【译】Good Code vs Bad Code
对比好的代码风格和坏的代码风格，给大家一些不一样的启示。
...
浅析javascript调用栈
大家在进行javascript开发的时候，有没有想过，我们写的代码是怎么样运行的呢？下面我们就来剖析一下代码的执行过程。
一 什么是调用栈
代码在运行过程中，会有一个叫做调用栈(call stack)的概念。调用栈是一种栈结构,它用来存储计算机程序执行时候其活跃子程序的信息。（比如什么函数正在执行，什么函数正在被这个函
...
初探模块系统02—如何让模块支持AMD/CMD和commonjs标准
前段时间在看一些前端模块化方面的知识，现在自己就来写一个符合amd／cmd 和commonjs标准的模块。在文中会穿插一些AMD／CMD，commonjs的基础知识，主要是为了让自己复习一下。了解的同学们可以直接略过。
一 原模块
该模块是一个实现类数组转为数组功能的模块
(function(arrayLike){
...
浅淡 javascript 作用域的有序性
一 为什么要有作用域
我们知道，变量对于程序来说是至关重要的，如果没有变量存储和访问值，整个程序会受到限制。那么问题来了，既然程序这么需要变量，那么它到底是怎么样去存储变量和使用变量的呢？存储变量这里暂且不提，到时候会有专门一篇博客来说明这个问题。我们这次说的主要就是如何去使用变量。这就要牵扯到我们今天的主题作用域上面
...
【译】webpack3.5.5 – code splitting
对于大型web app来说，如果把所有的文件都打包到一个文件中是非常低效的，特别是当一些代码块只在某些特定的条件下被调用。webpack可以让你的代码库分割成不同的块(chucks),仅仅在需要的时候再加载。其他的一些打包工具叫它们图层（layers), 卷(rollups) 或者 片段（fragments),这些特性
...
你真的了解css像素嘛？
在日常开发中，px一定是大家接触过最多的css单位，但是你真的了解px嘛？1px在屏幕中到底是多大呢？这些问题都会在接下来的文章中揭晓～
...
初探flex布局
一 flex布局
1.1 flex概述
flex布局是一种较新CSS盒子模型，在flex布局模型中，弹性容器的子元素的排布可以比较灵活，可以根据容器的大小自动扩展或收缩其大小。也可以比较灵活的处于容器的的某一位置上。所以flex的应用场景很多，比如我们碰到需要元素居中的应用场景时，flex布局就变得很有用了。更多关于f
...