05 2018 档案
摘要：在配置基于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）事件处理 关键的是阻止掉页面默认提交：
阅读全文
摘要：1、身份证 2、军官证 3、护照 4、营业执照 5、驾照 6、组织机构代码证 7、台胞证 8、港澳通行证
阅读全文
摘要：input自动聚焦问题 在react中可以使用refs解决这个问题，首先看一下refs的使用场景： （1）处理焦点、文本选择或媒体控制。 （2）触发强制动画。 （3）集成第三方 DOM 库。 使用refs解决input聚焦的问题有两种应用场景： 1、组件内部： 在input内部定义ref，当给 HT
阅读全文
摘要：传值方法 1、props.params 使用React router定义路由时，我们可以给指定一个path，然后指定通配符可以携带参数到指定的path： 跳转UserPage页面时，可以这样写： 在UserPage页面中通过 this.props.params.name 获取值。 上面的方法可以传递
阅读全文
摘要：遇到的问题 由A页面跳转到B页面，B页面停留在A页面的位置，没有返回到顶部。 问题分析 首先分析下出现此问题的原因： 在项目中使用的是 hashHistory，它是建立在 history 之上的，当路由发生变化时会记住原路由的状态，跳转新页面后默认停留在原页面的位置。 解决方法 使用 withRou
阅读全文
摘要：遇到的问题 项目中控制路由跳转使用的是BrowserRouter，代码如下： 在开发过程中使用是没有问题的，但是将页面上传至服务器之后，问题就来了：用户访问的资源不存在，页面是空白的。 经过排查怀疑是路径的问题，将BrowserRouter 改为 HashRouter之后，问题解决了~ 问题分析 首
阅读全文
摘要：在react项目开发中，input标签使用onChange方法获取输入值改变state： 但是，在IE9下发现 e.target.value 取值一直为undefined。在IE中，e.target 指的是window，查阅React文档发现： 解决方法：
阅读全文
浙公网安备 33010602011771号