5 大灰狼的小绵羊哥哥

尚未进行身份认证

成功道路并不拥挤,因为坚持的人不多。。。

等级
TA的排名 37

利用 typescript 写 react-redux 和 redux-thunk

react-redux的常规使用步骤Provider作为顶层全局状态的提供者,需要传递一个参数,全局状态storeimport{Provider}from'react-redux';<Providerstore={store}></Provider>store由createStore函数创建生成,需要传递reducer纯函数作为...

2019-11-11 11:16:00

git的GUI工具Sourcetree使用及命令行对比

1.提交推送流程勾选要提交的文件 填写提交说明内容 想提交直接推送到代码仓库时,勾选左下角按钮 最后点击提交按钮即可完成代码推送等同于gitaddindex.html//添加暂存文件gitcommit-m"feat(index):新增index.htm首页内容"//添加提交及提交信息gitpush//推送至远程复制代码...

2019-11-11 09:36:33

前端面试总结

本文记录了值得研究的四大互联网大厂的面试题目,带你全面了解——【最近,前端面试都问些什么】百度1、请分析以下代码执行结果['1','3','10'].map(parseInt);2、请分析以下代码执行结果varnumber=10;functionfn(){console.log(this.number);}varobj={num...

2019-11-10 14:14:50

各种源码实现,你想要的这里都有

阅读源码的好处,不用说都知道,首先进大厂必备,还可以提升自己的能力,学习前人的经验。源码往往是前人留下的最佳实践,我们跟着前人的脚步去学习会让我们事半功倍。call、apply、bind实现 new实现 class实现继承 async/await实现 reduce实现 实现一个双向数据绑定 instanceof实现 Array.isArray实现 Object...

2019-11-10 10:03:01

React Hooks异步操作二三事

ReactHooks是React16.8的新功能,可以在不编写class的情况下使用状态等功能,从而使得函数式组件从无状态的变化为有状态的。React的类型包@types/react中也同步把React.SFC(StatelessFunctionalComponent)改为了React.FC(FunctionalComponent)。通过这一升级,原先cl...

2019-11-10 09:27:13

React Hooks与setInterval

前言Hooks出来已经有段时间了,相信大家都用过段时间了,有没有小伙伴们遇到坑呢,我这边就有个setInterval的坑,和小伙伴们分享下解决方案。问题写个count每秒自增的定时器,如下写法结果,界面上count为1?functionCounter(){let[count,setCount]=useState(0);useEffect(()=>...

2019-11-08 10:19:39

TypeScript 中使用React Hook

从ReactV16.8.0和ReactNative0.59.0版本开始,引入了ReactHook的概念。ReactHook在开发支持就考虑到了类型,所以很多Hook函数可以直接推断出他们的参数、返回值等类型,但也有一些场景需要我们显示声明类型。阅读本文前你需要了解ReactHook的基本用法,参考这里。下面会总结一下我们如何在TypeScript中使用ReactH...

2019-11-07 20:16:12

React接入Typescript

系列引言最近准备培训新人,为了方便新人较快入手React开发并编写高质量的组件代码,我根据自己的实践经验对React组件设计的相关实践和规范整理了一些文档,将部分章节分享了出来.由于经验有限,文章可能会有某些错误,希望大家指出,互相交流.由于篇幅太长,所以拆分为几篇文章.主要有以下几个主题:01类型检查 02组件的组织 03样式的管理 04组件的思...

2019-11-07 19:16:08

Redux的核心概念,实现代码与应用示例

Redux是一种JavaScript的状态管理容器,是一个独立的状态管理库,可配合其它框架使用,比如React。引入Redux主要为了使JavaScript中数据管理的方便,易追踪,避免在大型的JavaScript应用中数据状态的使用混乱情况。Redux试图让state的变化变得可预测,为此做了一些行为限制约定,这些限制条件反映在Redux的三大原则中。本文会介绍Redux的几个基本...

2019-11-03 14:25:10

使用Jenkins做自动化编译—如何正确的编写shell脚本

前言最近在公司使用Jenkins自动化编译前端、Android、iOS时遇到了挺多的shell脚本的坑,以前都是从网上找一些脚本改改测试可用就直接用了,但是最近项目变化大,导致自动化编译总是出错,于是决定好好学习下shell脚本如何正确的编写!以下是我个人的实际项目所用的一些总结,我大致会围绕三个问题来聊聊我遇到的坑和解决方法:如何根据git的提交记录,判断代码的变化,决定...

2019-11-01 11:51:52

如何在react的Hook中异步请求数据

如何在react的Hook中请求数据原文:HowtofetchdatawithReactHooks?Inthistutorial,IwanttoshowyouhowtofetchdatainReactwithHooksbyusingthestateandeffecthooks.Wewillusethewidelyknown...

2019-10-29 09:08:07

react-navigation的多次点击重复跳转同一页面、不在堆栈路由页面使用navigation方法的解决思路、withNavigation的使用

一、react-navigation的初使用createStackNavigator==>createSwitchNavigator==>createAppContainercreateBottomTabNavigator==>自定义的底部TabNavigationActions和StackActions可以获取navigation...

2019-10-28 11:25:29

React Hooks 的钩子够用吗?

阅读此文前假设你对React的新特性Hooks有一定的了解,并能进行最基本的使用。如果还不清楚ReactHooks是什么,也没关系,建议读完本文后再去阅读下官方关于ReactHooks的文档今天,我们要来聊一聊ReactHooks官方当前提供的useXXX到底够不够用,是否能满足我们日常的开发需求。先说说最重要的State:喂喂,useState...

2019-10-24 09:38:35

React Hooks - 如何安全地使用state

Hi,丹尼尔,今天我们来聊一聊"如何安全地使用state"怎么样?丹尼尔:安全?难道使用ReactHooks的state还会带来危险?X﹏X紧张~放松放松,关于安全,等会我给个例子就会很好理解了。没有例子的辅助,好难一下子说明白,也可能是我的表达能力SoSo吧!丹尼尔:好吧。在场的各位同学,有不清楚ReactHooks是什么的吗?也许有一些同学还不...

2019-10-24 09:31:56

如何用 Hooks 来实现 React Class Component 写法?

Hooks的API可以参照React官网。本文主要是结合Demo详细讲解如何用Hooks来实现ReactClassComponent写法,让大家更深的理解Hooks的机制并且更快的入门。注意:Rax的写法和React是一致的,本文Demo基于React实现,查看Demo完整版本文内容包括如下:一、在Hooks中如何实现ClassComp...

2019-10-23 09:58:08

聊聊编码那些事,顺带实现base64

目录 进制间的转换 对任意进制的数进行任意进制转换 将任意进制数转换为十进制数 几道关于parseInt的面试题 编码发展历史 base64编码 为什么需要base64 如何实现base64 读取buffer转为json对象 将10进制转为2进制 将2进制拼一起3*8然后分隔成4*6 然后将2进制转成10进制 base64码 取到...

2019-10-22 11:38:37

彻底搞懂并实现webpack热更新原理

目录 HMR是什么 使用场景 配置使用HMR 配置webpack 解析webpack打包后的文件内容 配置HMR HMR原理 debug服务端源码 服务端简易实现 服务端调试阶段 debug客户端源码 客户端简易实现 客户端调试阶段 问题 总结HMR是什么HMR即HotModuleReplacement是指当你...

2019-10-22 11:37:41

前端面试-实现一个简版koa

目录koa的使用 简单阅读下koa源码 ctx挂载了什么东西 next构建的洋葱模型 中间件含异步代码如何保证正确执行 解决多次调用next导致混乱问题 基于事件驱动去处理异常koa的使用koa的使用非常简单,引入依赖后编写constKoa=require('koa')letapp=newKoa()app.use((ctx,next)=...

2019-10-22 11:33:13

React Hooks 异步操作踩坑记

ReactHooks是React16.8的新功能,可以在不编写class的情况下使用状态等功能,从而使得函数式组件从无状态的变化为有状态的。React的类型包@types/react中也同步把React.SFC(StatelessFunctionalComponent)改为了React.FC(FunctionalComponent)。通过这一升级,原先c...

2019-10-21 20:29:09

前端面试

写在开头年前经历了许多大厂的面试,根据类别整理回顾一些知识点。一、react+redux部分1、reactFiber的作用2、react是同步还是异步?react是异步的,有两种方式可以处理异步:this.setState({count:this.state.count+1},function(){this.setState({count:this...

2019-10-20 17:51:03

查看更多

勋章 我的勋章
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周上午根据用户上周周三的博文发布情况由系统自动颁发。