前端学习

11

从零打造组件库

• liuxuan   2月2日发布
• 9 收藏

答案肯定是不容易，当你去做这件事的时候，会发现它其实是一套体系。从开发、编译、测试，到最后发布，每一个流程都需要大量的知识积累。但是当你真正完成了一个组件库的搭建后，会发现收获的也许比想象中更多。

4

如何自己实现 JavaScript 的 new 操作符？

• liuxuan   2020-03-25 发布
• 1 收藏

new 大家肯定都不陌生，单身没有对象的时候就 new 一个，很方便。那么它在创建实例的时候，具体做了哪些操作呢？今天我们就来一起分析一下。

25

浏览器 & HTTP 缓存策略

• liuxuan   2020-03-20 发布
• 23 收藏

缓存策略 浏览器的缓存策略是依靠 HTTP Header 来实现的，共分为两种： 强缓存 协商缓存 强缓存 强缓存是指在缓存期间，请求不会发送到服务器，浏览器直接返回缓存结果，需要设置 Header： expires Cache-Control...

3

JavaScript设计模式第3篇：抽象工厂模式

• liuxuan   2019-12-11 发布
• 2 收藏

作者：leocoder 仓库：Github 博客：掘金、思否 公众号：学如登山 接着上一篇《JavaScript设计模式第2篇：工厂模式》)，今天我们来看工厂模式的最后一种：抽象工厂。 定义 有了前一节工厂方法模式的基础，抽象工...

9

JavaScript设计模式第2篇：工厂模式

• liuxuan   2019-12-10 发布
• 9 收藏

分类 这里工厂模式分为2类：简单工厂 和 工厂方法，下一节会介绍第3类工厂模式：抽象工厂。 简单工厂 定义 简单工厂：定义一个类来创建其他类的实例，根据参数的不同返回不同类的实例，通常这些类拥有相同的父类...

14

JavaScript设计模式第1篇：单例模式

• liuxuan   2019-11-24 发布
• 9 收藏

类Class是ES6新增的语法，在之前我们想要新建一个对象实例，是通过new构造函数的方式来实现的。我们每次调用new的时候，都会生成一个新的实例对象，每个实例对象之间是完全独立的。

6

JavaScript设计模式第0篇：前言

• liuxuan   2019-11-18 发布
• 4 收藏

我们写代码的时候，实现一个需求，方式有很多种，但是哪种方式的可维护性，可扩展性更好，就需要我们具有一些设计模式的思想，这都是前人留下来的智慧，要好好继承呀······

401

带你五步学会Vue SSR

• liuxuan   2018-10-10 发布
• 310 收藏

SSR大家肯定都不陌生，通过服务端渲染，可以优化SEO抓取，提升首页加载速度等，我在学习SSR的时候，看过很多文章，有些对我有很大的启发作用，有些就只是照搬官网文档。通过几天的学习，我对SSR有了一些了解，也...

251

带你彻底弄懂Event Loop

• liuxuan   2018-09-05 发布
• 178 收藏

我在学习浏览器和NodeJS的Event Loop时看了大量的文章，那些文章都写的很好，但是往往是每篇文章有那么几个关键的点，很多篇文章凑在一起综合来看，才可以对这些概念有较为深入的理解。

4

JavaScript实现函数重载

• liuxuan   2018-08-29 发布
• 4 收藏

概念 重载是指函数或者方法有相同的名称，但是参数个数或类型不相同的情形，这样的同名不同参的函数或者方法之间，互相称之为重载函数或方法。 我们知道，JavaScript函数可以随意传递任意数量、任意类型的参数，...

7

JavaScript实现继承

• liuxuan   2018-08-28 发布
• 7 收藏

本文不准备深入细节，主要是对《JavaScript高级程序设计中》介绍的JS如何实现继承做一个总结，毕竟好记性不如烂笔头。文末会附带一张神图，搞清楚这张图，原型链也就没有什么问题了。

11

JavaScript数据结构04 - 链表

• liuxuan   2018-08-03 发布
• 9 收藏

前面我们学习了数组这种数据结构。数组（或者也可以称为列表）是一种非常简单的存储数据序列的数据结构。在这一节，我们要学习如何实现和使用链表这种动态的数据结构，这意味着我们可以从中任意添加或移除项，它...

8

JavaScript数据结构03 - 队列

• liuxuan   2018-07-26 发布
• 6 收藏

队列是遵循FIFO（First In First Out，先进先出）原则的一组有序的项。队列在尾部添加新元素，并从顶部移除元素。最新添加的元素必须排在队列的末尾。

15

JavaScript数据结构02 - 栈

• liuxuan   2018-07-25 发布
• 8 收藏

一、定义 1.1 背景 通过前面一节《JavaScript数据结构01 - 数组》我们知道，可以在数组的任意位置上删除或添加元素。然而，有时候我们还需要一种在添加或删除元素时有更多控制的数据结构。 有两种数据结构类似于...

24

JavaScript数据结构01 - 数组

• liuxuan   2018-07-25 发布
• 19 收藏

一、创建数组 1.1 使用Array构造函数 {代码...} 1.2 使用数组字面量表示法 {代码...} 二、常用数组方法 方法名 描述 join 把数组的所有元素放入一个字符串，元素通过指定的分隔符进行分隔 pop 删除并返回数组的最...

161

JavaScript异步编程

• liuxuan   2018-07-20 发布
• 127 收藏

从我们一开始学习JavaScript的时候就听到过一段话：JS是单线程的，天生异步，适合IO密集型，不适合CPU密集型。但是，多数JavaScript开发者从来没有认真思考过自己程序中的异步到底是怎么出现的，以及为什么会出现...

4

JS学习系列08 - 内存分配

• liuxuan   2018-05-30 发布
• 4 收藏

本文会同步到我的个人网站中。 在ECMAScript中，变量可以存放两种类型的值 原始值 引用类型值 原始值指的是代表原始数据类型的值，例如：undefined null number string boolean引用类型指的是复合类型值，例如：o...

2

git 常用操作总结

• liuxuan   2018-05-30 发布
• 7 收藏

本文是对常用git操作做一个总结，后续也会同步到我的个人网站。 1. 初始化 用户 {代码...} 2. 秘钥 查看是否存在秘钥 {代码...} id_rsa 是私钥，id_rsa.pub 是公钥 id_rsa.pub 是你需要上传到 github 的 SSH KEY ...

1

CSS3 - 清除浮动

• liuxuan   2018-05-30 发布
• 2 收藏

一、 目的 通过本文，让大家可以明白清除浮动的原理和几种方法，最后得出一种本文认为最好用的方法。本文也会同步到我的个人网站。 二、 内容简介 {代码...} 三、 正文 1、 浮动本来的意义浮动的意义原本仅是用来...

64

看图学HTTPS

• liuxuan   2018-05-21 发布
• 108 收藏

之前说到HTTPS，在我的概念中就是更安全，需要服务器配置证书，但是到底什么是HTTPS，为什么会更安全，整套流程又是如何实现的，在脑子里没有具体的概念。所以，我花了几天的时间，通过参考一些文章，学习了HTTPS...