摘要：
在微信小程序的开发中，经常遇到需要使用 <web-view></web-view> 内嵌 H5 的需求。在这种需求中比较棘手的问题应该就是登录状态的判断了，小程序中的登录状态怎样与H5中的登录状态保持一致？ 一般来说，后端开发同事多数会要求我们在 H5 中的接口请求中携带 cookie，来获取用户当 阅读全文
摘要：
使用微信小程序开发时，用到了其 API - tabBar，设置如下（详细的内容可以参考官网 api）： 预览发现，页面下方的图标和文字大小、间距等无法改变。为了优化用户体验，决定使用自定义组件。 组件代码结构如下： tabBar.js是组件的业务逻辑代码： tabBar.wxml是页面模板： 修改之 阅读全文
摘要：
在配置基于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 阅读全文