07 2019 档案
摘要：【前言】 本文主要介绍下JS的Error name相关属性. 当 JS 引擎执行 JS代码时，会发生各种错误。 ①语法错误，通常是程序员造成的编码错误或错别字； ②拼写错误或语言中缺少的功能（可能由于浏览器差异）； ③来自服务器或用户的错误输出而导致的错误； ④由于许多其他不可预知的因素； 当发生错
阅读全文
摘要：微信小程序的swiper组件是滑块视图容器，也就是说平常我们看到的轮播图就可以用它来做，不过这个组件有很多样式是固定的，但是，有时候我们的设计稿的面板指示点是需要个性化的，那么如何去修改swiper组件的面板指示点的样式呢？最近在使用swiper的时候也在想这个，最后发现在调试的时候，可以看到他的选
阅读全文
摘要：关键词： 物理像素dp（physical pixel） 逻辑像素/设备独立像素dip（Device Independent Pixels） 设备像素比dpr（Device Pixel Ratio） 屏幕像素密度ppi（pixel per inch） 每英寸的像素dpi （Dots Per Inch）
阅读全文
摘要：在小程序中遇到样式padding-right和margin-right无效，调试发现设置了padding后，宽度已经大于页面的实际宽度，除了设置float：right之外，找不到办法让右侧padding显示出来。 解决：在设置了padding之后又设置了width：100%，所以右侧显示不出来，加个
阅读全文
摘要：微信更新api后，wx.getUserInfo在开发和体验版本都不能弹出授权窗口。微信文档说明： 注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作 对此，给出以下解决方案。 wx.g
阅读全文
摘要：微信现已开放小程序内搜索，你的小程序页面将可能展示在微信搜索等多个公开场景中。当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。 若小程序中存在不适合展示信息如用户个人信息、商业秘密、成人相关等内容，不想被微信索引到。可以通过以下方式关闭页面收录。 有三种方式可以关掉页面收录
阅读全文
摘要：一、生命周期 先贴两张图： vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。 onLoad: 页面加载一个页面只会调用一次，可以在 onLoad 中获取打开当前页面
阅读全文
摘要：小程序的优势： 1. 无需下载，随走随关 2. 功能丰富，体验更简便 3. 接口众多，可以进行不断的开发 4. 流量入口大，背靠日活9.6亿的微信 5. 有强大的微信生态环境 小程序对比APP的好处： 1.开发成本低 2.开发门槛低 3.获客成本低于App 4.开发周期更短，节省开发成本 5.App
阅读全文
摘要：一 什么是page（） page（），是一个函数，用来注册一个页面， 接受一个object参数， 指定页面的初始数据，生命周期函数，事件处理函数 等等 object参数说明： （1）data （object） 页面的初始数据 初始化数据 初始化数据将作为页面的第一次渲染， data将会以JSON的形
阅读全文
摘要：常用API 区别： （1）wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。 （2）
阅读全文
摘要：手机连接到互联网有几种方式：Wifi、2G、3G、4G，包括很快到来的5G，每种方式的上传速度和下载速度差异很大，它们的计费方式的差异也导致用户在使用互联网服务的时候有不同的使用习惯。 Wifi相对于其他几种网络连接方式，其速度会更快。Wifi一般都是免费供用户使用，通过移动数据网络是需要根据使用流
阅读全文
摘要：为了让用户减少输入，我们可以把复杂的信息编码成一个二维码，利用宿主环境wx.scanCode这个API调起微信扫一扫，用户扫码之后，wx.scanCode的success回调会收到这个二维码所对应的字符串信息。 例如餐厅点餐的小程序，我们给餐厅中每个餐桌编号1-100号，把这个数字编码到二维码中，扫
阅读全文
摘要：已有的互联网产品在接入小程序会面临一些和登录态相关的问题：怎么获取微信登录态；怎么把微信帐号和自己的帐号进行打通。在这一节中，我们来介绍一下如何把微信登录应用到你的小程序中。 我们先来看看微信登录的整个过程，如图4-22所示。 图4-22 微信登录的整个过程 我们来依次分解一下图中的七个步骤，其
阅读全文
摘要：在授权开发以后，需要提交小程序密钥，有小程序密钥第三方才有能力获取用户的一些信息，提供一些能力！ 平台分别提供多种方式实现微信登录： 1. 调用wx.login接口，静默获取openid 适用场景：无需使用用户头像、昵称、Unionid信息 2. 使用 open-data （小程序）或者开放数据域（
阅读全文
摘要：界面交互 名称功能说明 wx.showToast 显示消息提示框 wx.showModal 显示模态对话框 wx.showLoading 显示 loading 提示框 wx.showActionSheet 显示操作菜单 wx.hideToast 隐藏消息提示框 wx.hideLoading 隐藏 l
阅读全文
摘要：当wx.navigateTo跳转链接跟app.json中设置的tabbar中跳转链接一样时，wx.navigateTo就不能跳转可以改为wx.switchTab 1、当app.json中设置了tabbar跳转时2、普通跳转wx.navigateTo不起作用，要换成是wx.switchTab .
阅读全文
摘要：通常页面会摆放一些button按钮或者view区域，用户触摸按钮之后会触发下一步的操作。这种情况下，我们要对触摸这个行为给予用户一些响应。如图4-17所示，当我们手指触摸了button文字所在的cell区域时，对应的区域底色变成浅灰色，这样用户就可以知道小程序是有及时响应他的这次触摸操作，用户就不会
阅读全文
摘要：1.当注册了tabBar的时候，使用navigator时会发现不能跳转，这个时候需要在navigator上加上open-type=’switchTab’ 属性 2.当未注册tabBar的时候，navigator可正常使用，默认即可。 3.wx.redirectTo(OBJECT) 需要跳转的应用内非
阅读全文
摘要：有一点需要注意的是，你的小程序要求兼容到iOS8以下版本，需要开启样式自动补全。开启样式自动补全，在“设置”—“项目设置”—勾选“上传代码时样式自动补全”。 图4-2 开发者工具开启样式自动补全 在小程序开发中，我们需要考虑各种尺寸终端设备上的适配。在传统网页开发，我们用的是盒模型，通过disp
阅读全文
摘要：【1】事件绑定和冒泡 事件绑定的写法同组件的属性，以 key、value 的形式。 key 以bind或catch开头，然后跟上事件的类型，如bindtap、catchtouchstart。自基础库版本 1.5.0 起，在非原生组件中，bind和catch后可以紧跟一个冒号，其含义不变，如bind:
阅读全文
摘要：自定义属性语法以data-开头： 无论你这样写data-info="..."还是这样写data-INFO="..."，获取值的时候都是这样： 获取： .
阅读全文
摘要：websocket的即时通信非常的强大，这里我用node启动了一个服务进行websocket链接，然后再vue的view里面进行了链接，进行通信，废话不多说，直接上代码吧， 首先，我需要用到node的nodejs-websocket模块 使用yarn进行安装 1 yarn add nodejs-we
阅读全文
摘要：小结： 1、定位不同（公众号服务于营销与信息传递，小程序面向产品与服务） 公众号主要用于信息的传递实现人与信息的连接，借助H5 能够实现简单的交互，主要以营销和信息传递为主简单的服务为辅，而小程序从功能上与公众号有严格区分（不支持关注、消息推送等营销手段），一方面使得产品与服务不至于淹没在公众号营销
阅读全文
摘要：此处讲的是要商用的小程序，而不是个人简单的展示信息的。 .
阅读全文
摘要：从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂，小白也能按照流程完成制作。 微信小程序制作步骤及流程 1.确定好微信小程序的的定位和目的 如行业，功能，内容，目标用户，目标市场，意向名单，专业作用等。 2.落实小程序的程序制作公司，或者团队 若是外部团队，要签订合同，打款之前，到
阅读全文
摘要：一个小程序拥有多个页面，我们可以通过wx.navigateTo推入一个新的页面，如图3-6所示，在首页使用2次wx.navigateTo后，页面层级会有三层，我们把这样的一个页面层级称为页面栈。 图3-6 使用2次wx.navigateTo后的页面栈 后续为了表述方便，我们采用这样的方式进行描述页面
阅读全文
摘要：底部导航栏这个功能是非常常见的一个功能，基本上一个完成的app，都会存在一个导航栏，那么微信小程序的导航栏该怎么实现呢？经过无数的踩坑，终于实现了，好了，先看看效果图。 对于底部导航栏，小程序上给出的文档要求里面的item最少2个，最多五个。 好了，先看看代码： 在项目中找到这个文件 这里我先解释一
阅读全文
摘要：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮，在用户点击转发按钮的时候会调用，此事件需要return一个Object，包含title和path两个字段，用于自定义转发内容 代码使用onShareAppMessage自定义转发字段 .
阅读全文
摘要：代码： 原理： 上拉加载更多这个需求我相信应该应用颇为广泛的，今天说我认为两种可行的方式哈 。 一、第一个应该是最简单的一种实现方式，文档自带的一个api 可以监听滚动到页面底部的方法（onReachBottom） 、"onPageScroll"方法可以监听页面滚动条的位置。(PS：页面.json
阅读全文
摘要：问题描述： 下拉刷新在手机上不会自动回弹，开发工具可以 解决办法： 主动调用wx.stopPullDownRefresh .
阅读全文
摘要：一、onPullDownRefresh回调 代码： // http://itlao5.com onPullDownRefresh: function () { console.log('onPullDownRefresh') this.queryData(id) }, 二、enablePullDow
阅读全文
摘要：【1】需求： 点击商品，跳到相应商品详情页面 【2】代码： （1）商品列表页 （2）商品详情页面 （3）知识点 ①flex多余行的块左对齐 添加高为0的占位空元素 ②点击事件传参 通过自定义属性获取参数event.currentTarget.dataset['item'] ③跳页 wx.naviga
阅读全文
摘要：【1】需求： 【2】解决方案： 最近遇到布局上要求item两端对齐，且最后一行在列不满的情况下要求左对齐，使用flex的justify-content: space-between;实现时发现最后一行不能左对齐，而是两端对齐方式。 不是项目上想要的效果 # 网上查了一些资料，有两种方法可以实现效果：
阅读全文
摘要：onLaunch / onShow / onHide 三个回调是App实例的生命周期函数 “小程序”指的是产品层面的程序，而“程序”指的是代码层面的程序实例，为了避免误解，下文采用App来代替代码层面的“程序”概念。 （1） 程序构造器App() 宿主环境提供了 App() 构造器用来注册一个程序A
阅读全文
摘要：明白了小程序中的 JavaScript 同浏览器以及NodeJS有所不同后，开发者还需要注意到另外一个问题，不同的平台的小程序的脚本执行环境也是有所区别的。 小程序目前可以运行在三大平台： 这种区别主要是体现三大平台实现的 ECMAScript 的标准有所不同。截止到当前一共有七个版本的ECMASc
阅读全文
摘要：在大部分开发者看来，ECMAScript和JavaScript表达的是同一种含义，但是严格的说，两者的意义是不同的。ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言， JavaScript 是 ECMAScript 的一种实现。理解 JavaScript 是 EC
阅读全文
摘要：【1】简介 因为小程序的api描述都比较简单，并没有wxml及wxss的描述，一定会想小程序有没有一个UI库，类似于前端中的Bootstrap，MD，Semantic UI这样的框架UI库。有的，它就是WeUI。 WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微
阅读全文
摘要：都知道CSS选择器有权重优先级，权重大的优先展示。 但部分人可能不清楚，权重值也是可以叠加计算的 分析： .
阅读全文
摘要：当您的项目需要多次使用同一个布局和样式的时候，您就可以考虑使用template（模板）来减少冗余代码。 使用方式： 1.新建一个template文件夹来存放您的通用模板； 2.在文件夹里面新建一个wxml，wxss,进行模板和样式的定义； 3.设置模板的name，以及里面您需要定义的wxml内容；
阅读全文
摘要：如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 <input/> 中的输入内容， <switch/> 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。 wx:key 的值以两种形式提供： 当数据改变触发渲染层重新渲染的时候
阅读全文
摘要：（1）数组操作 ①无push方法 微信小程序的类库中没有包含数组的push()方法（给数组添加元素），第二次操作会提示报错 利用concat方法 （2） .
阅读全文
摘要：向前插入数据 向后插入数据demo 修改数组 删除某条数据 清空数据 数组转字符串 .
阅读全文
摘要：2.1 JSON 配置 JSON 是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。 2.1.1 一个例子 先看一个例子，打开开发工具的编辑器，在根目录下可以找到 app.json 文件，双击打开，代码如下： 代码清单2-1 app.json文件代码 尝试修改第 9 行为
阅读全文
摘要：wx.checkSession(Object object) 检查登录态是否过期。 通过 wx.login 接口获得的用户登录态拥有一定的时效性。用户越久未使用小程序，用户登录态越有可能失效。反之如果用户一直在使用小程序，则用户登录态一直保持有效。具体时效逻辑由微信维护，对开发者透明。开发者只需要调
阅读全文
