Fork me on GitHub

随笔分类 -  React

React多页面应用脚手架-v1.3.0
摘要："react multi page app" 是一个基于react和webpack的多页面应用架构，通过编译生成对应目录结构清晰的静态页面,实现多页面便捷开发维护。 1.3.0 版本对项目整体做了一个全面的升级，添加修改的以下几个方面： 增加项目创建命令rppx cli 创建 "Demo展示页面" 阅读全文
posted @ 2018-12-10 10:25 飞河 阅读(1263) 评论(0) 推荐(0)
webpack+react多页面开发(二)-终极架构
摘要：webpack4+react16多页面架构 webpack在单页面打包上应用广泛，以create react app为首的脚手架众多，单页面打包通常指的是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有 许多业务需要多个页面不同的入口，比如不同的h5活动，或者需 阅读全文
posted @ 2018-11-08 22:21 飞河 阅读(4308) 评论(4) 推荐(2)
webpack4+react多页面架构
摘要：webpack在单页面打包上应用广泛，以create react app为首的脚手架众多，单页面打包通常是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入口，比如不同的h5活动，或者需要支持seo的官方网站，都需要多个不同的html， 阅读全文
posted @ 2018-10-15 12:06 飞河 阅读(2851) 评论(0) 推荐(1)
React编写input组件传参共用onChange
摘要：之前写页面上的input比较少，所以没有单提出来一个组件，今天研究了下input组件，但共用一个onChange的问题卡了一会儿，查了下发现几个比较好的方法，分享下: 方法一 Input组件 使用Input组件 方法二 Input组件 使用Input组件 注：setState({xxx:xxx}) 阅读全文
posted @ 2017-08-29 21:25 飞河 阅读(11078) 评论(0) 推荐(0)
webpack3+node+react+babel实现热加载(hmr)
摘要：前端工程化开发的一个重要标志就是热替换技术，它大大的提高开发效率，使我们专注于写代码，webpack3中的热替换相比较1更加简洁。 1. 先看效果 Demo地址 https://github.com/leinov/react hmr demo 2.目录结构 3.项目目录结构文件描述 bin 执行文件 阅读全文
posted @ 2017-08-23 22:28 飞河 阅读(1206) 评论(0) 推荐(3)
Express开发性能优化
摘要：1.使用浏览器缓存 在app.js里添加 给静态文件设置了一年的的浏览器缓存 2.启用压缩 ＊ 安装compression包 ＊ express version 3.0.0 即使我们在开发中使用gulp，webpack将代码压缩打包，他也只是代码层面的，而使用文件压缩的话，浏览器会加在gzip格式的 阅读全文
posted @ 2016-07-19 10:42 飞河 阅读(959) 评论(0) 推荐(0)

Fork me on GitHub