- 博客(17)
- 收藏
- 关注
RSS订阅原创 用类修饰器 解决react内存泄漏的问题
在做react项目开发时，可能会发现关于内存泄漏的报错，这个时候就会一脸懵逼，我是干啥了，咋还内存泄漏了呢 。但也会发现这个错误并不影响我们程序的运行，而且上线的话报错也会没有，只是开发起来有点不爽。那到底是怎么回事呢，研究了一波，组件卸载后,调用 setState 方法就会报这个错 可以设置一个开关，组件已经被销毁的时候就不调用setState方法，如果在每个组件上都设置这么一个方法...
2018-11-30 22:26:39
1011
原创 npm发包流程 注意npm更新啦
最近自己封装了一个处理react-redux的中间件，供公司内部使用，就避免不了往npm上发包了 npm更新了 但只有最后一步的命令有变 也可以直接看最后一步第一步：先确定是不是在npm源 在淘宝源的需要先切换可以用nrm 首先安装一波npm install -g nrm使用nrm可以查看所有源 再用nrm use XX 切换nrm ls给包初始化 注意包名要...
2018-11-27 21:44:42
852
原创 在react中使用装饰器decorators
在react中使用装饰器decorators最近在做react项目的时候，遇到同一个组件共用一个方法的问题。由于react已经废弃了mixin，所以就准备用用新东西，选择了ES6中的decorators。在使用之前需要先下载babel插件npm install @babel/plugin-proposal-decorators --save修改配置 ( 我用的是antd-mobl...
2018-11-27 20:38:14
6432
原创 react-router-dom的使用
=> github上的文档react-router-dom的使用首先下载 ## 注意下的是react-router-dom 而不是 react-routernpm install react-router-domyarn add react-router-dom 路由有两种形式 :1.BrowserRouter 是histroy模式2.hashRouter是...
2018-11-20 22:55:30
343
原创 react-transition-group小结
在vue中想要实现动画效果，Vue 提供了 transition 的封装组件。通过过渡类名来实现过渡效果，react虽然没有封装组件，但他的生态圈也足够大，react-transition-group可以帮我们实现动画效果，原理差不多。上手也很简单。// 首先安装# npmnpm install react-transition-group --save# yarnyarn a...
2018-11-20 21:43:41
600
原创 实现react-router-dom中的 tag 重置标签
在vue中根本就没有这个烦恼，因为vue已经帮我们封装好了。而react使用NavLink或者Link的时候默认是a标签，并没有给我们提供相应的tag方法，可有时候我们就是想要其他的标签怎么办，就需要我们自己手动来封装了，这也正是react的灵活之处。下面是我封装的代码。有不懂的或有更好的方法都可以给我留言。// 实现Tag的封装import styled from "styled-c...
2018-11-19 22:03:24
1126
原创 谈谈CDN
目的：使用户可就近取得所需内容，解决 Internet网络拥挤的状况，提高用户访问网站的响应速度。CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输得更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和...
2018-11-18 20:05:51
135
原创 React.PureComponent 和 forceUpdate 小结
在Vue中如果更改的data和上一次的data相同，vue便不会重新渲染，提高了性能。但在react中才不管是不是相同，只要状态更新便会重新渲染，为此React提供了一个生命周期钩子函数 shouldComponentUpdate( )这个钩子函数中接收最新的props和state但此时this上的props和state还未更新，于是我们就可以做一下判断， 如果this.props === ...
2018-11-18 11:33:10
2755
1
原创 EventBus封装
// 事件类 class EventEmitter { constructor () { this.events = { } // 事件队列，保存着每一种事件的处理程序 } on (type, callback) { // type 要绑定的事件名字， callback 处理程序 if (...
2018-11-17 21:58:57
412
原创 react 定义组件时 super在做什么
在ES6的类中，每一个类都有一个contructor（构造器）,当子类去继承父类的时候，父类的constructor需要执行一下，为子类去继承constructor中的一些东西，如果子类自己没有写constructor，默认的会生成一个constructor并且在其中就会执行父类的constructor，执行的方法就是super(),因为子类中的super就是父类的constructor如果...
2018-11-17 21:12:57
310
原创 详解react的生命周期
class从创建实例到注销的过程中，经常会需要在某些时刻去执行一些逻辑代码，react每个组件的生命周期中会暴露出很多生命钩子 这些钩子函数会在特定的时刻执行，组件或实例生命周期会经历三个阶段 初始化/运行中/销毁 初始化阶段 1.constructor挂载this bind函数的this 根据属性设置状态2.componentWillMount组件即将被挂载...
2018-11-17 16:57:43
157
原创 Vue组件通信的六种方法
组件通信在vue中十分重要，在这里先给大家介绍六种，之后也会慢慢补充目录1. 父组件将动态数据传递给子组件，父组件更改数据子组件接到的数据也会变化2. 父组件将自己的方法传递给自组件，子组件调用方法传数据给父组件3. 父组件给子组件绑定事件4. ref通信5. 使用event bus事件总线 6.使用$root,$parent,$children1. 父组件将动态...
2018-11-04 20:32:16
9748
3
原创 关于Vue的生命周期
组件从创建初始到注销的过程中，经常会需要在某些时刻去执行一些逻辑代码，vue每个组件的生命周期中会暴露出很多生命钩子 这些钩子函数会在特定的时刻执行，组件或实例生命周期会经历三个阶段 初始化/运行中/销毁body部分的代码<div id="app"> <h1>{{message}}</h1> <app-com&g...
2018-11-04 17:35:00
140
1
原创 浅析vuejs原理
MVVM说到vuejs就不得不说mvvm， vue也可以叫做mvvm框架，mvvm分为三个层M（model），V( view)，MV（viewmodel）。mvvm采用的是数据驱动模式，即视图的变化都取决于数据的更改其实mvvm和mvp层很相似，唯一的不同是mvvm的v和vm层是同步的，就是说不需要相互通知实现了交互（这就是vuejs在内部在做的事情）使用者只需要绑定数据和视图层后 ...
2018-11-01 20:42:53
3649
2
原创 服务器的部署方案
在这里给大家需要介绍一下两种部署方案：* 前后端不分离 (前后端耦合)* 前后端分离假设我们的前端项目和后端项目已经开发完成了，前端是在我们自己的本地服务器开发的，后端也会在自己的服务器上开发完成，每开发到一个大阶段，或者是开发到最后，我们都需要将项目部署到外网服务器上（上线），至于如何部署我们的服务器，各个服务器都会启动什么服务，承载什么内容，服务器之间有什么关系这些都属于服务器部...
2018-10-22 10:57:42
8474
1
原创 nodejs，npm，gulp，webpack的介绍和关系
nodejsNode.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。让JavaScript运行在服务端的开放平台，它让JavaScript成为PHP，Python，Ruby等服务器端语言平起平坐的脚本语言。npmnpm是nodejs的一个模块，是nodejs的包管理器。我们在Node.js上开发时，会用到很多别人已经写好的javascript代...
2018-10-06 15:06:16
2525
2
原创 JavaScript 模块化
定义模块化是什么呢，我们先来看看百度是怎么定义的：虽然百度的解释有时候太过于官方，但还是十分准确的。模块化的意义a. 实现js文件的异步加载，避免网页失去响应。b. 管理模块之间的依耐性，便于代码的编写和维护。c. 封闭作用域 ，不会污染全局变量，以及不用担心命名冲突。js中的模块化分为三种：commonJS，MDN，AMD。1.commonJSNod...
2018-10-04 17:27:49
521
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人