react
以实战为线索,逐步深入React开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
johnZhangqi
这个作者很懒,什么都没留下…
展开
-
JS操作excel文件
操作excel文件原创 2022-03-23 19:02:44 · 6819 阅读 · 0 评论 -
mobx 单应用实践
mobx在SPA应用1. 安装依赖:npm install -s mobx mobx-react @babel/plugin-proposal-decorators2. 修改package.json(支持类):"babel": { "presets": [ "react-app" ], "plugins": [ ["@babel/plugin-propos...原创 2020-04-24 17:21:41 · 224 阅读 · 0 评论 -
10分钟够你了解 react-router-dom
react-router-dom引用 react-router 是一个基于 React 之上的强大路由库; 目前react-router最新版本已经到4.0+这里只介绍 react-router-dom, 依赖于react-routerreact-router // React Router 核心react-router-dom // 用于 DOM 绑定的 Reac...原创 2020-04-23 12:00:48 · 523 阅读 · 0 评论 -
react-dnd 拖放组件
react-dnd官网地址:https://react-dnd.github.io/react-dnd/docs/api/use-drop用途:react-dnd 是一组 React 高阶组件,使用的时候只需要使用对应的 API 将目标组件进行包裹,即可实现拖动或接受拖动元素的功能。安装:yarn add react-dnd react-dnd-html5-backend immuta...原创 2020-04-13 17:56:33 · 4742 阅读 · 0 评论 -
react基础组件几种通信方法
react基础组件几种通信方法1.父子组件通信父组件向子组件通信:使用 props子组件向父组件通信:使用 props 回调本文使用React 16.8 的新增特性 Hook示例 // Parents父组件 // 使用 props val 传值 // 通过 emit自定义事件 childChange 接收子组件回调 import React, { useState } from...原创 2020-04-09 01:22:19 · 218 阅读 · 0 评论