要实现自定义导航栏与胶囊对齐，如下图如示，只需要获取导航栏高度，及导航栏距上的位置（其实就是状态栏高度），再通过css布局就完成任务了。这个方案应该是最简单易懂的方案了。如果有更复杂的布局需要，都以导航容器为基准去扩展就行了。

最近参加了一个小程序原生开发项目，虽然有好几年没写过小程序了，但还是记得那么一点。不过也只是记得有点印象而已，现在再写还是得再好好看看文档，所以那些坑点还是趟了不少。既然有坑那就来吐槽，不，来记录一番吧～布局时宽高用百分比不生效问题这个问题，用 vw 或 vh 代替就能解决onPullDownRefresh 下拉刷新使用...

typescript 官网 api 看起来比较无聊，有时候也不知道具体使用场景是啥，所以最好的方式就是先粗读，遇到问题再去细读 api，不懂就结合网上的文章。下面写一些简单的例子，介绍一下一些常用 api 的一般使用场景。

最近项目里使用了 sentry 来收集前端错误日志，但是线上收集到的错误信息定位到的是压缩混淆后的代码里，这导致我们很难定位到具体的位置。要定位错误到具体组件，我们需要上传 source-map 文件到 sentry 里，本文介绍一下怎么使用webpack-sentry-plugin 插件上传 source-map 文件到 sentry 里。

关于hook api 介绍的本文不会详细说，毕竟官网写的很详细，而且讲的比我好。 本文主要讲三个方面： 关于 hooks 的一些‘奇怪表现’ 其他 hook api 使用场景 hooks 性能优化总结 因本人使用 hooks api 也只有三个月时间，实际上入手 react 栈也只有三个月，所以本文也没啥深度，适合刚接触 hooks 的同学。 关于 hooks 组件...

我们一个后台，在切换一些标签页的时候，是使用的 keep-alive 缓存的标签页，也使用了 include 属性来决定哪个页面进行缓存，而标签页的切换实际上是路由的切换，也就是说打开一个新标签页的时候，url 会跟着变化，老的标签页如果在 keep-alive 的 include 范围内那就会缓存下来。然后客服人员就反馈页面开的久了就会崩...