![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
开发模式
Monkey_shuo
web前端程序员
展开
-
论React后台管理系统开发模式
lz在公司用react开发后台管理系统,大家都知道,后台管理系统,最主要的是数据的处理与后台的交互,实现支持App各种各样的功能。 既然说到数据处理,那么react的数据驱动和双向绑定就发挥了很大的作用;另外react的事件监听机制也是核心,通过触发事件触发函数中的方法,函数方法的罗列成为写后台管理系统的重点。 ——————————————————————————————————————————原创 2017-03-15 12:20:22 · 7545 阅读 · 0 评论 -
React开发中使用require.ensure()按需加载ES6组件
首先介绍下动态加载函数:require.ensure([], (require)=>{ let A = require('./a.js').default;})如果想要动态加载出es6代码组件,直接require一个es6风格的组件是不行的,因为一般的语言编译工具(如babel),不支持直接require一个es6风格的组件。那么有种办法可以解决:在es6方式书写的组件底部增加一句:mod原创 2017-05-09 11:46:12 · 1843 阅读 · 1 评论 -
react-router实现按需加载
本文使用的 react-router 版本为 2.8.1React Router自己就有一套按需加载解决方案,将代码拆分成多个小包,在浏览过程中实现按需加载;如过你的项目搭配了webpack打包工具,那么需要在webpack.config.js的output内加上chunkFilenameoutput: { path: path.join(__dirname, '/../dist/asset原创 2017-05-09 12:36:29 · 1480 阅读 · 0 评论 -
ant-design-mobile框架踩坑(一)
一直在用ant.design桌面版,现在退出了移动版,必须研究一下,但是这不看不要紧,一看就遇到了好多坑,好多坑···1.根据官方文档,使用dva脚手架生成项目目录,这样简单一些,如果你喜欢自己创建文件夹的感觉,你也可以自己创建自己的目录结构。由于是试验可用性,我就用了dva生成了个目录结构;$ dva new mobileApp创建完成后,已经是npm install过了,所以不需要重新下载依赖。原创 2017-09-01 12:03:49 · 22877 阅读 · 0 评论 -
React服务端渲染(一)
一、服务端渲染的好处!有利于SEO;首屏渲染更快,移除了了加载js的时间;客户端和服务端公用一套代码(同构),更易于维护;二、react服务端渲染的思路1、服务端koa2框架搭建后端服务;babel支持解析es6语法;koa-router后端路由;承载react组件的字符模板;react组件在服务端注入数据后,转化成字符串吐给浏览器渲染;<...原创 2018-02-26 16:56:00 · 2753 阅读 · 0 评论 -
React服务端渲染(二)
4、如何做到前端路由和后端路由同步;说到前后端路由同步,有个问题就又抛出来了,什么是前后端路由同步?为什么要前后端路由同步? 让我们看看react-router中的hashhistory和browserHistory; hashHistory:http://noah.dabanma.com/#/indexbrowserHistory:http://noah.dabanm...原创 2018-02-28 11:09:09 · 809 阅读 · 0 评论