![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
山西仓江科技有限公司
这个作者很懒,什么都没留下…
展开
-
dumi之搭建博客提升影响力(良心之作)
简介dumi 是啥,啥是dumi,相信react的忠实粉,都有这么几个痛点:憋了几年的技术和业务积累写了一套贴合自身业务的组件库。吭哧吭哧…终于写完了。队友:看不懂大湿的代码啊。emmm…好吧。这个函数是…这个class是…这个组件要…用。好吧看来是时候整个文档了。搜索引擎啊,请你告诉我是一名优秀的程序员吗?搜索引擎:嗯,算…是吧。我刚造了个火箭,他需要一本书起飞的说明书,帮我...原创 2020-03-30 00:35:49 · 6107 阅读 · 2 评论 -
antd源码解读 之 构建工具antd-tools
antd-tools 作为antd源码中一个重要的构建工具存在 文档相对不是很完善我们来研究下他的源码一探究竟antd 的 package.json 中的scripts(一)prepublish"prepublish": "antd-tools run guard"这调命令涉及到了npm scripts 中的 hook prepublish是 publish 这条命令的 hook意...原创 2019-04-26 22:06:56 · 4251 阅读 · 0 评论 -
react 中的 function Component
因为hooks的出现 解决了函数式 组件没有生命周期的一个痛点 同时也有一些新的坑等待我们遇到的第一个坑就在配置了react-hot-loader的情况下无法使用hoosk原因是react-hot-loader的那个babel插件的问题 可能在解析某些语法上做了特殊的处理class Component 和 function Component 的区别为什么要了解 Function 写法的组件...原创 2019-03-26 18:38:36 · 6815 阅读 · 2 评论 -
immutable.js在react 中的应用
immutable.js在react 中的应用1 React中浅层次拷贝的问题1.1 例子1我们给出下面的事实:const detail = {name:'qinlaing',school:{loc:'dalian'}}const copy = Object.assign({},detail);copy.school.loc ="北京";//此时你会发现我们的detail.schoo...转载 2019-03-17 18:34:22 · 1241 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (六)
同时执行多个任务import { call } from 'redux-saga/effects'// effects 将会同步执行const [users, repos] = yield [ call(fetch, '/users'), call(fetch, '/repos')]saga中的超时处理import { race, call, put } from ...原创 2019-01-02 14:56:47 · 357 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (五)
redux-saga 中的api 介绍import { delay } from 'redux-saga';import { all, call ,put, takeEvery ,fork,takeLatest ,apply,select,take ,cancel} from "redux-saga/effects";delay 等待时间 接受一个毫秒值为参数 用例:delay(...原创 2019-01-02 14:36:52 · 400 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (四)
fork 和 takeEvery takeEvery 的作用是每次put 动作执行的的时候 都去调用worker 以下代码可以直接在浏览器运行,执行步骤在代码中做了注释 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="原创 2019-01-01 21:46:17 · 459 阅读 · 0 评论 -
从 generator 函数 到 redux -saga(三)
take实现原理<html> <head> </head> <body> <div id="test">qwe</div> <script> let $btn = document.getElementById("test"); //cha原创 2019-01-01 02:19:23 · 398 阅读 · 0 评论 -
react 虚拟dom 浅析
react 虚拟dom 浅析虚拟dom 的概念 随着 react vue 等框架的普及 在前端圈一度成为一个热议的话题争论点在于 虚拟dom 真的可以提高 操作dom的性能么 与传统的jq 相比 性能到底有多大提升 于是带着这两个问题 我研究了下 这块的知识( 以下纯属个人见解如有误 请圈内各大佬指正)首先我们来看下虚拟dom的 构建过程jsx语法的转换 我们代码中...原创 2018-11-25 14:59:08 · 407 阅读 · 0 评论 -
论webpack --profile 在开发中重要
在开发过程中 遇到 webpack build 失败的情况 如下图npm ERR! This is probably not a problem with npm. There is likely additional logging output above.npm ERR! Exit status 2无任何有效的错误提示 这种情况下 很难定位错误位置...原创 2018-08-10 22:43:06 · 2251 阅读 · 0 评论