iiichigo的博客

学无止境

用类修饰器 解决react内存泄漏的问题

在做react项目开发时,可能会发现关于内存泄漏的报错,这个时候就会一脸懵逼,我是干啥了,咋还内存泄漏了呢 。但也会发现这个错误并不影响我们程序的运行,而且上线的话报错也会没有,只是开发起来有点不爽。那到底是怎么回事呢,研究了一波, 组件卸载后,调用 setState 方法就会报这个错    ...

2018-11-30 22:26:39

阅读数:90

评论数:0

npm发包流程 注意npm更新啦

最近自己封装了一个处理react-redux的中间件,供公司内部使用,就避免不了往npm上发包了  npm更新了 但只有最后一步的命令有变 也可以直接看最后一步 第一步:先确定是不是在npm源 在淘宝源的需要先切换 可以用nrm 首先安装一波 npm install -g nrm ...

2018-11-27 21:44:42

阅读数:33

评论数:0

在react中使用装饰器decorators

在react中使用装饰器decorators 最近在做react项目的时候,遇到同一个组件共用一个方法的问题。由于react已经废弃了mixin,所以就准备用用新东西,选择了ES6中的decorators。 在使用之前需要先下载babel插件 npm install @babel/plug...

2018-11-27 20:38:14

阅读数:131

评论数:0

react-router-dom的使用

=> github上的文档 react-router-dom的使用 首先下载  ## 注意下的是react-router-dom 而不是 react-router npm install react-router-dom yarn add react-router-...

2018-11-20 22:55:30

阅读数:37

评论数:0

react-transition-group小结

在vue中想要实现动画效果,Vue 提供了 transition 的封装组件。通过过渡类名来实现过渡效果,react虽然没有封装组件,但他的生态圈也足够大,react-transition-group可以帮我们实现动画效果,原理差不多。上手也很简单。 // 首先安装 # npm npm i...

2018-11-20 21:43:41

阅读数:15

评论数:0

实现react-router-dom中的 tag 重置标签

在vue中根本就没有这个烦恼,因为vue已经帮我们封装好了。而react使用NavLink或者Link的时候默认是a标签,并没有给我们提供相应的tag方法,可有时候我们就是想要其他的标签怎么办,就需要我们自己手动来封装了,这也正是react的灵活之处。下面是我封装的代码。有不懂的或有更好的方法都...

2018-11-19 22:03:24

阅读数:45

评论数:0

谈谈CDN

目的:使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。 CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输得更快、更稳定。通过在网络...

2018-11-18 20:05:51

阅读数:28

评论数:0

React.PureComponent 和 forceUpdate 小结

在Vue中如果更改的data和上一次的data相同,vue便不会重新渲染,提高了性能。 但在react中才不管是不是相同,只要状态更新便会重新渲染,为此React提供了一个生命周期钩子函数 shouldComponentUpdate( )这个钩子函数中接收最新的props和state但此时th...

2018-11-18 11:33:10

阅读数:104

评论数:1

EventBus封装

// 事件类 class EventEmitter { constructor () { this.events = { } // 事件队列,保存着每一种事件的处理程序 } on (type, callback)...

2018-11-17 21:58:57

阅读数:92

评论数:0

react 定义组件时 super在做什么

在ES6的类中,每一个类都有一个contructor(构造器),当子类去继承父类的时候,父类的constructor需要执行一下,为子类去继承constructor中的一些东西,如果子类自己没有写constructor,默认的会生成一个constructor并且在其中就会执行父类的constru...

2018-11-17 21:12:57

阅读数:50

评论数:0

详解react的生命周期

class从创建实例到注销的过程中,经常会需要在某些时刻去执行一些逻辑代码,react每个组件的生命周期中会暴露出很多生命钩子 这些钩子函数会在特定的时刻执行,组件或实例生命周期会经历三个阶段 初始化/运行中/销毁   初始化阶段 1.constructor 挂载this bin...

2018-11-17 16:57:43

阅读数:28

评论数:0

Vue组件通信的六种方法

组件通信在vue中十分重要,在这里先给大家介绍六种,之后也会慢慢补充 目录 1. 父组件将动态数据传递给子组件,父组件更改数据子组件接到的数据也会变化 2. 父组件将自己的方法传递给自组件,子组件调用方法传数据给父组件 3. 父组件给子组件绑定事件 4. ref通信 5. 使用even...

2018-11-04 20:32:16

阅读数:137

评论数:3

关于Vue的生命周期

 组件从创建初始到注销的过程中,经常会需要在某些时刻去执行一些逻辑代码,vue每个组件的生命周期中会暴露出很多生命钩子 这些钩子函数会在特定的时刻执行,组件或实例生命周期会经历三个阶段 初始化/运行中/销毁 body部分的代码 <div id="app...

2018-11-04 17:35:00

阅读数:55

评论数:1

浅析vuejs原理

MVVM 说到vuejs就不得不说mvvm, vue也可以叫做mvvm框架,mvvm分为三个层M(model),V( view),MV(viewmodel)。 mvvm采用的是数据驱动模式,即视图的变化都取决于数据的更改 其实mvvm和mvp层很相似,唯一的不同是mvvm的v和vm层是同步...

2018-11-01 20:42:53

阅读数:219

评论数:1

服务器的部署方案

在这里给大家需要介绍一下两种部署方案: * 前后端不分离 (前后端耦合) * 前后端分离 假设我们的前端项目和后端项目已经开发完成了,前端是在我们自己的本地服务器开发的,后端也会在自己的服务器上开发完成,每开发到一个大阶段,或者是开发到最后,我们都需要将项目部署到外网服务器上(上线),至于...

2018-10-22 10:57:42

阅读数:275

评论数:1

nodejs,npm,gulp,webpack的介绍和关系

nodejs Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。让JavaScript运行在服务端的开放平台,它让JavaScript成为PHP,Python,Ruby等服务器端语言平起平坐的脚本语言。 npm npm是nodejs的一个模块,是n...

2018-10-06 15:06:16

阅读数:401

评论数:1

JavaScript 模块化

定义 模块化是什么呢,我们先来看看百度是怎么定义的: 虽然百度的解释有时候太过于官方,但还是十分准确的。 模块化的意义 a. 实现js文件的异步加载,避免网页失去响应。 b. 管理模块之间的依耐性,便于代码的编写和维护。 c. 封闭作用域 ,不会污染全局变量,以及不用担心命名冲突...

2018-10-04 17:27:49

阅读数:41

评论数:2

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