微信小程序
小程序入门篇,代号:鱼!
铁柱同学
博主从事后端开发已然八年,然入行越久越深感知识无限,学海无涯,非一时之功。故编写博客,用于自省记录,也遵循前辈们的教导,希望可以帮到更多的人。愿各位都能勇攀高峰,顺利成为大佬!奥利给!
展开
-
微信小程序开发第四弹
1、微信小程序的页面跳转 按照微信官方文档的说法,一共有三种跳转方式: (1)wx.navigateTo()是保留当前页面,跳转到某个页面,跳转页面后可以返回上一页。 实例:wx.navigateTo({ url: ‘../logs/logs’, }) 解释: 1、里面的url也可以用相对路径,比如:pages/logs/原创 2017-08-24 16:31:19 · 760 阅读 · 0 评论 -
微信小程序获取不到unionid还有小程序无法解析JSON字符串的问题
一、背景 这边在开发小程序的时候,发现使用wx.login给出的code去请求微信服务器的时候,有时候能取到unionid,有时会取不到unionid。这就造成很多业务上的不便,因为我们在用户第一次授权进来的时候,都是通过unionid来确定这是哪个用户,是否需要注册等。二、原因  ...原创 2018-02-08 12:05:11 · 3540 阅读 · 0 评论 -
微信小程序之页面样式以及背景图片显示问题
一、背景下面这些都是在开发的过程中,记录下来的笔记。二、样式及背景图片显示问题1、修改单个页面的背景色: 在页面的wxss里面加上这句代码:page{ background-color: lightcyan;}2、小程序中的颜色设置//颜色不要加引号,也可以直接是英文border-top:1rpx solid #e5e5e5;3、小程序中的r原创 2018-02-07 17:57:27 · 57287 阅读 · 2 评论 -
微信小程序第五弹
本篇还是一篇基础性的东西。包括小程序的配置,以及真机调试,上线体验等。1、小程序的认证和服务配置认证:跟着官方文档的顺序走就行,没什么难点。不过认证成功之后会有APPID和APPSECRET。这个在后面的开发中要用。服务器配置:总共有四项配置,都填上你的域名即可。比如:你的网站是https://www.test.com,则在四个配置都这么填就行。然后这个https是需要证书的。阿里原创 2018-01-30 11:12:03 · 722 阅读 · 2 评论 -
微信小程序的APPID问题
一、背景今天重新开始做微信小程序,因为之前研究的时候,我没有用APPID登录,直接测试开发的。目前还没看出来有什么影响。但是对于正式的微信小程序,APPID还是需要的。二、步骤1、寻找APPID我们申请小程序之后,点击详情,里面有个ID,我以为是这个,其实并不是,提示APP不合法。2、登录小程序找来找去,最后发现,我们通过申请小程序时候的邮箱和密码,我们是能够进入小原创 2018-01-29 23:29:20 · 26795 阅读 · 2 评论 -
微信小程序二维码以及如何在公众号上显示小程序
一、背景最近新开发一款小程序,因为是第一次接触,所以一些基本的操作也不知道,这里记录一下。二、小程序的二维码一般来说小程序都是通过二维码来宣传的。我们不可能要求每个用户都专门去搜索小程序。1、进入微信公众平台,登录小程序。2、点击设置,找到二维码,下载即可。 三、微信公众号的资料页上显示小程序1、进入微信公众平台,登录微信公众号2、点击小程序管理,关联小程...原创 2018-02-10 16:04:57 · 5847 阅读 · 0 评论 -
微信小程序通过web-view跳转到小程序页面
一、背景 博主这边的小程序大部分都使用了web-view,众所周知,使用web-view最大的问题就是和小程序之间进行交互的问题。我这边主要是从web-view跳转回小程序的demo。二、通过web-view跳转到小程序页面1、微信官方文档微信web-view文档2、关于web-view页面的用法:Page({ data: { url: '你的we原创 2018-02-02 15:59:05 · 15293 阅读 · 4 评论 -
微信小程序之设置不同的顶部导航栏名称
一、背景首先是,我们知道在app.json中,有一个window属性,这个规定了全局的顶部导航栏目的显示: "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "哈哈", "原创 2018-01-30 21:33:34 · 14053 阅读 · 5 评论 -
Hbuilder实用技巧
1、 Q:怎么实现代码追踪? A:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方,HBuilder提供了一个非常好用的代码追踪功能, 只需要按住Alt+鼠标左键即可实现追踪。图示:Hbuilder编辑器怎么用 使用方法2、 Q:编辑器怎么实现分栏?A:HBuilder编辑器分栏功能可以实现左右分栏和上下分栏以及组合分栏。1、左右分栏实现:鼠标点着编辑器选项卡往最右边拖动 到最小化转载 2017-08-15 17:10:20 · 4928 阅读 · 0 评论 -
初识微信小程序第一弹
按照惯例,写作之前先逼逼一会儿。这里不得不说最近过的有点懵,本来公司的业务需求是用hbuilder开发app,我都准备入坑了,结果临时又换成react native了,没办法啊,我就被分配到开发微信小程序了。不过也挺好的,反正我是一个前端辣鸡,哈哈哈。。。 接下来是正文,严肃脸: 1、什么是微信小程序? 微信小程序(wei xin xiao cheng xu),简称小程原创 2017-08-22 23:06:41 · 733 阅读 · 0 评论 -
微信小程序开发第二弹
1、关于工具 微信官方提供了开发者工具,集成了开发调试、代码编辑及程序发布等功能。具体的文档在这里:微信官方文档,文档里面包含了该工具的基本操作,接下来就是下载工具了。2、下载完工具之后,我们就可以选择:本地小程序项目–》添加项目—》无APPID开发(只有内侧人员才有,我们直接选没有就好了)–》项目名,项目路径(可以随便写的)–》添加项目 进行到这一步的时候,你进去就会发现是以自己的微信登录的,原创 2017-08-23 10:56:28 · 1247 阅读 · 0 评论 -
微信小程序开发第三弹
1、页面内顶部栏目的制作 首先要知道,页面的顶部栏目和底部的tabBar是不一样的。tabBar是基于全局的,而页面的顶部栏目仅仅是在本页面中的。 思路:(1)循环展示 (2)每个navbar下面对应的有内容 (3)类似于选项卡那种的,需要给每个navbar一个标识,来确定当前选中的是哪个栏目,同时赋予它与众不同的样式。 wxml代码:原创 2017-08-23 21:34:56 · 939 阅读 · 0 评论 -
微信小程序之ajax服务器交互及页面渲染
微信小程序中的ajax请求。点击按钮时,根据url请求服务器。请求成功之后返回数据,渲染前端页面。原创 2017-08-23 23:52:08 · 17117 阅读 · 2 评论 -
吐槽小程序开发踩过的坑,以及一些解决方法
网络请求相关bug: http状态码不管是什么,一律被解析成200要真正解决,只能等官方去fix这个bug了.发出请求需要注意的几个细节1.header要设置正确:get请求时为header:{ “content-type”:’application/json’ }, post请求时为:header:{ “content-type”:’转载 2017-08-24 09:57:56 · 820 阅读 · 0 评论 -
微信小程序刷新webview页面问题
一、背景 我这边小程序的首页使用的是web-view组件。相当于直接引入了url,访问写好的h5页面即可。比着原生的小程序页面来说,方便了不少,但是刷新是个问题。这里记录一下刷新的方法。二、微信小程序的生命周期函数生命周期函数onLoad: 页面加载一个页面只会调用一次。接收页面参数可以获取wx.navi...原创 2018-03-09 17:41:47 · 21418 阅读 · 2 评论