小程序
习明然
IT工程师、90后
展开
-
【小程序入门】小程序初体验
结合最近看的微信小程序知识点,记录点小体验吧,主要是跟其它语言开发不同的地方,大部分都能在开发文档上找到。1.小程序的开发语言为JavaScript,但有些JavaScript的语法和特性小程序不支持,甚至会报错。开发需要AppID,这个要到官网https://mp.weixin.qq.com/申请注册才行。2.小程序配置代码JSON文件、模板代码 WXML 文件、样式代码 WXSS文件以...原创 2019-07-02 18:05:55 · 161 阅读 · 0 评论 -
【小程序入门】小程序页面的数据绑定及展示
上篇文章我们提到了首页https://blog.csdn.net/u014650759/article/details/90719228,这篇,我们通过前面的例子,继续讲解一个基本的页面具备了哪些元素及其知识点,通过前面的系列文章我们知道,小程序的结构是MVC:page.js 即控制层(C),也叫业务逻辑层;page.js 中的data属性,即数据模型层(M);page.wxml 即展...原创 2019-06-11 18:11:21 · 6366 阅读 · 1 评论 -
【小程序入门】页面多层列表的数据绑定
要在一个页面解决二级列表的显示问题,也就是list实体类下的list信息显示,大致如下:在 Android 提示要实现这个效果是很容易的,根据实体类采用布局嵌套,逻辑代码来实现子布局和实体类绑定,第二级则直接取实体类的属性绑定。但是在小程序的这个效果怎么实现呢。也就是怎么在嵌套的过程中绑定数据,第二层级的各项属性应该怎么传数据进去呢?解决方式是这样的,页面布局采用单个子布局的for语句,然后绑...原创 2019-06-17 18:01:00 · 279 阅读 · 0 评论 -
【小程序入门】小程序页面form里面无法获取picker值
在微信小程序的官方文档里,是指明了 <form/> 标签里可以提交 <picker/> 的数据的,但是如果你真的在 <form/> 标签里放了一个 <picker/> 的话,会发现无法获取数据,甚至还会让整个程序崩掉。坑爹的是,在小程序官网上面的那个 DEMO 里面https://developers.weixin.qq.com/miniprogra...原创 2019-06-14 18:08:10 · 361 阅读 · 0 评论 -
【小程序入门】小程序处理全局静态变量
从事Android 开发过来的,可能会经常将一些字符串,弄成全局静态的然后放到一个专门的类中,例如后台接口地址字符串。任意地方使用的时候,就可以直接:String userInfo = 类名.USER_INFO;那么在小程序中,如何完成类似的处理要求呢?这里采用的是js模块化方式,新建一个js文件,里面含有const变量,然后通过module.exports将其暴露出来以供外部使用。co......原创 2019-06-18 18:03:48 · 752 阅读 · 0 评论 -
【小程序入门】小程序setData方法以及转为DOM对象
上篇我们知道怎么将参数传递到一个新页面https://blog.csdn.net/u014650759/article/details/91380350,这篇我们接着学习涉及小程序页面的一些处理。1.在 Android 开发的时候,我们可以直接获得控件,然后对控件做数据绑定工作,而在小程序里,并不能够直接获得控件的对象,所有的数据绑定与动态修改只能通过维护 Page 里面的data{},以...原创 2019-06-13 18:31:22 · 622 阅读 · 0 评论 -
【小程序入门】小程序基础知识要点
1.页面跳转路由分三种,wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。wx.navigateBack():关闭当前页面,回退前一页面。如果需要在跳转中传递数据,则需将要传递的数据保存到url中,形如url跳转传递数据,以navig...原创 2019-07-05 23:42:14 · 254 阅读 · 0 评论 -
【小程序入门】小程序开发需知的app.js
前面的文章https://blog.csdn.net/u014650759/article/details/90712324,介绍了一个小项目中app.json的作用和功能。接下来简单介绍下小程序项目结构下的app.js文件。打开该文件,里面包含的几个方法onLaunch、getUserInfo、getUserInfo1.onLaunch方法是小程序启动的时候执行的方法 ,前三行为展示本地存储...原创 2019-06-05 18:30:20 · 749 阅读 · 0 评论 -
【小程序入门】小程序首页的设置
上篇文章https://blog.csdn.net/u014650759/article/details/90712324,我们提到了app.json的基本操作及功能,这边接着继续来讲解小程序首页的设置。主要有两种方式,分别是采用申明的方式和设置的方式。第一种是在app.json文件中,pages数组,设置在第一个的页面就是默认启动页面,所以你只需要调整你当前开发的页面顺序就好了。 如下,in...原创 2019-06-10 18:20:46 · 5230 阅读 · 0 评论 -
【小程序入门】小程序开发需知的app.json
上篇文章https://blog.csdn.net/u014650759/article/details/90702720,我们了解了小程序开发工具,还有加载项目的基本结构及其功能,这篇通过示例项目,以项目结构中的文件,来了解小程序开发需要知道的基础操作。我们以原有示例项目为基准,展开项目各项目文件,打开app.json文件如图这里,我们打算对此示例项目进行简单的更改,用以熟悉小程序的开发...原创 2019-06-04 19:37:50 · 736 阅读 · 0 评论 -
【小程序入门】微信开发者工具及加载项目结构介绍
上一篇文章中https://blog.csdn.net/u014650759/article/details/90701866,我们已经安装好了微信开发者工具,并导入了一个Demo项目,这篇文章,将就开发者工具进行简单的介绍,方便你开发实用编译器,更好的开发小程序。1.机型选择:小程序以IPhone7的屏幕尺寸为设计标准,让UI以IPhone7屏幕尺寸来切图。2.预览界面:写好视图布局后...原创 2019-06-02 21:01:55 · 3244 阅读 · 0 评论 -
【小程序入门】下载安装编译器并导入项目
上篇文章提到了,作为微信小程序开发者,在开发学习前需要做的准备工作,也就是通过邮箱和微信注册申请小程序的开发https://blog.csdn.net/u014650759/article/details/90694300。这篇文章,也是开发前的准备,了解编译器,即微信开发者工具。1.这里先登录微信公众平台后台界面,点击开发工具链接,如下图2.将跳转到概览介绍,点击微信开发者工具链接...原创 2019-05-31 18:06:42 · 1134 阅读 · 0 评论 -
【小程序入门】注册AppID为开发做准备
如果跟我一样,打算从移动应用原生开发中跳脱出来,学习微信小程序开发的话,那么在正式语言开发之前,还需要做些其它准备。由于小程序是微信的一个平台,所以你得有一个微信号吧,还得通过邮箱申请一个开发者账号,并申请AppID。流程如下:1.打开微信公众平台,点击立即注册:2.这里并不涉及到订阅号和服务号,只选择小程序:3.填写各项参数,勾选阅读并同意,点击注册4.跳转到邮箱激活...原创 2020-01-10 10:25:54 · 7550 阅读 · 1 评论 -
【小程序入门】小程序轮播实现
很多软件都有了轮播效果,微信也有,通过Swiper组件来实现,能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。这里有关此组件具体使用的官方说明链接https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html<swiper indicator-dots="{{indicatorDots}}" au...原创 2019-06-24 18:01:02 · 204 阅读 · 0 评论 -
【小程序入门】小程序页面跳转事件及无法跳转
上篇文章提到了怎么在页面中展现数据,以及全局变量的使用,查看https://blog.csdn.net/u014650759/article/details/91364148。这篇主要讲页面跳转。我们知道,一个页面的跳转,首先需要为组件绑定事件,以触发事件从而执行页面跳转代码。而事件又分为冒泡事件和非冒泡事件,以下为冒泡事件,其他组件事件无特殊申明都是非冒泡事件:类型 触发事件...原创 2019-06-12 18:02:21 · 3659 阅读 · 1 评论