这篇文章将为大家详细讲解有关微信小程序开发入门基础，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
创新互联建站主要从事
成都网站制作、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务灵武,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
1、自定义标题栏
现在UI要求越来越高，高频出现自定义标题栏的情况
"navigationStyle": "custom"复制代码
2、获取用户信息
用户授权是每个小程序中都会用到的，可以根据自己的项目流程编写自己的逻辑。 用户授权
授权登录复制代码
bindGetUserInfo (e) { console.log(e.detail.userInfo) // 获取到用户信息}复制代码已授权的情况下调用「wx.getUserInfo」，「wx.getSetting」进行判断该用户是否授权
wx.getSetting({ success (res){ if (res.authSetting['scope.userInfo']) { // 已经授权，可以直接调用 getUserInfo 获取头像昵称 wx.getUserInfo({ success: function(res) { console.log(res.userInfo) } }) } else { // 未授权 } }})复制代码3、input 设置placeholder样式
复制代码
.placeholderinput { color: #CCCCCF; font-size: 36rpx;}复制代码4、路由
路由跳转用到的比较多，每次跳转的时候总是不能区分用哪一个方式进行跳转，记下来，加深一下印象。
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
wx.switchTab({ url: '../../index/index'})复制代码跳转到应用内的某个页面，但是不允许跳转到 tabbar 页面，并关闭当前页面
wx.redirectTo({ url: '../../index/index'})复制代码保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。
wx.navigateTo({ url: '../../index/index'})复制代码5、image组件常用mode合法值梳理
为什么详细讲解image，每次后台上传的图片和我们前端界面的尺寸不一样，我们前端就要进行处理了，还有就是测试老是回提出一些图片变形上的问题，为了不让他们提出这些问题，我们详细分析一下，如果有不正确欢迎交流指正。 在固定宽高的情况下：
复制代码
.pic { width: 600rpx; height: 500rpx; border: 1rpx solid #ccc;}复制代码设置以下属性图片会发生什么变化
scaleToFill 图片的宽高完全拉伸至填满 image 元素，会改变图片的宽高比，图片变形
aspectFit 图片完整的展示出来，图片的宽高比不变。
aspectFill 图片的宽高比不变，为完整的展示，会发生裁切
常用的「aspectFit」 「aspectFill」这两个
6、设置input的「confirm-type」 的合法值
设置键盘右下角按钮的文字，type="text"时生效
- send 右下角按钮为“发送”
- search 右下角按钮为“搜索”
- next 右下角按钮为“下一个”
- go 右下角按钮为“前往”
- done 右下角按钮为“完成”
为了实现安卓ios的统一confirm-type的设置也是很有必要，默认值是 done，安卓默认是回车，ios默认是完成，所以设置同一只前四个是可以统一的。
关于“微信小程序开发入门基础”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
分享文章：微信小程序开发入门基础-创新互联
URL链接：
http://cdkjz.cn/article/jhsgo.html
