摘要：
在配置基于webpack的react单页面脚手架时，公共依赖库代码打包至vender.js中，页面逻辑代码打包至app.js中，使用webpack-bundle-analyzer分析发现，两个js中包含重复代码。优化方法如下： webpack.config.js 修改 （1）修改入口文件的顺序，ve 阅读全文
摘要：
在react项目开发中，当访问默认页面时会一次性请求所有的js资源，这会大大影响页面的加载速度和用户体验。所以添加按需加载功能是必要的，以下是配置按需加载的方法： 安装bundle-loader 定义Bundle.js app.jsx配置 webpack.config.js 修改 这样就可以实现页面 阅读全文
摘要：
axios发送post请求，提交表单数据的方式 默认情况下，axios将JavaScript对象序列化为JSON。要以application / x-www-form-urlencoded格式发送数据，可以使用以下选项之一。 1. 浏览器。在浏览器中，您可以使用 URLSearchParams AP 阅读全文
摘要：
对于常见的搜索需求业务场景，用户输入完成后，点击enter事件请求数据，要求不提交页面，实现数据局部更新，这需要用到react中的表单Forms。 处理方法： （1）html书写 form标签中去掉action参数，定义onSubmit方法，如下所示： （2）事件处理 关键的是阻止掉页面默认提交： 阅读全文