介绍 框架介绍，使用webpac构建的react单页面应用，集成antd。使用webpack-dev-server启动本地服务，加入热更新便于开发调试。使用bundle-loader进行代码切割懒加载 手动搭建，不使用c…

本文是『horseshoe·React专题』系列文章之一，后续会有更多专题推出 来我的 GitHub repo 阅读完整的专题文章 来我的 个人博客 获得无与伦比的阅读体验 话说PHP是世界上最好的语言(笑)。 因为它的…

如何将jsx代码放到自定义的dom中？ – Eric 真实经历 最近开发项目的时候，需要实现图片的预览并下载，想着也不难，自己写一个预览效果吧。其实预览就是一个弹窗(Modal)，实现弹窗有两种方案：1、使用…

引言 github上的demo别人需要预览的时候都得clone下来运行才可以，不能外网访问，不利于demo效果的展示，其实将项目打包部署到GitHub Pages上就可以完美解决这个问题了。 用到的库 gh-pages …

1.前端后端关注点 1).前端: 页面表现，速度流畅，兼容性，用户体验 2).后端: 高并发/高可用/高性能，安全，存储，业务 2.WEB前后端分离（前端静态化、后端数据化、平台无关化，架构分离化） 1).未分离时期 A…

安装 npm install redux 核心概念 redux将整个应用的state存储到一个store中，当用户触发一个action的时候，通过调用store.dispatch(action)来触发sotre中定义好的…

烦恼 是这么回事，笔者刚入门的时候就觉得写redux太难受了。写action，写types，写reducer，然后在action和reducer中注入type，等写完一个redux，可能5分钟就过去了。但是好像又没有什么…

项目地址 https://github.com/abc-club/f… 本文收集学习过程中使用到的资源。 持续更新中…… 目录 vue react Weex typescript 常用库 js es6 移动端…

InputNumber组件强制限制小数，可以使用 formatter 属性配合正则来实现，但在实践中发现一个问题，比如限制的两位小数，当我输第三位小数的时候，组件会保存这个值，导致传给后台的值多出一位小数。 在2.9.0…

3. 组件生命周期 React严格定义了组件的生命周期，生命周期可能会经历如下三个过程： 装载过程（Mount）：也就是把组件第一次在DOM树上渲染的过程； 更新过程（Updata）：当组件被从新渲染的过程； 卸载过程（…

typescript 2.9.x +webpack 4.16.x + react 16.4.x 从零开始，配置简单可自由更改，按需加载antd 3.8的组件，包括样式前言： 由于网上找不到typescript结合reac…

创建组件 创建组件之前要注意以下几点： 组件创建的名称首字母得大写 组件中返回的JSX只能是一个根节点，所有的内容得用一个元素都框起来 1.无状态函数式组件 无状态函数式组件可以理解成就是一个函数生成的，使得代码的可读性…