自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

阳光、男孩

虚心学习,乐于助人

  • 博客(11)
  • 资源 (2)
  • 问答 (1)
  • 收藏
  • 关注

原创 React-Redux在React中的应用

前面一篇文章我们分析了下Redux, 现在分析下React-Redux, React Redux 事实上是两个独立的产品,应用可以使用 React 而不使用Redux ,也可以使用 Redux 而不使用 React ,但是,如果两者结合使用,没有理由不使用一个名叫 react-redux 的库这个库能够大大简化代码的书写, 我们先看一官网redux的经典案例, 从而进一步了解react-redux。Redux的经典案例经典案例加减定义reducer函数根据action的类型改变stateact

2020-06-08 20:57:14 152

原创 理解React中的Redux

Redux 是 JavaScript 状态容器,提供可预测化的状态管理,可以让你构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。不仅于此,它还提供 超爽的开发体验,比如有一个时间旅行调试器可以编辑后实时预览。Redux 除了和 React 一起用外,还支持其它界面库。 它体小精悍(只有 2kB,包括依赖)学习 redux 之前,首先得弄清楚一些概念1.redux 在 react 开发中所起到的作用——状态集中管理2.弄清楚 redux 中如何实现状态管理——store、a

2020-06-08 20:38:13 256

原创 JavaScript运行机制,Event Loop

JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么 JavaScript 不能有多个线程呢?这样能提高效率啊。1.为什么 JavaScript 是单线程?JavaScript 的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript 的主要用途是与用户互动,以及操作 DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定 JavaScript 同时有两个线程,一个线程在某个 DOM 节点上添加内容,另一个线程删除了这个节点,这时浏览器

2020-06-08 20:32:43 145

原创 React Hooks实践应用

React16.8 发布已经很长世间, 这段时间项目不忙, 正好准备使用 React Hooks 进行重构升级。React Hooks 的特性是它可以让你在不编写 class 的情况下使用 state 以及其他的 React 的特性,下面来让我们一起进入 React Hooks的新特性实践吧!React Hook 特性完全可选的。 你无需重写任何已有代码就可以在一些组件中尝试 Hook。但是如果你不想,你不必现在就去学习或使用 Hook。100% 向后兼容的。 Hook 不包含任何破坏性改动。现.

2020-06-08 20:27:11 529

原创 JavaScript中的Call、Apply、Bind的实现

我们知道在 javascript 中 call 和 apply 以及 bind 都可以改变 this 指向,那么它们是怎么实现的呢?彼此之间有什么区别呢?首先我们先来分别解析一下它们,这篇文章简单的介绍了实现 call() , apply() , bind()的思路JavaScript 中的 Call、Apply、Bind 的实现call 的解读与实现var leo = { name: "Leo", sayHai: function () { return "Hi I'm " + th

2020-06-08 20:23:09 128

原创 JavaScript模块化

为什么要使用模块化?当我们一个项目越做越大的时候,维护起来肯定没那么方便,且多人协作的去进行开发,当中肯定会遇到很多的问题,例如:方法的覆盖: 很有可能你定义的一些函数会覆盖公共类中同名的函数,因为你可能根本就不知道公共类中有哪些函数,也不知道是如何命名的。这些公共的组件: 但是你又不知道这些组件又会依赖哪些模块,同时在维护这些公共方法的时候,会新增一些依赖或者删除一些依赖,那么每个引入这...

2020-01-04 16:42:10 112

原创 JavaScript 原型与原型链以及继承方式

原型ECMAScript 中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。简单回顾一下构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的原型对象将包含一个指向另一个...

2019-12-27 16:17:36 207

原创 JS之深浅拷贝

1.深拷贝与浅拷贝的区别如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。2.栈堆、基本数据类型、引用数据类型 栈堆:存放数据的地方 基本数据类型:number,string,boolean,null,undefined. 引用数据类型(Object...

2018-09-17 17:35:15 9420 4

原创 React中组件通信问题

1.父组件传递值给子组件想必这种大家都是知道的吧!都想到了用我们react中的props,那么我在这简单的写了小demo,请看 父组件class Parent extends Component{ render() { return ( <Child text="Hello" /> ) }}子组件 class Child ...

2018-04-04 15:42:38 108

原创 Css样式中的大于号你可知?

继承这个词,相信大家不会陌生,那么今天说点大于号(‘>’)与 继承的关系,所以需更深的原理,来看一下吧!看一下这个代码 <div> <span>11111</span> <span

2018-04-04 15:40:58 277

原创 Vue组件通信问题

父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现,例子如下 父组件:<template> <parent> <child :child-msg='msg'></child> //注意其中childmsg需分开写出来ch

2018-04-04 15:35:59 266

微信公众号开发

使用node+express开发微信公众号的配置,以及微信公众号的开发

2017-10-19

timeji计时器

计时器js

2017-05-28

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除