- 博客(10)
- 收藏
- 关注
RSS订阅原创 react中的import、export
import 组件A from ‘…/A.js’A.js中的js代码只有在import的时候才会执行，如果不import ，那么A.js中的代码不会执行。所有redux中的mapstatetoprops就会在import的时候先挂在到组件的props上，等组件执行的时候可以直接在生命周期中拿到redux中state映射到props上的值...
2019-12-30 15:16:34
523
原创 antpro换肤
https://github.com/ant-design/ant-design-pro-layout#settingdrawer下载下来代码，用cnpm install不能用npm，这时cnpm start 会报错，然后再在文件夹下的example文件夹下用cnpm install一下，然后再在外层cnpm start就可以跑起来了...
2019-12-17 10:30:05
564
原创 react state事务机制
react构建过程中会处于一个大的事务中，先将isBatchingUpdates设置为true，正在处于批量更新的过程，后续的setstate并不会立马被更新而是都会先进入到脏组件中，当该大事务结束时isBatchingUpdates设置为false，即关闭批量更新的标志，然后就是以事务的形式开始执行函数flushBatchedUpdates(真正开始批量更新state)，flushBatched...
2019-12-11 17:51:39
308
原创 react的componentWillReceiveProps使用getDerivedStateFromProps
该生命周期一般用于： 当父级组件传递给子组件的props发生改变时，子组件要做一些事情。在该生命周期中可以根据参数中的nextProps判断与当前的props是否不同，是的话可以进行setstate。外层父级setstate会触发子组件的componentDidUpdate，如果这时子组件在componentWillReceiveProps中也setstate的话，也只会触发一次子组件的comp...
2019-12-10 21:01:31
638
原创 清浮动
子级浮动，父级设置清浮动目的是使父级重新获取高度，不发生高度坍塌，但是清浮动并不是让子元素不再浮动，其实子元素还是处于浮动状态的。验证：父级设置清浮动，两个子级，一个浮动，一个不浮动，那么可以发现虽然父级设置了清浮动，浮动的元素还是会腾出文档空间，没有浮动的元素会顶上去占据浮动元素腾出的空间。...
2019-12-10 14:29:54
76
原创 小程序扫码登录流程优化
defalut页面是一个专门用于授权的页面，只有loading状态和授权状态逻辑全部在appjs的onshow中处理，appjs的onshow如果show的options中的pmscode和当前不同，则重新进行绑定逻辑，如果相同的话判断当前路径是不是前往default页面的，若果是的话就跳转到首页，如果不是的话就不用处理，就让app自己进入当前路径(可能是分享中带的路径也可能是最近使用中的路径...
2019-12-09 15:05:29
388
原创 小程序切出去重新进入
小程序切到后台通过搜索或者扫码重新进入时会重新从defalut页面加载进入，会重新触发default页面的onload事件，default页面的onload事件中也可以拿到启动参数options(Page页面的onlaod事件是可以拿到路由跳转过来携带的参数，小程序启动时默认进入default页面可以认为是一种路由)。app.js先执行生命周期，app.js的生命周期中的同步代码执行完毕之后会执...
2019-12-08 21:03:27
4355
原创 小程序的路由跳转
navigateBack是返回到navigateTo跳转的页面，由于navigateTo是保留当前页面打开新页面，所以navigateBack返回的是navigateTo保留的页面所以不会触发返回页面(目标)的onload事件，其他路由都是新打开页面都是会触发目标页面的oload。在js中如果触发路由，如果在路由后不写return的话那么写在路由后边的代码依然会执行，并不会阻断js的执行，所以写...
2019-12-08 16:56:38
325
原创 小程序中的eventChannel
通过wx.navigateTo中，如果当前页面要向被打开页面传参数 的话，需要在当前页面的wx.navigateTo中的success中设置触发函数，在路由被打开页面中的onload、onshow、onready或者点击事件中都可以通过eventChannel 中的on事件拿到当前页面传递的参数小程序左上角的返回按钮返回事件是不能监听到的，如果想监听只能通过自定义导航栏，也可以在当前页面的unl...
2019-12-05 10:30:24
1238
原创 小程序的wx.login
wx.login时返回一个code，这表示已经处于登录状态，小程序后台会生成有session_key，如果要换取session_key的话，可以通过这个code通过后台请求微信接口拿到session_key。不管通不通过微信的接口拿session_key，只要调用wx.login就会生成session_key，多次调用wx.login可能会刷新session_key，也可能不刷新，所以会出现多次调...
2019-12-03 14:40:03
2538
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人