前端时代周刊

现在市面上比较流行的方案是约定式提交规范（Conventional Commits），它受到了Angular提交准则的启发，并在很大程度上以其为依据。约定式提交规范是一种基于提交消息的轻量级约定。 它提供了一组用于创建清晰的提交历史的简单规则；这使得编写基于规范的自动化工具变得…

上篇文章结尾提到过使用useReducer，可以帮助我们集中式的处理复杂的state管理。但如果我们的页面很复杂，拆分成了多层多个组件，我们如何在子组件触发这些state变化呢，比如在LoginButton触发登录失败操作？ 这篇文章会介绍如何使用另外一个高阶Hook-useC…

我们在第一篇文章中介绍了JavaScript中的reducer以及他的一些特点，对reducer不熟悉的小伙伴可以先看看第一篇。 React Hook功能正式发布之后，允许在function component中拥有state和副作用（useEffect）。官方提供了两种sta…

useReducer是React提供的一个高级Hook，它不像useEffect、useState、useRef等必须hook一样，没有它我们也可以正常完成需求的开发，但useReducer可以使我们的代码具有更好的可读性、可维护性、可预测性。 reducer的概念是伴随着Re…

我们知道H5页面经常需要将用户导流到APP，通过下载安装包或者跳转至应用宝市场/Appstore等方式进行导流。但是由于小程序嵌套webview时需要校验域名，因此跳转到第三方应用市场和Appstroe无法实现导流。那怎么办呢? 曲线救国的方式，利用小程序的在线功能可以打开H5…

支付宝的会员页的卡片，有一个左右翻转手机，光线随手势移动的效果。 这还是传统的刷新页面的方式——setState，最终JS和Native之间是通过bridge进行异步通信，所以最后的结果就是会卡顿。 Animated API能让动画流畅运行，通过绑定Animated.Value…

正常情况下，一个涉及到H5和PC两端的简单活动，从产品提出需求开始，设计师需要2人*2天来完成设计工作，开发需要3人*2天（包括H5、PC端页面、后端接口开发、接口联调），测试需要2人*2天投入。 就这样，从需求提出到页面上线，需要一共投入14人*天的人力资源，得 7个工作日 …

尴尬,说好的横向滚动呢，明明flex-direction: row;写的清清楚楚明明白白。。 然鹅。。好像不是那么回事，子元素怎么就被挤成胶囊了。。 仔细研究一番，需要给.item-container加上固定的width才行，甚是麻烦。 以为scroll-view踩完一个坑就结…

如果你对于代码，除了关注是否能准确的执行业务逻辑，还关心代码本身是怎么写的，是否易读，那么你应该会关注如何写出干净优雅的代码。作为专业的工程师，除了保证自己的代码没有bug，能正确的完成业务逻辑，还应该保证几个月后的自己，或者其他工程师，也能够维护自己的代码。你写的每一段代码，…