flaChang

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

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

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

封装Axios 在vue项目中，经常使用axios库实现与后台数据交互。 全局安装axios库之后，可以自己封装请求。 拦截器 分为请求拦截器和响应拦截器。 vuex 各组...

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使...

项目设计灵感 本项目的灵感来自于Vuero - A complete Vue 3 design system (cssninja.io)。组件的样式均借鉴于此。...

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

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

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

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

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

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

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

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

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

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

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

MVC的历史以及概念 MVC是model（模型）、 view（视图）和controller（控制器）首字母的缩写。它是一种设计模式，亦可以说是一种编程的方法论。 这个模式首...

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

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