前言对于刚开始学习前端的伙伴俩说，问得最多的问题就是 ——前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。 虽然这篇文章花了很长时间，肯定 ...

创建项目详细步骤 一、 创建项目并上传到github： 1. npm i create-react-app -g 全局安装react脚手架 2. create-react-app react-demo 创建一个名为react-demo的 ...

方法一：采用typeof let fn = function(n){ console.log(n); } let str = 'string'; let arr = [1,2,3]; let obj = { a:123, ...

近期在做一个 DNS 服务器切换升级的演练中发现，我们在 NodeJS 中使用的 axios 以及默认的 dns.lookup 存在一些问题，会导致切换过程中的响应耗时从 ~80ms 上升至 ~3min，最终 nginx 层出现大量 502 ...

React是目前非常火的一个用于构建用户界面的JavaScript库，它使创建交互式 UI 变得轻而易举。Antd是蚂蚁金服推出的基于Ant Design 设计体系的 UI 组件库，主要用于研发企业级中后台产品。Antd提供的组件不仅简约大 ...

redux是参考Flux设计原则的一个管理数据流的库。 下图为redux的核心运作流程 image redux 三大原则： 单一数据源：整个应用的状态都保存在一个对象（store）中。这样我们随时可以取出整个应用的状态进行持久化。 状态只读 ...

image 同构，就是一套React代码在服务器上运行一遍，到达浏览器又运行一遍。服务端渲染完成页面结构，浏览器端渲染完成事件绑定。 那如何进行浏览器端的事件绑定呢？ 唯一的方式就是让浏览器去拉取JS文件执行，让JS代码来控制。 imag ...

call、apply、bind的区别 1.定义： call apply看作是对象的方法，通过调用方法的形式间接调用函数。都是为了改变某个函数运行时的上下文（context）(函数体内部 this 的指向)而存在的。 bind方法主要的作用是 ...

本文主要介绍如何将你现有的项目平滑的迁移至TypeScript。 我们这里以React + Webpack + Babel项目为例。其他类似的项目其实也都大同小异，可以参考进行配置。 第一步：支持编译.ts, .tsx文件 首先我们安装相 ...

距离 第一次听到 节流与防抖 已经过去两年的时间，最近也是新看到一道题重新复习下老的知识点，并且提出新的解决方案。 # 先温习一下之前已经知道的经典方法： // 节流 高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率 ex ...