平凡之路

首先我们应该在src文件下创建一个components的文件夹，来放置我们开发过程中使用的组件文件；例如:<script> import wepy from 'wepy'; export default class ListItem extends wepy.component { props = { } data = {};...

WXS（WeiXin Script）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。 WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。 WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，...

项目上线后，被体验用户截图了。样式完全爆炸。我当时也差点原地爆炸了。因为在测试开发阶段，没有看到这样的情况出现。一时间有点慌张，哈哈哈哈，其实 还好。仔细发现，就会察觉到是flex布局的兼容性问题了，在日常开发中，我似乎没有养成这样需要display:-webkit-flex；这样多书写一行代码的习惯，因为觉得现在大多数人的手机不应该那么老。现在开来，做开发还是需要多照顾那些在201...

效果图如上：能看到两边的白边。是不是比原生的样式好上很多了啊。关键代码：previous-margin="24rpx" next-margin="24rpx <swiper class="swiper" autoplay circular previous-margin="24rpx" next-margin="24rpx"> <swiper-item...

小程序的授权，现在需要点击按钮才能打开授权的弹出框。button的open-type=“getUserInfo”<button open-type="getUserInfo" @getuserinfo="bindGetUserInfo" class="btn">确定</button>代码如下：(代码样式，请根据自己的设计进行完善)。 <view cla...

小程序可以通过navigator标签进行跳转:<navigator url="./list" class="item"></navigator>当需要传递参数的时候是这样：<navigator url="./list?id=1"></navigator>需要传递动态参数的时候:<navigator url="./lis...

在wepy框架中，创建empty模板的时候，并没有开启Promise，为了开启异步，我们需要在项目的根目录安装：npm install wepy-async-function --save然后在app.wpy文件中引入import 'wepy-async-function';引入之后，我们还需要在app.wpy中开启Promise；代码如下： constructo...

我们都知道，小程序对组件化开发并不友好，腾讯自己的 团队就搞出了一个wepy框架。我们先看下wepy的介绍;既然说自己是最受欢迎的小程序 框架，我们就来安装使用一下吧;步骤 ：1：npm install wepy-cli -d（推荐cnpm。淘宝镜像比较快）2. wepy new myproject(你会发现这句代码会实现不了你项目的 创建)。因为已经改成了： wp...

其实写了第一篇视图组件后，我就觉得写的什么啊 ，有什么用呢，过了五分钟，我 就想也许这是我自己想偷懒的借口，无论有没有用，先搞出来，混几个浏览次数也是 好的。哈哈icon（图标）ps:其实我觉得大家都知道icon是图标的意思；哈哈；在微信小程序中，关于icon的属性介绍这就是微信提供的type对应的图标样式。我们在项目中，往往需要更多的 icon类型，那么怎么在小程序 中...

额，其实关于小程序的组件介绍，你们完全可以参考:小程序组件。但是为了更熟悉小程序的开发，我就在新入职的第一天写一下，组件的大致内容。听说，接下来我要负责的是一个小程序商城的项目，应该，会在以后的工作中遇到，和解决一些问题，与诸君分享。类似的介绍内容完全参考小程序提供的内容。视图容器：view在小程序里面，我们看不到div这样的标签元素，完全可以把view理为div盒子。在view...

先上效果图： <view class="section"> <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}"> <view class="picker"> ...

项目场景：类似于平时我们在传统web端开发tab栏的选中状态效果，我们通常在web端通过获取元素。添加样式样式类名，兄弟元素移除类名。那么我们如何在小程序中实现一个，区域可以左右滑动的tab栏选中效果：首先我们要使用微信小程序提供的scroll-view视图标签；实现的主要思路是根据每一项的index值，动态改变idx值，当index==idx值的时候，添加点击选中样式的类名...

首先，我们需要判断手机是否是IphoneX手机：wx.getSystemInfo//查看手机是否是IphoneX wx.getSystemInfo({ success: function (res) { console.log(res) let model = res.model.substring(0, res.mo...