随笔分类 - 小程序开发
摘要：小程序引入e-charts图表 小程序引入e-charts图表 这里是狗尾草第一次发表掘金文章，日后望各位大佬多多支持~ 前言：运营助手，见名知意，没有图表数据的展示，看上去是有多空白。因此，俺们UI做了很好的交互，一个页面来了4个e-charts图表，且基本都不一样。身为一个职业前端，怎么能猥琐呢
阅读全文
摘要：前言 小程序开发，没有vue中的axios那么好使，请求层的封装需要自己来搞。 当然请求层的配置少不了loading，这里索性也就将loading做一个配置，避免以后重复造轮子 请求封装 小程序中有封装好的请求方法:wx.request(url,method,header,success,fail,
阅读全文
摘要：在实现这样的一个功能时， 调用微信小程序api发现scroll中可以通过id来实现点击菜单栏，屏幕滚动到对应的id位置 但是id不能以数字，汉字类型的 字符串开头（暂发现两种），可能博主比较笨，想了好多办法通过转码。转换成字符串等等还是不行 。 最后解决办法如下：在便利的时候，我们可以通过 :dat
阅读全文
摘要：再一次开发订餐系统中，遇到订餐页面引入头部商品列表，底部组件时，报错，模块编译失败，未进入缓存区。 我以为是新添加的模块没有重新启动导致的，然后重新与运行npm run dev后还是失败， 最后经过反复测试， 当在父组件中引入子组件时，如果命名Header/header Section/sectio
阅读全文
摘要：微信小程序登录流程图 一. 官方登录时序图 官方的登录时序图 二. 简单理解 这里仅按照官方推荐的规范来 0. 前置条件 一共有三端： - 微信小程序客户端 - 第三方服务器端- 微信服务器端 1. 客户端获得code，并将code传给第三方服务端 微信小程序端调用wx.login，获取登录凭证（c
阅读全文
摘要：问题描述： 1）wxml片段 <view bindtap="loadMulti"> <text>连续点击,加载多次</text> </view> <view bindtap="loadOnce"> <text>连续点击,加载一次</text> </view> 2）js代码片段 loadMulti:f
阅读全文
摘要：小程序开发 的时候，发现在文本内容中加入text-align: justify;后发现文本内容并未两端对齐，而加入 时也并未显示出来。 查阅官方api后发现如果需要加入空格就需要进行如下设置 <view> <text space="ensp">你好 啊 哈哈哈（空格是中文字符一半大小）</
阅读全文
摘要：使用方法： npm install wx-alipay -g wxToalipay --src={{小程序源码目录}} --dest={{支付宝小程序目录,可缺省}} 点击回车后就可将微信小程序转换为支付宝小程序， 注：需要注意的是在转换完成后，由于不完善之处，仍有很多地方需要我们自己去进行修改 例
阅读全文
摘要：没有支付宝账户的，https://memberprod.alipay.com/account/reg/index.htm先进行注册。不过相信现在大多数人都会有支付宝账户吧。有的话直接进行登陆就可以哦。https://auth.alipay.com/login/ant_sso_index.htm?go
阅读全文
摘要：微信小程序的开发入门流程： https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN进入后选择小程序注册 邮箱，密码，确认密码，验证码，注册， 微信的小程序注册审核一般都很快。 通过注册的邮箱和密码进行登陆，通过
阅读全文
摘要：关键词： scroll-view scroll-x="{{true}}" scroll-left white-space: nowrap; display: inline-block; scroll-view scroll-x="{{true}}" scroll-left white-space:
阅读全文
摘要：微信小程序（wei xin xiao cheng xu），简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。小程序、订
阅读全文
摘要：npm install --global vue-cli vue脚手架 vue init mpvue/mpvue-quickstart my-project 创建一个基于mpvue-quickstart的新摸板 在此我们需要命名我们的项目名称 我们开发小程序的appid， vux可选择性安装， ES
阅读全文
摘要：用到的关键字如下： class :class class :class :class current :current bindchange @change circular 是否实现无限滑动 true/false skip-hidden-item-layout 轮播图性能的优化 true/fals
阅读全文
摘要：小程序开发时，背景图片的设置不再像h5开发那么任性，必须遵守小程序开发api来完成。 两种方式 设置远程服务器上的图片，可以无任何问题加载成背景图片 缺点需要把图片放置到服务器 将需要设置的背景图片转化为base64，然后将转换后的编码设置为背景图片 缺点：转换后的base64，会很大，很乱。占据一
阅读全文
摘要：小程序开发过程中，很多地方为了便利我们多采用小程序自带弹出框来实现交互效果。这也够大多数开发使用，下面我给大家详细介绍下小程序弹出框 官方api传送门：https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html?search
阅读全文
摘要：wxml <view class="tui-content"> <view class="tui-menu-list" wx:for="{{dataList}}" wx:key="{{index}}">Item -- {{item}}</view> </view> js Page({ data: {
阅读全文
摘要：小程序开发大小限制2M让不少人感到头疼，明明还有很多东西还没有放上去，却要忍受着大小的限制，一遍一遍的进行项目的优化。有时候代码还没撸多少，图片就已经占了将近多一半，很是头疼。不过好在官方提出一种分包加载机制解决这种哦办法。 "pages": [ "pages/home/index", "pages
阅读全文
摘要：在我看来本来很简单的东西，让我大吃一惊，有一个这样的需求，进入页面触发定时器，5s后离开页面，该页面中含有一个按钮，点击时也可以离开该页面。 第一次实现思路：在onload中设置该定时器，时间小于等于0时，清除定时器，然后进行页面的跳转，点击按钮时，因为如果只进行跳转页面的操作，跳转页面后会因定时器
阅读全文
摘要：页面之间的跳转，无论在什么项目中，PC，APP，公众号还是其他项目中都需要用到的一个东西，小程序给我们带来了很多自己的路由跳转，完全够我们用，但是种类很多，什么时候该用什么跳转方式呢？ navigator target：在那个目标上发生路由跳转，不常用 url：跳转的地址，可将页面需要传递的参数伴随
阅读全文
浙公网安备 33010602011771号