小程序

小程序开发总结 最近领导交给一个任务，单独开发一个小程序项目，还要出一篇小程序课题文档。这也是我第一次接触小程序，遂把领导对课题的要求以及自己开发过程中遇到的问题做如下总结： 1. 如何创建小程序项目 这一步在官方文档中的描述已经很清楚了，主要分为几步： 申请账号，拥有小程序账号。 在小程序管理平台，可以看到小程序的 AppID与AppSecret。 绑定在一个微信开放平台账户下的订阅号、服务号、小程序、APP、PC网站都叫做”应用“，每个应用都有自己的AppID和AppSecret，AppID叫做应用唯一标识，AppSecret叫做应用密钥。 AppID与AppSecret 的作用及使用方式： 在开发过程中如果要使用微信相关功能，必须有官方认证的账号密码 小程序项目中app.js的data需要添加appid和secret属性，二者配合使用，可调用公众号的接口能力 管理员需要将开发人员的微信号设置为开发者账号才可以进行小程序的开发 安装开发工具 简要介绍开发工具 微信小程序和公众号开发有自己的微信开发工具，集成了公众号网页调试和小程序调试两种开发模式。 使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK 详情 使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。 增加了支持甘特图的mermaid语法1 功能； （相关学习推荐：） 2. 如何获取微信账号信息及与第三方账号做绑定（小程序启动的过程都经历了哪些东西） 功能性的小程序一般都需要获取用户的微信账号信息。最初小程序可以在首次进入时调用wx.getUserInfo(Object…

微信小程序 基础知识css样式media标签 前言： 微信小程序中我遇到了一个对我来说是新的东西，但是对于前端开发来说不算是新知识，html页面中的media标签，在此记录下来以备不时之需 在css中我们使用media标签来区分调用哪个css样式，比如使用media=”print”来表示当执行打印文档时，使用print.css样式。这样使得文档更有得于打印，如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。 <link><link>  <link> 登录后复制 下边是media标签的10个值，可见常用的并不多。当没有media标签时，默认为media=”all”。 all– 用于所有设备类型 aural– 用于语音和音乐合成器 braille– 用于触觉反馈设备 embossed– 用于凸点字符（盲文）印刷设备 handheld– 用于小型或手提设备 print– 用于打印机 projection– 用于投影图像，如幻灯片 screen– 用于计算机显示器 tty– 用于使用固定间距字符格的设备。如电传打字机和终端 tv–…

这篇文章主要介绍了微信小程序通过api接口将json数据展现到小程序示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 实现知乎客户端的一个重要知识前提就是，要知道怎么通过知乎新闻的接口，来把数据展示到微信小程序端上。 那么我们这一就先学习一下，如何将接口获取到的数据展示到微信小程序上。 1.用到的知识点 wx.request 请求接口资源（微信小程序api中的发起请求部分） swiper 实现轮播图的组件 wx:for 循环语句 微信小程序的基础知识 2.实现原理 首先，先看一下这个请求函数 wx.request({  url: '******', //这里填写你的接口路径  header: { //这里写你借口返回的数据是什么类型，这里就体现了微信小程序的强大，直接给你解析数据，再也不用去寻找各种方法去解析json，xml等数据了   'Content-Type': 'application/json'  },  data: {//这里写你要请求的参数   x: '' ,   y: ''  },  success: function(res) {  //这里就是请求成功后，进行一些函数操作  console.log(res.data)  } }) 登录后复制…

这篇文章主要介绍了微信小程序之底部栏目开发（附代码）的相关资料，微信小程序底部想要有一个漂亮的导航栏目，不知道怎么制作，于是百度找到了本篇文章，分享给大家,需要的朋友可以参考下 微信小程序 底部导航栏目开发 我们先来看个效果图 这里，我们添加了三个导航图标，因为我们有三个页面，微信小程序最多能加5个。 那他们是怎么出现怎么着色的呢？两步就搞定！ 1. 图标准备 我们进入该网站，鼠标滑到一个喜欢的图标上面  点击下方的 下载 在弹出框中 选择了 俩个不同颜色的 图标  选择64px大小即可，我选择的是png  然后下载下来 起上别名  将上述起好名字的图标 保存到 小程序 项目目录中 新创建的 images 文件夹中，就做好了 2. 更改 我们找到项目根目录中的配置文件…

这篇文章介绍python3开发微信企业号发送图文方法 本例 只适用于企业号，公众号没试，可自行测试，方法差不多。有事找官网开发文档。   #!/usr/bin/env python # -*- coding: utf-8 -*- import requests import json import urllib.request   ID="xxxxxxxxxxxx"   Secret="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"   UserID = "hequan2011"##成员ID列表（消息接收者，多个接收者用'|'分隔，最多支持1000个）。特殊情况：指定为@all，则向关注该企业应用的全部成员发送 PartyID=17  ##部门ID列表，多个接收者用‘|’分隔，最多支持100个。当touser为@all时忽略本参数 AppID = 0  ##应用ID，默认是 企业小助手  企业应用的id，整型。可在应用的设置页面查看       def get_token():  ##获取TOKEN     gurl = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid={}&amp;corpsecret={}".format(ID, Secret)     r=requests.get(gurl)     dict_result= (r.json())     return dict_result['access_token'] def get_media_ID(path):  ##上传到临时素材  图片ID     Gtoken = get_token()     img_url = "https://qyapi.weixin.qq.com/cgi-bin/media/upload?access_token={}&amp;type=image".format(Gtoken)     files = {'image': open(path, 'rb')}     r = requests.post(img_url, files=files)…

本篇文章给大家带来的内容是关于小程序如何进行地区选择器 实现、调用，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 region-widget.js var api = require('../../../utils/api/index.js');var constants = require('../../../utils/api/lib/constants');var raw = require('../../../utils/citys'); Component({   options: {     multipleSlots: true   },   data: {     select:[0,0],     region: [Object.keys(raw), raw[Object.keys(raw)[0]]],     province:"",     city:""   },   properties: {     target: {       type: Array,       value: [],       observer: 'update'     }   },   methods: {     update: function (newVal, oldVal) {       if(!newVal || newVal.length <blockquote><p>region-widget.wxml</p></blockquote><pre class="brush:js;toolbar:false;"><picker>   <slot></slot></picker> 登录后复制 city.js…

小程序面试题 1、bindtap和catchtap的区别是什么？ bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡 2、Js数组转成换字符串，强制转换成整数及转换成浮点数的函数分别是什么？ js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。 相关免费学习推荐： 1、转换函数： 在 判断字符串是否是数字值前，parseInt()和parseFloat()都会仔细分析该字符串。parseInt()方法首先查看位置0处的 字符，判断它是否是个有效数字；如果不是，该方法将返回NaN，不再继续执行其他操作。但如果该字符是有效数字，该方法将查看位置1处的字符，进行同样的 测试。这一过程将持续到发现非有效数字的字符为止，此时parseInt()将把该字符之前的字符串转换成数字。 parseInt("1234blue"); //returns 1234  parseInt("0xA"); //returns 10  parseInt("22.5"); //returns 22  parseInt("blue"); //returns NaN 登录后复制 2. 强制类型转换 还可使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。ECMAScript中可用的3种强制类型转换如下： Boolean(value)——把给定的值转换成Boolean型； Number(value)——把给定的值转换成数字（可以是整数或浮点数）； String(value)——把给定的值转换成字符串。 3. 利用js变量弱类型转换 举个小例子，一看，就会明白了。 <script> var str=…

本篇文章主要介绍了微信小程序之小豆瓣图书实例，具有一定的参考价值，有兴趣的同学可以了解一下。 最近微信小程序被炒得很火热，本人也抱着试一试的态度下载了微信web开发者工具，开发工具比较简洁，功能相对比较少，个性化设置也没有。了解完开发工具之后，顺便看了一下小程序的官方开发文档，大概了解了小程序的开发流程和一些常用的API。 了解了小程序之后，自己就有了想要做一个小demo的冲动，虽然自己对小程序还没有做过很多实践，只是在官方例子上徘徊，但是还是想做出点小东西。既然要做一个demo，自然需要到数据，自己有又不想独自搭建服务端，所以在网上搜索可以用来提供测试数据的免费api，最后我选择了豆瓣图书。豆瓣图书提供的api功能比较少，加上不开放appkey申请，所以无法操作用户数据。只能做点简单的图书查询和图书详细信息展示，这个demo只有两个页面，非常之简单。 豆瓣图书API demo中用到的豆瓣图书api只有两个，一个是图书搜索，另一个是获取图书详情。 搜索图书 GET https://api.douban.com/v2/book/search 登录后复制 参数 意义 备注 q 查询关键字 q和tag必传其一 tag 查询的tag q和tag必传其一 start 取结果的offset 默认为0 count 取结果的条数 默认为20，最大为100 返回status=200 {  "start": 0,  "count": 10,  "total": 30,…

微信小程序路由跳转，共有三种形式，页面中使用navigator组件做页面链接形式路由跳转，js中可以使用wx.navigateTo–保留当前页面，跳转到应用内的某个页面，wx.redirectTo–关闭当前页面，跳转到应用内的某个页面 wx.navigateBack()–关闭当前页面，回退前一页面。navigator组件做页面链接                属性名                类型                默认值       …

小程序-配置请求域名合法的问题以及经常遇到的豆瓣api请求403问题，首先要进入在微信公众平台官网首页，然后点击右下角设置，紧接着看开发设置里面的appid和服务器域名进行后续操作。 一.配置请求域名合法的问题 在哪里找到配置request合法域名? 1.进入在微信公众平台官网首页（mp.weixin.qq.com）微信公众平台|小程序 首页 2.右下角设置 3.开发设置里面有AppID和服务器域名 二.豆瓣api问题 老是遇到豆瓣api请求403问题https://api.douban.com (https://api.douban.com/v2/mov…使用不成功网友的解决方法是用下面的网址替代原来的豆瓣apihttps://douban.uieee.com 和 http://t.yushu.im/v2/movie/to… 比如豆瓣电影top250的接口:(https://douban.uieee.com/v2/m…(http://t.yushu.im/v2/movie/to… 这各域名没有安全验证不是https.所以在小程序的合法域名里添加不了.所以我只用了第一个https://douban.uieee.com. 接口api请求request不成功问题的解决方法: 错误如图: 解决方法:修改wx.request里的header//我们需要把request里的header修改一下： header:{ // "Content-Type":"application/json" //这里修改json为text ,因为原来json请求会返回400（bad request） **"Content-Type": "application/text"** }, 登录后复制 解决成功后效果图:…