
微信小程序入门实战
之前写了挺多小程序开发时遇到的坑,现在建一个专栏,方便大家阅读。
前端向朔
学习-撕裂-成长-变强
展开
-
微信小程序-(cover-view/cover-image)
概述在微信小程序经常会用到一些原生组件,比如map、video、canvas、camera,这些原生组件想让其他元素覆盖在其上,必须使用cover-view或者cover-image组件。最近在开发的小程序也是用到了camera这个组件,有几个坑在这里可以说下。cover-view覆盖在原生组件之上的文本视图,可覆盖的原生组件包括map、video、canvas、camera,只支...原创 2018-03-28 15:33:43 · 30998 阅读 · 0 评论 -
微信小程序-自定义button、checkbox组件
问题描述微信小程序开发过程中,经常会存在需要自定义一些组件的情况,接下来我们介绍这次开发小程序我遇到的自定义button和checkbox。自定义button除了简单的用view或者其他标签模拟,加上背景图片完全放飞自由,还有特定需要button按钮,比如需要用微信自带的分享转发功能,有几点需要关注:<button class='btn btn-default' ho...原创 2018-03-28 11:46:53 · 8609 阅读 · 0 评论 -
微信小程序-预研总结(PPT分享)
该PPT适合产品、运营、设计、重构、开发同学了解探讨。 备注: 第一:目前我们的团队,从产品、设计、重构、开发都没有很好的小程序项目经验。 第二:接下来的产品规划中,有多个产品比如WeGame APP以及运营活动都准备采用小程序的方式来做 第三:目前我们在《真三国无双》的游戏运营活动汇中,就遇到了产品交互不知道小程序的一些规则,造成返工修改。 比如: 直接在小程序中添加链接...原创 2018-03-27 19:18:04 · 11365 阅读 · 2 评论 -
微信小程序开发前的基本了解
小程序优劣优势:1.即用即走,体验类似原生APP,内存占用小,打开速度快。 2.比H5能调用更多的系统功能,例如定位、拍照、录音等 3.可以添加到手机桌面,类似APP 4.投放入口多,公众号关联、文章嵌入、群分享等缺点:1.程序包限制2M,无法开发大型应用。 2.不能跳转外链网址(目前更新了可以通过web-view在小程序内打开外链,不过有些限制) 3.不能分享朋...原创 2018-03-06 09:28:37 · 5929 阅读 · 0 评论 -
微信小程序-scroll-view横向滚动和上拉加载
今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。 先看最终效果。横向滚动1.设置滚动项display:inline-block; 2.设置滚动视图容器white-space: nowrap; 3.滚动项不要用float为什么会有以上三点要求呢? 其实横向滚动官方文档中是没有做太多说明的,只说明需要定义scroll-view滚动方向scroll-x=tr原创 2017-03-04 17:04:12 · 28448 阅读 · 8 评论 -
微信小程序-修改数据后页面不渲染
说明去年从小程序一开始出来到现在,我一直是比较看好和保持一定的关注度的,小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的,这是我第一次有意识的亲眼目睹了一个新技术的发展,还是感觉比较荣幸的。 唱衰小程序?我的观点是肯定不可能,因为现在每天提交审核的小程序还在继续增加,而且有些小程序确实很好用,比如摩拜的扫码骑车,还有我上周去KTV,直接用小程序扫屏幕上的二维码,就可以绑定房间,然后通过原创 2017-03-04 18:27:28 · 34205 阅读 · 3 评论 -
wx.navigateTo/wx.redirectTo 无效
在微信小程序开发过程中,如果你出现了在其他地方可以正常跳转,但是此时就是不行,不知道为什么。分析原因:1.你的页面在app.json文件中注册了吗? 2.你的url地址写对了吗,目录层级没错吗? 3.你要跳转到的页面是非tabBar的页面吗?如果是tabBar页面,恭喜你,找到问题了。 wx.navigateTo/wx.redirectTo只能用在非tabBar页面的跳转,要跳转到tabBar原创 2017-03-01 19:13:12 · 19137 阅读 · 14 评论 -
微信小程序-template模板使用
如下图,我在做华企商学院小程序的时候,课程搜索结果页和课程列表页结构是完全一样的,这时就非常适合使用模板来完成页面搭建。实现一次定义,到处使用。 模板一、定义模板1、新建一个template文件夹用来管理项目中所有的模板; 2、新建一个courseList.wxml文件来定义模板; 3、使用name属性,作为模板的名字。然后在<template/>内定义代码片段。注意: a.可以看到一个.w原创 2017-03-02 20:11:42 · 93445 阅读 · 23 评论 -
微信小程序-bindtap等事件传参
什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如 id, dataset, touches。看图,因为需要传递的数据比较多,所以我们通过dataset携带参数信息。如果只有一个参数,可以通过id来传递。详解(以常见的tap点击事情为例)原创 2017-03-01 20:28:00 · 215739 阅读 · 7 评论 -
微信小程序-navigator 跳转url传递参数
使用方法说明(1)传值:在navigator的属性url后拼接?id(参数名字)=要传递的值 (如果多个参数用&分开 &name=value&…….)(2)取值:options 是包含url地址中参数的对象,可以直接 点 获取。扩展JS获取web页面地址栏中的参数。https://www.google.co.jp/webhp?sourceid=chrome-instant&ion=1&es原创 2017-03-01 20:54:59 · 76284 阅读 · 6 评论 -
微信小程序-合法域名校验出错
微信小程序开发,遇到这个问题怎么办? 产生原因是因为发起了wx.request请求 而请求的域名没有在微信公众平台后台设置。1.开发者自己手动设置不检验不管你有没有拿到App ID ,我相信很多人都会和我一样做一件事,就是二话不说先大概了解下文档,然后直接上github找项目,导入试试。我是这么做的,结果上来就报这个错,后来发现其实可以自己设置本地开发工具不校验域名,完全没有影响。 在“项目”原创 2017-01-04 23:02:45 · 24788 阅读 · 11 评论 -
微信小程序-parse json 错误
pages/record/record.json Expecting ‘STRING’,’NUMBER’,’NULL’,’TRUE’,’FALSE’,’{‘,’[‘, got EOF | ^出现这个情况可能是因为你新建的相应页面的JSON文件没有写大括号,微信小程序不允许里面为空,或者你没有保存。原创 2017-01-11 21:48:16 · 10614 阅读 · 4 评论 -
微信小程序-出现脚本错误或者未正确调用 Page()
首先你要保证你的开发者工具是最新版本的出现这个问题是原因是没有在相应页面的JS文件中调用Page(),或者平时开发的时候脚本编写出现错误。就算是新建的文件你也需要在JS文件中加上Page({});原创 2017-01-11 21:03:53 · 18734 阅读 · 0 评论 -
微信小程序-设置启动页面
在开发微信小程序的时候,除了tabBar上设置的页面之外,想进入肯定要走跳转之类的进入,但是我们开发的时候肯定想要直接看到该页面,那么我们就需要设置一下启动页面了有两种方法。方法一 在app.json文件中,pages数组,设置在第一个的页面就是默认启动页面,所以你只需要调整你当前开发的页面顺序就好了。 方法二 在编译的地方设置,你只需要设置页面的路径,勾选上“使用以上条件编译”,如果页面需要原创 2017-01-11 22:11:49 · 66301 阅读 · 1 评论 -
微信小程序-编辑器插件
微信的提供IDE实在是不怎么好用(我说的是敲代码这块,当一个编译器浏览器倒是挺好的),具体怎么不好用就不吐槽了,各位看官有用过就知道,那我们该怎么来拯救自己呢,这里我给大家整理了一下。以Sublime Text3为例,其他编辑器插件在文末给出。两个步骤,一是修改文件类型,二是安装插件。步骤一右下角可设置 制表符缩进宽度,修改文件类型(这个很关键,一般后缀sublime会自动分析文件类型,但对于微信小原创 2017-01-11 23:28:56 · 16083 阅读 · 0 评论 -
微信小程序-学习资料网站大全
从程序员的角度看,实用性依次排列: 1.github资源汇总 justjavac/awesome-wechat-weapp 2.微信小程序俱乐部_微信小程序社区_wxappclub.com 3.美趋网 - 微信小程序商店 4.微信小程序联盟 4. 微信小程序开发者社区 5. 小程序商店 | 知晓程序 第三方小程序制作平台: 1.青雀-零成本一站式开发网站和微信小程序 2.原创 2017-02-06 21:24:13 · 1873 阅读 · 0 评论