2 微信小程序开发资源汇总

尚未进行身份认证

暂无相关简介

等级
TA的排名 6w+

微信小程序:实现密码的可见与隐藏功能(真机有效)

像常见的app在注册,登录的时候会有输入密码的一项,通常又分为密码可见与不可见之分,微信小程序也存在这一的需求,刚开始的思路是利用input的type属性text和password来切换状态,但在真机上测试时ios上存在问题。后面改为用两个input来实现。页面布局如下<view class="content flex"><view class="im...

2020-02-27 15:42:14

微信小程序授权登录---“允许”或“拒绝”等等操作

由于最新的微信公众平台官方文档将不再出现以前默认的授权弹窗,因为官方修改了wx.getUserInfo接口,所以需要我们自定义一个授权窗口。1、思路第一步:用户在进入微信小程序首页时,需要调用wx.getSetting()方法判断用户是否授权了。第二步:1、如果上面的方法判断用户已经授权了,则继续小程序的正常操。2、如果未被授权,则跳转到自定义的授权页面。第三步:点击自定义授权页面的授权...

2020-02-27 15:39:00

微信小程序:wx:for循环输出的使用方法以及简单例子

今天来讲解下循环输出元素后台存储的数据给事{var local_database = [{date: "Sep 18 2016",post_title:"冬日校花",post_image: "/images/1.jpg",text: "美呀,美呀",view_num: 112,collect_num: 96,turn_num: 515,author_img: "/ima...

2020-02-27 15:28:35

微信小程序中this关键字使用技巧

微信小程序中,在wx.request({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报undefiend。原因是,在javascript中,this代表着当前对象,会随着程序的执行过程中的上下文改变,在wx.request({});方法的回调函数中,对象已经发生改变,所以已经不是wx....

2020-02-27 15:27:12

微信小程序中的this指向问题

最近开发小程序发现一个很奇怪的问题,有些情况下用this.setData可以改变视图显示,有些情况下使用this.setData无效,需const that = this; that.setData({ xx });使用 that来保存当前的this状态,这样才能更新视图。下来我们就来解释一下,微信小程序中的this指向问题。首先我们来看一段错误代码:handleReadBook(e...

2020-02-27 15:26:31

微信小程序之ES6与事项助手

本文发表至今已有一段时间,错别字多、文笔混乱、内容过于陈旧。本人建议读者不必细究,大概浏览即可,最新的开发指南还是以官方文档为准,该博文的示例代码经过了重构,已经与官方文档同步,可能与文中的代码片段有较大差异,请以 Github 仓库上的代码为准。好久没有写关于微信小程序的随笔了,其实是不知道写点什么好,之前的豆瓣图书和知乎日报已经把小程序的基础部分写的很详细了,高级部分的API有些还得不...

2019-11-20 18:18:15

微信小程序的wx-charts插件

还有就是可以使用一些小程序的插件,比如wx-charts.先来看一下网上对这个插件的评价:目前在github上有1804颗星,使用的比较广泛。github地址:https://github.com/xiaolin3303/wx-charts.git;支持图标类型饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 area 雷达图 ra...

2019-11-20 18:15:52

微信小程序之小豆瓣图书

本文发表至今已有一段时间,错别字多、文笔混乱、内容过于陈旧。本人建议读者不必细究,大概浏览即可,最新的开发指南还是以官方文档为准,该博文的示例代码经过了重构,已经与官方文档同步,可能与文中的代码片段有较大差异,请以仓库上的代码为准。最近微信小程序被炒得很火热,本人也抱着试一试的态度下载了开发工具比较简洁,功能相对比较少,个性化设置也没有。了解完开发工具之后,顺便看了一下小程序的官方,大概了...

2019-11-20 18:14:06

微信小程序遇上filter开发教程

在微信小程序的开发过程中,当你想要实现不同页面间的数据绑定,却为此抓耳饶腮时,不妨让微信小程序与filter 来一场完美的邂逅,相信会给你带来别样的惊喜~ 前段时间被安利了一个很实用的公众号—前端早读课,它简洁、大方的页面和方便、实用的功能深深地吸引着我~(^U^)ノ 恰好这段时间学了小程序,就自己仿着写了个前端早读课的小程序。 实现的功能 ...

2019-11-06 14:12:07

微信小程序的全局变量、页面变量,如何掌握

开发微信小程序时,遇到的坑挺多的,别的不说,单是变量的应用,就够你折腾一阵子的了,可能,或许是我不熟悉的缘故吧?如果你认为你很熟悉的话,那你猜一下,下面的变量—userInfo,是属于全局变量,还是页面变量?var userInfo= {name: '小明',age: 18}Page({onReady: function() {console.log(userIn...

2019-11-06 13:56:15

微信小程序开发之富文本内容的展示

富文本内容介绍富文本格式(Rich Text Format, 一般简称为RTF)是由微软公司开发的跨平台文档格式。大多数的文字处理软件都能读取和保存RTF文档。RTF是Rich TextFormat的缩写,意即多文本格式。标题富文本作为一种类似DOC格式(Word文档)的文件,有很好的兼容性,使用Windows“附件”中的“写字板”就能打开并进行编辑。这里我们提到的富文本并不是指...

2019-11-06 13:43:57

微信小程序视图层WXSS

微信小程序WXSSWXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比,WXSS 扩展的特性有:尺寸单位 样式导入尺寸单位rp...

2018-12-24 19:13:41

微信小程序视图层WXML_事件引用

微信小程序视图层WXML_事件引用引用WXML 提供两种文件引用方式import和include。importimport可以在该文件中使用目标文件定义的template,如:在 item.wxml 中定义了一个叫item的template:<!-- item.wxml --><template name="item"> <text&g...

2018-12-21 19:28:55

微信小程序组件_小程序媒体组件_小程序camera

微信小程序组件_小程序媒体组件_小程序camera基础库 1.6.0 开始支持,低版本需做兼容处理系统相机。需要用户授权 scope.camera属性名 类型 默认值 说明 device-position String back 前置或后置,值为front, back flash String auto 闪光灯,值为au...

2018-11-12 18:13:02

微信小程序组件_小程序媒体组件_小程序video(视频)

微信小程序组件_小程序媒体组件_小程序video(视频)视频。属性名 类型 默认值 说明 最低版本 src String   要播放视频的资源地址   initial-time Number   指定视频初始播放位置 1.6.0 duration Number   指定视频时长 1....

2018-11-12 18:11:15

微信小程序组件_小程序媒体组件_小程序image

微信小程序组件_小程序媒体组件_小程序image图片。属性名 类型 默认值 说明 src String   图片资源地址 mode String 'scaleToFill' 图片裁剪、缩放的模式 binderror HandleEvent   当错误发生时,发布到AppService的事件名,事件对象eve...

2018-11-12 18:07:13

微信小程序组件_小程序媒体组件_小程序audio

微信小程序组件_小程序媒体组件_小程序audio音频。属性名 类型 默认值 说明 id String   audio 组件的唯一标识符 src String   要播放音频的资源地址 loop Boolean false 是否循环播放 controls Boolean true 是否显...

2018-11-12 18:05:28

微信小程序组件_微信小程序导航_小程序navigator(导航)

微信小程序组件_微信小程序导航_小程序navigator(导航)navigator页面链接。 属性名 类型 默认值 说明 target  String self 在哪个目标上发生跳转,默认当前小程序,可选值self/miniProgram  url String   应用内的跳转链接 open-type Str...

2018-11-12 18:03:02

微信小程序视图层WXS_数据类型

微信小程序视图层WXS_数据类型 数据类型WXS 语言目前共有以下几种数据类型:number : 数值 string :字符串 boolean:布尔值 object:对象 function:函数 array : 数组 date:日期 regexp:正则number语法number 包括两种数值:整数,小数。var a = 10;var PI = 3....

2018-10-22 23:22:08

微信小程序视图层WXS_条件语句

 微信小程序视图层WXS_条件语句 if 语句在 WXS 中,可以使用以下格式的 if 语句 : if (expression) statement : 当 expression 为 truthy 时,执行 statement。 if (expression) statement1 else statement2 : 当 expression 为 truthy 时,执行...

2018-10-18 22:54:43

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。