相信很多小伙伴在开发微信小程序的时候都会有自定义顶部导航栏的需求，不够要说明的是小程序右上角的胶囊是不能自定义的哦，除了胶囊其他地方都是可以根据自己的项目而定了，在一次小程序开发中就需要对顶部进行自定义在此记录一下自己封装这个组件的过程。 其实想想我们只知道状态栏高度，除了状态…

大部分情况下我们都是使用微信官方自带的navigationBar配置，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。 隐藏导航栏可以全局配置，也可以单独页面配置，具体根据业务需求来。 公式：导航栏高度 = 状态栏到胶囊的间距（胶囊距上边界距离-状态栏高度） …

随着 VueJS 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我们开始吧。 在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可预测。 这是很有必要的，这样Vue就可以跟踪组件状态，并对…

1. 模拟new的过程 2. 函数防抖和节流 3. 输入url到展示的过程 4. 函数的柯里化 5. 重绘与回流 1. 重绘 2. 回流 当元素尺寸、结构或者触发某些属性的时候，浏览器会重新渲染页面，这就叫回流。此时，浏览器需要重新计算，重新进行页面布局，所以损耗较大 6. 浏…

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。 如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用…

写这篇文章的缘由是上周在公司前端团队的code review时，看了一个实习小哥哥的代码后，感觉一些刚入行不久的同学，对于真实项目中的一些js处理不是很熟练，缺乏一些技巧。 因此整理了自己开发中常用的一些js技巧，灵活的运用，会增强你解决问题的能力，也会对你的代码简洁性有很大的…

需要封装一个组件，首先要熟悉小程序自定义组件的文档。官方文档在这里 为了方便描述，我把页面定义为父组件，把倒计时组件定义为子组件吧。 显示的倒计时（timerText）可以根据自己需求重新修改。 调用组件需要在相应的json文件里面注册，这个我就不说了。 以上是根据自己公司的需…

在这里运用到了微信小程序的moveable-area和moveable-view两个标签。 moveable-area是可拖拽的区域，需要设置其宽高。由于图片的大小我是根据屏幕来动态设置的，所以moveable-area的宽度是固定的100%，高度由上传的图片总高度决定，所以一…

1. 前言 一直以来都想做个组件库，一方面是对工作中常遇问题的总结，另一方面也确实能够提升工作效率（谁又不想造一个属于自己的轮子呢~），于是乎就有了本文的主角儿rn-components-kit。 市面上web的UI组件库如此之多，react相关的有antd，vue相关的有el…