前端技术发展太快，有些库的版本一直在升级，现在网上的搭建教程不是不全面，就是版本太低，本人综合一些教程和自己的理解，整理了一下，方便大家快速入手react框架。本教程针对刚入门和技术栈转型人员。注：（本教程写于2019-3-29，请注意版本）！！！ 本人也是半路加入react大…

今天向大家推荐一款自己开发的小程序开发脚手架，已经使用了近一年，相对比较稳定，后续也会持续更新，欢迎使用，欢迎 star. pandora-boierpalte-wechat 是一款小而美的微信小程序开发脚手架，我们没有引入任何新的复杂度，百分百使用小程序的能力，但是我们有补齐…

上图为微信小程序的项目结构，pages下面包含了小程序中的每一个页面，每一个页面由页面结构，页面样式，页面配置和逻辑代码四部分组成。 页面结构文件为index.wxml，通过微信自定义的标签来写。 页面逻辑通过JavaScript来书写。 类似CSS文件，来定义页面内元素的样式…

在小程序中获取用户的信息， 使用 wx.getLocation API, 在使用这个 API 之前需要首先设置 用户授权. 用户有可能在进入小程序的时候关闭了获取位置的权限， 当需要获取位置的时候要重新判断是否拥有权限。 如果没有权限需要再次提醒用户授权. wx.getLoca…

我们平常在进行项目开发时，一般都会把代码上传至代码托管平台上方便管理和维护。目前大家使用的托管平台最多的还是Github，国内外还有一些比较知名的代码托管平台，比如Gitlab、BitBucket，码云和码市等。 但我们在多人合作开发下，经常碰到的最头疼的问题是，其他开发者在交…

我们都知道，性能的好坏直接影响用户的体验。本文首先论述下如何评判一个小程序页面的性能情况，之后通过具体的案例重点讲解下几点实践技巧，最后再讲讲key值在渲染一个列表时发挥了一个怎么样的作用，以此来论述为啥key值对性能提升有帮助。 由于小程序开发环境的特殊性，我们不能像普通网页…

有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。 本文主要分两部分来讲解怎么完成退出行为的上报。 浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。 bef…

这样微信就放开了导航栏的控制权，只保留右上角的胶囊。 接下来，我们要做的就是实现一个导航栏组件，把它放置在页面原来的默认导航栏的位置，内容什么的完全由开发者自己定制。 这种情况下，二者的差值就是默认的导航栏的高度, 但是在设置了"navigationStyle": "custo…

相信大家平时在小程序开发中肯定遇到过页面或者组件之间的数据通信问题，那小程序数据通信都有哪些方式呢？如何选择合适的通信方式呢？这就是本文要讨论的重点。 在讨论都有哪些数据通信方式之前，我们先来定义一下，小程序页面、组件之间都有哪些关系。我总结了一下，大概分为以下3类： 不同的关…