彻底理解JavaScript中的Event Loop

一、前言 Javascript从诞生之日起，就一直是一门单线程的非阻塞的语言。即便后面出现了WebWorker，但是其本质上还是主线程的子线程，帮助主线程分担一部分计算任务，并非真正意义上的多线程。由于浏览器环境和Node环境在处理Event Loop上大致相同，但又有所区别，所以本文将区分开讲解二、...

Javascript Node

2019年02月27日

关于前端枚举的一点思考

一、枚举的业务场景与遇到的问题我们在日常业务开发中，经常遇到枚举，如商品状态、页面状态、审核状态等，翻阅以往的一些业务代码，会发现很多地方都是这么写的： <span v-if="status == 0">审核中</span> <span v-else-if="...

Javascript Typescript

2018年12月17日

TypeScript(零)：起步

一、安装 npm i -g typescript 二、使用安装完TypeScript后，我们可以通过tsc指令来编译.ts文件，如： $ tsc index.ts

Typescript

2018年11月26日

可能是比Mixin更好的方案：React新特性Hooks探索

一、什么是Hooks？ Hooks是React新引入的一个特性，它允许我们能够不采用类式声明组件方式来使用状态和React其他特性（如生命周期、Ref、Context等），简单的例子如下： import { useState } from 'react' function Example() { const [count, se...

Javascript

2018年11月21日

Node.js之Stream的应用与原理探索

为什么使用流？假设我们现在要读取一个文件，通常情况下，会写成： const fs = require('fs') fs.readFile(fileName, (err, body) => { console.log(body.toString()) }) 这在文件比较小的时候...

Node

2018年10月31日

LeetCode - 买卖股票的最佳时机

一、题目给定一个数组，它的第 i 个元素是一支给定股票第 i 天的价格。如果你最多只允许完成一笔交易（即买入和卖出一支股票），设计一个算法来计算你所能获取的最大利润。注意你不能在买入股票前卖出股票。示例 1：输入: [7,1,5,3,6,4] 输出: 5 解释: 在第 2 天（股票价格...

LeetCode

2018年10月17日

LeetCode - 最大子序列和

一、题目给定一个整数数组 nums ，找到一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。示例: 输入: [-2,1,-3,4,-1,2,1,-5,4], 输出: 6 解释: 连续子数组 [4,-1,2,1] 的和最大，为 6。进阶: 如果你已经实现复杂度为 O(n) 的解法，尝试使用更为精...

LeetCode

2018年10月16日

LeetCode - 爬楼梯

一、题目假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？注意：给定 n 是一个正整数。示例 1：输入： 2 输出： 2 解释：有两种方法可以爬到楼顶。 1. 1 阶 + 1 阶 2. 2 阶

LeetCode

2018年10月15日

浏览器缓存技术总结

一、浏览器缓存技术浏览器中，为了加快一些不常变内容的访问速度，会将其缓存在本地中，当下次再次访问时，就直接加载这些资源，从而加速访问。这种技术称之为浏览器缓存。判断浏览器加载的一个资源，是否是使用缓存，可以使用开发者工具查看Network，存在缓存中的资源，其Size会显示为from disk cache或者fro...

HTTP

2018年09月17日