
小程序
亦是木子也是雨
一个记笔记的地方
展开
-
小程序实现三级联动
小程序其实实现三级联动很简单,直接使用官方文档提供的表单组件picker即可传送门觉个例子先上效果<view class="item"> <view class="des">生日</view> <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09...原创 2020-04-08 16:10:07 · 909 阅读 · 0 评论 -
小程序页面之间的跳转
前言关于小程序页面之间的跳转,我觉得可以大致分为两类:一、使用 navigator这个标签进行跳转,类似 a标签二、就是使用绑定事件来进行跳转绑定事件进行跳转1.保留当前的页面,跳转到其它的页面(不能跳转到 tabbar 页面),可以传递参数<view bind:tap="regist">注册</view>不传递参数regist() { wx.navig...原创 2020-04-08 15:59:21 · 626 阅读 · 0 评论 -
小程序收货地址的获取
提出小程序自带了一个获取地址的 api wx.chooseAddress,使用该方法便可获取收货地址,但这个方法却有一些小bug, 在某些情况下,将不能获取地址的信息,具体是什么小 bug呢分析实现一个如上图的按钮,为其添加点击事件事件如下handleChooseAddress() { wx.chooseAddress({ success: (result)=>{ ...原创 2020-03-13 21:53:25 · 2305 阅读 · 0 评论 -
小程序模仿商城(分类)
分类之首页面页面布局在说页面的布局之前,我先提问一个这样的问题:image 是该称之为标签还是组件呢?说实话,我查了查没有查出来,可能是我对搜索引擎的使用还是么有掌握精髓的原因吧但是,我在看别人的博客时,有的人称之为标签,有的人称之为组件,但是官方文档却将其列到了组件里,可能官方认为应该称之为组件吧,但是既然有的人称之为标签,再加上在平时pc端写网页时称之为标签,所以我就姑且的称之为标签吧...原创 2020-03-11 23:49:04 · 1761 阅读 · 2 评论 -
小程序模仿商城之(首页)
前言最近因为要参加一个比赛要用到小程序,所以就在网上找了个视频开始了学习小程序之旅。前几天通过看视频、看官方文档对基础的知识有了大概的掌握,又跟着视频写了一个小项目。但总觉得自己哪里掌握的不够,所以打算自己不看视频,再将其写一遍效果图遇到的问题待更新…...原创 2020-03-08 21:32:12 · 1328 阅读 · 0 评论 -
小程序轮播图适应所以设备
适配所以设备,只需设置长度和宽度即可<swiper indicator-dots indicator-active-color="#ff5777" circular autoplay> <block wx:for="{{banners}}" wx:key="index"> <swiper-item class="" item-id=""> ...原创 2020-03-08 21:19:46 · 257 阅读 · 0 评论 -
小程序使用promise封装一个网络请求
export default function(options) { return new Promise((resolve, reject) => { wx.request({ url: options.url, method: options.method || 'get', data: options.data || {}, ...原创 2020-03-08 20:59:04 · 550 阅读 · 0 评论 -
小程序的启动流程
小程序的启动流程当我们启动一个小程序时,会按照下面的流程开始执行第一步:下载小程序包首先,我们需要知道的是,当我们使用小程序的时候就跟使用一个手机上的 app 一样,都需要下载,只不过,小程序的包文件很小,所以下载就很快,我们几乎就感受不到它的下载过程第二步:启动小程序当小程序下载好之后,就开始了小程序的启动第三步:加载解析 app.json当小程序启动之后,第一件做的事情就是加载解...原创 2020-03-04 22:36:19 · 1792 阅读 · 0 评论 -
小程序的双线程模型
宿主环境小程序的宿主环境是谁?很显然,小程序的宿主环境是微信客户端宿主环境有什么作用呢?我们可以在宿主环境上执行小程序的各种文件:wxml 、wxss 、js ,除此之外,宿主环境还为我们提供了小程序的双线程模型不了解宿主环境可以点传送门双线程模型1.WXML 模块和 WXSS 样式运行于渲染层,渲染层使用 WebView 线程进行渲染;因为一个小程序往往不只有一个页面,一个小程序通...原创 2020-03-03 23:03:21 · 1289 阅读 · 0 评论 -
小程序的简单认识
用到的知识页面布局:WXML,类似HTML页面样式:WXSS,类似CSS页面脚本:js + WXS小程序基本文件结构常见的配置文件project.config.json:项目配置文件, 比如项目名称、appid等sitemap.json:小程序搜索相关的app.json:全局配置page.json:页面配置项目配置文件小程序搜索全局配置app.json文件用于全...原创 2020-03-03 22:09:03 · 567 阅读 · 0 评论