自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

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

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

博客底图：

点击选择上传的图片

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

栏目图：

点击选择上传的图片

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

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

chiuwingyan的博客

10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 React服务端渲染store和router的同步

前言store采用的是mobx作为状态管理，mobx使用起来确实是比redux简单，没有那么多繁琐的配置。router是react-router4.2。其实实现简单的服务端渲染并不难，react服务端渲染的简单配置这里之前有简单介绍了一下。我个人认为主要的难点是在实现store和router在服务端和客户端的同步。服务端渲染的路由在实现服务端渲染的路由比较简单，因为官方都给我们提供了a...

2018-08-27 14:37:07 2013

原创 mobx observer导致react-router路由失效的问题

问题描述在个人项目当中，我使用了mobx作为状态管理，react-router作为前端路由。在这两者配合使用时，我发现了在点击Link进行路由切换的时候，url已经改变了，但是并没有渲染对应的组件，路由切换无效。原代码：router.jsximport React from 'react'import { Route, Redirect,} from 'react...

2018-08-22 17:00:36 3218

转载 express错误处理

http://www.expressjs.com.cn/guide/error-handling.html

2018-08-18 18:00:23 2863

原创 React-视图更新策略

setStatereact的一个组件很明显的由dom视图和state数据组成，两个部分泾渭分明。 state是数据中心，它的状态决定着视图的状态。这时候发现似乎和我们一直推崇的MVC开发模式有点区别，没了Controller控制器，那用户交互怎么处理，数据变化谁来管理？然而这并不是react所要关心的事情，它只负责ui的渲染。与其他框架监听数据动态改变dom不同，react采用setState...

2018-08-13 14:52:38 2473

空空如也

空空如也

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

TA关注的人

chiuwingyan CSDN认证博客专家 CSDN认证企业博客

码龄7年

IP 属地：广东省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

119: 原创

10万+: 周排名

61万+: 总排名

33万+: 访问

: 等级

3997: 积分

28: 粉丝

55: 获赞

19: 评论

169: 收藏

私信

关注

热门文章

分类专栏

react 27篇
vue 30篇
js 36篇
css 8篇
webpack 10篇
websocket 1篇
node 3篇
express 2篇
浏览器

最新评论

overflow-scrolling解决滚动卡顿问题
好多吃的啊: 赞赞赞
js普通函数加括号与不加括号的区别
m0_53074858: 学到了！
vue element-ui的$notify注意点
tiunxi: 楼sh的问题可以这么解决 private showRefreshUI(e: Event) { // Display a notification inviting the user to refresh/reload the app due // to an app update being available. // The new service worker is installed, but not yet active. // Store the ServiceWorkerRegistration instance for later use. const h = this.$createElement this.registration = (e as CustomEvent).detail this.$notify.info({ title: 'Update available', message: h('div', { class: 'sw-update-popup' }, [ this.notificationText, h('br'), h('button', { on: { click: (e: Event) => { e.preventDefault() this.refreshApp() } } }, this.refreshButtonText) ]), position: 'bottom-right', duration: 0 }) } private refreshApp() { 」
vue element-ui的$notify注意点
tiunxi 回复 chiuwingyan: private showRefreshUI(e: Event) { // Display a notification inviting the user to refresh/reload the app due // to an app update being available. // The new service worker is installed, but not yet active. // Store the ServiceWorkerRegistration instance for later use. const h = this.$createElement this.registration = (e as CustomEvent).detail this.$notify.info({ title: 'Update available', message: h('div', { class: 'sw-update-popup' }, [ this.notificationText, h('br'), h('button', { on: { click: (e: Event) => { e.preventDefault() this.refreshApp() } } }, this.refreshButtonText) ]), position: 'bottom-right', duration: 0 }) } private refreshApp() { // Protect against missing registration.waiting. if (!this.registration || !this.registration.waiting) return this.registration.waiting.postMessage('skipWaiting')

最新文章

提示

确定要删除当前文章？

取消删除