前端打怪升级之路

使用redux的一个小demo，源码地址：flaChang/redux-demo-1 (github.com) redux常见概念及它们的作用 state 全局的状态 store 仓库，存储state

虚拟DOM 是什么 一个能代表DOM树的对象，通常含有标签名，标签上的属性，事件监听和子元素们，以及其他属性。 优点（相比于操作原生DOM只在以下情况下快） 减少不必要的DOM操作 可以通过合并DOM

web性能优化技巧 想要了解有用的web优化技巧，首先要知道从在地址栏输入URL到页面渲染这个过程中到底发生了什么。 请求阶段的性能优化 优化DNS。可以通过修改hosts文件来缩短DNS服务时间；

作为一门静态类型的编程语言，TypeScript可以做类型批注，可以做类型推断。它能在编译时检查变量的类型。以供编译时纠错。本文根据本人在做一个CRA项目中使用的TSX文件来浅析TS在Create-R

svg-sprite-loader 在create-react-app中引入SVG时，除了使用阿里巴巴矢量图网站 Iconfont所建议的引用方式。我们也可以通过配置webpack来实现SVG的引用。

React中的Hooks Hook是React v16.8新出的特性，它可以允许我们在不编写class组件的情况下使用state以及其他的React特性。早在之前，React函数组件又称为无状态组件，

create-react-app中的SCSS 由于React的设计理念，它不会对代码约定或文件组织实施严格的规则。使用React创建项目时需要根据自身需求选择适合自身的约定。比如要想使用css预编译语

react-router 的使用 在使用create-react-app做项目时，react-router是必不可少的。但是网上大部分教程都是基于v5版本。本文旨在探索react-router的v6版

ECharts 是什么 echarts是百度前端团队使用js开发的一个可视化开源库。访问其官网可以了解更多。在现在的我看来，它能满足我的绝大多数需求。 ECharts in React 最近在使用cr

这篇文章是为了区别题述两种组件的应用场景以及一些细节。 受控组件 React的官方文档。 针对表单，据文档中的原话：“html表单元素在 HTML 中，表单元素（如<input>、 <textarea

React初体验 React组件以及如何使用外部数据props和内部数据 React类组件以及函数组件实现多个state以及分级state

.sync修饰符 先看以下例子。 如果组件想对外部props中的数据进行修改，该怎么做呢？ 组件代码如下： 其中$emit相当于Vue中的eventBus，作用为触发事件并传参；而其父组件可以通过$e

Vue数据响应式 数据响应式，顾名思义就是根据数据的变化而产生响应的功能。在Vue 2中是如何实现数据响应的呢？从声明了new Vue到改变数据，页面UI响应的过程中发生了什么呢？这一切的一切，背后究

创建一个Vue实例 Vue一共有两种模式，分别为完整版和非完整版，一般使用非完整版，更加灵活而且更独立。 以Vue 2.0为例，完整版cdn引入 非完整版引入 两种模式的用法 根据MVC模式，这两种模

MVC的历史以及概念 MVC是model（模型）、 view（视图）和controller（控制器）首字母的缩写。它是一种设计模式，亦可以说是一种编程的方法论。 这个模式首先是为了解决计算机发明的初期

DOM事件模型 DOM，全称为Document Object Model，文档对象模型。 DOM是一棵树，它的事件模型也是基于这棵树。 冒泡型事件模型（bubbing） 如上图所示，冒泡型事件处理模型

jQuery的设计思想 闭包 链式操作 与2006年存在的大多数库不同，jQuery库的核心思想是通过闭包实现返回到一个能够再次操作对象的api方法，这也使得链式操作能够实现。 由于在使用对象调用函数

有如下代码： 为何会打出6个6呢？ 与函数的执行时机有关。setTimeout函数表示在执行函数之后马上进行打印操作。这时，for循环已经运行完毕，全局变量i的值变为6，由于setTimeout函数被

七种数据类型 number :64位浮点数， 整数，小数，科学计数法，八进制写法，十六进制写法，二进制写法 正0和负0不一样，和0也不一样 无穷大，1/0，infinity，1/-0：-infinit

表达式和语句 在JS中，表达式一般会产生一个值，比如作为一个函数的参数。 而语句一般为改变环境的行为，如循环语句和if语句等。 标识符的规则 变量名就是标识符的一个代表。 标识符的第一个字符可以是Un