H&B Blog

1.了解mvc模式与mvvm模式mvc后台主导开发的思想。这种思想一般应用在后端中的web层，m表示model数据模型，v表示view视图，c表示controller控制器。在 servlet、jsp 中主要应用的就是mvc思想。mvvm前后台分离开发中的前端思想。m表示model数据模型，v表示view视图，vm表示视图模型，负责把Model的数据同步到View显示出来，还负责把Vie...

一、Ant Design Pro 介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案，秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。基于上述目标，并据此构建了一套基于 React 的中后台管理控制台的脚手架，它可以帮助...

一、DvaJS 介绍dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。特性易学易用仅有 6 个 api，对 redux 用户尤其友好，配合 umi 使用 后更是降低为 0 APIelm 概念通过 reducers, effects 和 ...

一、中间件的概念与用法中间件就是一个函数，对 store.dispatch 方法进行了改造，在发出 Action 和执行 Reducer 这两步之间，添加了其他功能。redux-logger模块import { applyMiddleware, createStore } from 'redux';import createLogger from 'redux-logger';const...

一、react-redux 介绍react-redux 是 reactjs 一个衍生插件，在简单的一些应用中，采用 state，props 和 context 等就能解决。一旦在业务逻辑复杂时，系统复杂的情况，还是采用这三兄弟去开发，会使得代码很复杂，臃肿，维护显得捉襟见肘，很吃力。react-redux 的出现显得尤为必要，可以很好的系统业务逻辑和前端 ui 代码给分割开，采用函数式编程,以便...

一、Redux概念简述Redux 是 JavaScript 状态容器，提供可预测化的状态管理。简单来说，redux就是一个储存数据的仓库。Redux要求把数据放到公共存储区域Store里，组件中尽量少放数据。当蓝色组件修改公共数据时，Store中的值发生改变，其他使用到该数据的组件到Store中取修改后的值即可。Redux设计理念图安装$ yarn add redux//或者也...

1.表单在 React 里，HTML 表单元素的工作方式和其他的 DOM 元素有些不同，这是因为表单元素通常会保持一些内部的 state。例如这个纯 HTML 表单只接受一个名称:<form> <label> 名字: <input type="text" name="name" /> </label> &lt...

一、组件的创建方式类组件可以通过ES6中的类来创建组件，该类继承React.Component，并且拥有一个render()函数，该函数的作用于函数组件的那个函数一样，用于返回一个JSX。class Clock extends React.Component { // render函数表示渲染，每次重新渲染都要调用该函数 render(){ return ( <div&gt...

一、Ant Design of React介绍antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。特性提炼自企业级中后台产品的交互语言和视觉风格开箱即用的高质量 React 组件使用 TypeScript 构建，提供完整的类型定义文件全链路开发和设计工具体系支持环境现代浏览器和 IE9 及以上（需要 polyfill...

1、var、let、const之间的区别var声明变量可以重复声明，而let不可以重复声明var是不受限于块级的，而let是受限于块级var会与window相映射（会挂一个属性），而let不与window相映射var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错const声明之后必须赋值，否则会报错const定义不可变的量，改变了就会报错const和le...