摘要：
自定义属性语法以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 的值以两种形式提供： 当数据改变触发渲染层重新渲染的时候 阅读全文