首先 奉上腾讯官方文档 方便参考:https://mp.weixin.qq.com/debug/wxadoc/design/index.html  个人认为没说啥特别有用的信息(可能是我看的太粗糙了)  整体感觉跟WeUi差不多 据说最近weui在git上有更新?! 今天是2016年9月27日 进入正题啦,目前博客园里面已经有IDE的安装教程了,因为腾讯限制开发权限的原因大概只允许200人左右玩正式IDE 所以很多人选择破解版也就是0.9.0921版本而正式版本0.9.0923只有部分人有全部开…

开发微信小程序需要注册一个小程序账号,具体流程可以参照官方教程: https://mp.weixin.qq.com/debug/wxadoc/dev/index.html 开通账户之后,在 “开发设置” 中获取到 AppID,然后打开开发工具创建项目 一.创建项目 创建项目的时候,建议把 AppId 填上,不然会影响部分功能的使用  一个 AppId 可以开发多个小程序,不过发布的时候只能发布一个 生成的项目结构如下: 其中 project.config.json 是整个项目的配置文件,里面包含…

组件化的项目开发中,组件应当划分为三个层次:组件.模块.页面 微信小程序已经为开发者封装好了基础组件,页面文件(pages)也有了详细的规定 而模块就需要自行开发,并且要和页面文件区分开,这就涉及到自定义组件 一.基本用法 在根目录下创建一个 components 目录,用于存放自定义组件 组件也是由 json.wxml.wxss.js 四个文件组成 其中 wxml 部分没有什么特殊的地方,和页面的写法一致 wxss 也是只对组件生效,而且 app.wxss 中的样式也不会对自定义组件生效 最关…

一.URL 传参 当使用 navigateTo() 方法跳转页面的时候,可以在 url 后面接 query 参数 然后在 Page 页面的生命周期函数 onLoad 中可以接收到这些参数 这种方式只能通过 navigateTo 发送,onLoad 接收 所以只能用于跳转到非 tabbar 的页面 二.事件处理 之前介绍的 properties 可以从外部传参到组件内部,如果需要向外部传参,就需要用到组件事件 当自定义组件触发事件时,在 methods 中添加处理函数,然后使用 triggerEv…

微信小程序开放公测了,9月底我曾经写过一篇 「微信小程序」来了,其中最后一句:"谢天谢地,我居然还是个前端". 这种火爆的新事物总是令人激动,感谢这个时代. 但是,当我真作为开发者去一行行撸码,我还是忍不住翻起了白眼. 终于,11/03微信小程序正式开始公测.本着"另杀错莫放过"的原则,我也开始了自己的微信小程序学习之旅. ps:以下出现的"小程序"即微信小程序. 对小程序感兴趣的同学很多,但是申请公测的门槛着实不低,得是企业.政府.媒体等等,反…

昨天1月9日微信小程序发布,顿时被朋友圈刷爆,今天看了一下官方文档,自己开始一步一步搭建环境体验小程序开发. 常见问题: 1.微信小程序开发是否需要重新创建开发者账号? 需要,即使之前申请了微信服务号,并认证过,也需要重新申请小程序. 在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮.选择“小程序”,按提示步骤注册即可. 2.个人能否申请小程序? 不能,目前只支持企业.个体工商户.政府.媒体.其他组织. 3.没有资格申请小程序,能否开始小程序开发? 可以,下…

前言 更好的阅读体验请:我的微信小程序入门踩坑之旅 小程序出来也有一段日子了,刚出来时也留意了一下.不过赶上生病,加上公司里也有别的事,主要是自己犯懒,就一直没做.这星期一,赶紧趁着这股热乎劲,也不是很忙,终于磨磨唧唧的写了个小demo,(当然还有好多接口没有使用). 预计阅读时间:5min 正文 介绍 小程序的框架,挺像Vue的. wxml <view> Hello {{name}}! </view> <button bindtap="changeName&quo…

因为之前参照微信的原生的文档写过一些小程序的demo,写的过程比较繁琐,后来出了美团的mpvue,可以直接使用vue开发,其他的不作对比,这篇文章记录一下踩坑之旅. 参照mpvue http://mpvue.com/mpvue/#_2的官网的五分钟的教程搭建项目 在创建的过程中,需要输入微信小程序的个人appId,可以去微信小程序开发平台复制进去. 创建完成后的项目其实和使用vue-cli创建的脚手架大同小异,没图案也只是对其封装,然后转化为wxml. 1.首先引进iview weapp的组件库…

一.小程序简介 小程序是什么? 首先"程序"这两个字我们不陌生.看看你手机上的各个软件,那就是程序.平时的程序是直接跑在我们原生的操作系统上面的.小程序是间接跑在原生系统上的.因为它嵌入在微信中,受微信管理.用一个不十分恰当的比喻就是,微信是"操作系统"(推出小程序后它确实具备了某些操作系统的特点),小程序是跑在这个"操作系统"上面的"程序". 小程序有什么特点? 八个字,"触手可及"和"用完即走…

一.小程序简介 小程序是什么? 首先“程序”这两个字我们不陌生.看看你手机上的各个软件,那就是程序.平时的程序是直接跑在我们原生的操作系统上面的.小程序是间接跑在原生系统上的.因为它嵌入在微信中,受微信管理.用一个不十分恰当的比喻就是,微信是“操作系统”(推出小程序后它确实具备了某些操作系统的特点),小程序是跑在这个“操作系统”上面的“程序”. 小程序有什么特点? 八个字,“触手可及”和“用完即走”.微信就是入口,搜索一下或者扫一扫即可打开微信小程序.无需下载和安装.这里就有个场景挺好,例如某天…

一.解决scroll-view的滚动条问题 1.出现场景css. 有些场景下scroll-view是不需要滚动条的,比如顶部导航栏的横向滑动.而在单页的css样式中加入特定代码不能影响到全局的样式 2.解决方法 在微信小程序的全局css样式(app.wxss)中加入特定代码: ::-webkit-scrollbar { //宽度为0 width: 0; //高度为0 height: 0; //颜色为透明 color: transparent; } 3.示例代码 二.微信小程序fixed定位下sc…

微信小程序昨晚火爆公测,我也第一时间注册了小程序账号开启公测之旅. 注册过程可以看文档:https://my.oschina.net/imhoodoo/blog/780901 进入后台之后我们其实主要还是去拿到APPID 拿到APPID 就可以去IDE中创建有APPID的小程序案例 然后开始撸代码吧... 公司注册需要对公账户打款之类的 太麻烦了... 想要快速体验微信小程序开发 有APPID 可以选择注册个体工商户 选择微信支付认证 最后不交钱就是了!哈哈 这样就可以进入后台 看看小程序后台东…

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=14764346775993:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源下载5…

天河君在第一时间通过了微信小程序验证,开启了我的微信小程序之旅.因为天河君之前是一名后端狗,对前端不是很了解,所以几乎可以认为是从零开始学做微信小程序.也希望有志在微信小程序方向做点事情的朋友能够和我一起,共同进步,以致千里.上一篇是天河君在通过验证之后,兴奋的立即上手,在手机上跑了一回微信小程序.(天河微信小程序入门<一>)冷静下来后,天河发现,之前的很多demo在手机上都用不了,因为公测后得到了appId,结果导致无法与后台通讯,appId和后台的服务器域名是绑定的.没有后台的小程序是不完…

博卡君今天继续更新,忙了一天,终于有时间开工写教程.不罗嗦了,今天我们来看看如何实现一些前端的功能和效果. 第八章:微信小程序分组开发与左滑功能实现 先来看看今天的整体思路: 进入分组管理页面-->点击新建分组新建 进入到未分组页面基本操作 进入到已建分组里面底部菜单栏操作-->从名片夹中添加进行操作.      理清完基本流程我们开始开发.首先整个布局可以先看下,我再一步步讲. 静态布号局后,我们开始实现新增分组效果, 当然触发它出现的是 显示窗口 点击取消消失 当里面的输入框内容发生改变时…

目录 第一篇小程序概述 第二篇如何注册接入小程序及搭建开发环境 第三篇小程序的架构及实现机制,信道服务及会话管理 第四篇小程序开发基本框架及其限制与优化 第五篇小程序开发项目实例,测试及发布 ....[各种功能效果实现详解] 小程序概述 小程序是什么?它又能做什么?跟手机APP又有什么不同,而优势在哪?带着这些问题,我们来开始小程序之旅.... 依小龙哥之前的说法,如下图 我的理解就是:简洁易用,小而美. 微信小程序是一种介于原生app.和web app的hybrid.通过微信进行加载,实现类似…

微信小程序智能生活小秘书开发详解 >>>>>>>>>>>>>>>>>>>>>>>> 欢迎转载 <<<<<<<<<<<<<<<<<<<<<<<< 本文原地址:http://blog.csdn.net/happycxz/art…

内容: 一.前言 二.相关概念 三.开始工作 四.启动项目起来 五.项目结构 六.设计理念 七.路由 八.部署线上后端服务 同步交流学习社区: https://www.mwcxs.top/page/440 源码地址:https://github.com/saucxs/wx_phoneBook 上线之后小程序码: 测试账号:18966667777,密码:test 一.前言(坑爹的玩意) 微信小程序自从2017年,被各种看好,不过一段时间过去了还是反响平平,下半年随着各项功能的开放,很多企业陆续接入…

.Net Webapi SignalR与微信小程序的交互 一.SignalR与Webapi 1.SignalR的安装: Signalr与跨域仅需要安装两个开源库 Microsoft.Owin.Cors是配置跨域需要使用到的库. 2.SignalR的配置 需要新建一个Startup.cs文件来编写配置代码,我是建在App_Start文件夹里,与其他配置文件统一放置一起. Configuration的配置不仅限于如此配置,也可以自定义,如: 3.Hub与Webapi的整合 创建Webapi父类,继承…

wxml代码如下: <!--pages/index2/index2.wxml--> <view class="index2Container"> <image class="avatar" src="/static/images/y.jpg"></image> <text class="username">hello 微信小程序</text> <vi…

小程序刚发布的时候何其风光,可能大家习惯性的对微信给予了过高的期待,加上一开始小程序的功能确实很孱弱,扫了很多人的兴. 经过最开始的热闹和喧嚣,如今微信小程序热度大减,但随着不断迭代,如今小程序的功能已经很完善了,可用性也高了很多,主要是经过一段时间的摸索,开发者已经能够冷静的看待小程序了,不适合的项目自动离场,适合的项目陆续进驻.小程序搜索功能开放后,越来越多的优秀小程序项目得到了曝光,近期微信也在运营上加大力度,针对各行各业做针对性的培训和宣讲,引导开发者找到小程序开发的正确姿势. 虽然小程…

微信小程序 https://developers.weixin.qq.com/miniprogram/introduction/index.html?t=18082114 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 概览 为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式. 使用公众号网页调试,开发者可以调试微信网页授权和微信…

注:本文来源于:<零基础入门微信小程序开发> 课程介绍 本达人课是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件.页面样式文件.JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装.小程序发布等内容,共 9 篇文章. 本课程共包含四个部分. 第一部分(第1-3篇)带你初步了解小程序是什么,然后进行小程序开发的准备工作,从注册账号到安装开发工具一应俱全.工欲善其事,必先利其器. 第二部分(第4-6篇).面…

注册 微信小程序注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1   填写账号信息  作为登录帐号,请填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱 ,每个邮箱只能申请一个小程序.   邮箱激活 注册成功后会向注册的邮箱发送一个邮件,点击链接激活即可 填写个人信息 根据情况进行填写即可 填写后扫描二维码,进行身份验证 确认信息无误,进行提交 开启小程序之旅 填写小程序信息 根据自己的填写信息即可 添加开…

小程序看似一种全新的东西,但好在基本上就是曾经HTML,CSS,JS的一个微变版本. 语法和之前一样.只是一些用法和名字(标签)发生了一些变化. 小程序主要就四种扩展名的文件:js,json,wxml,wxss JS,小程序的功能实现文件,和普通的JavaScript没什么区别,更多的是加入了一些微信扩展的方法,可以与微信进行一些交互. JSON,小程序的配置文件,也比较简单,格式和之前熟知的JSON文本文件没有区别,在小程序里主要也是用于配置环境和属性等. WXSS,小程序的样式文件,语法和普…

一. 脚本部分: 1. 表达式无效的处理: 如果你发现自己编写的表达式无效或者数据不展示,那么请先检查你的表达式是否有添加{{}},小程序中全部都要添加的,只要是在模板中调用js中的数据 2. 获取元素位置问题: 微信小程序是基于数据的,不支持DOM和BOM,所以没有提供获取元素位置的方法. 虽然有提供滚动事件.触摸事件,也只能获取触摸点相关的位置,并不能直接获取元素的位置,暂时还没摸索到合适替代方案. 3. 单击事件传值: 在小程序中,你无法再像h5那种直接在单击事件方法中传参了,它只提供了b…

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源…

注:一个物联网专业的学生狗,平时学习较多的是嵌入式编程方面的知识,最近可能是闲的蛋疼,想要研究研究客户端开发,对于网页,手机Android客户端从来没有接触过,因此所有东西都要从头来过,慢慢学习.不过每次学习新的东西都很激动,仿佛自己又离改变世界近了一点(纯属自己意淫),好了废话不多说,开始我的微信小程序之旅! 1.API: (Application Programmaing Interface)应用程序编程接口:说得通俗易懂一些,别人写好的代码,或者编译好的程序,提供给你使用,就叫做API.你…

主要实现思想都在代码的注释中,项目源码见github 首先上项目目录 app.js文件代码如下: //app.js App({ onLaunch: function() { //调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) }, getUserInfo: function(cb) { var that = thi…

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 一:推荐地址集合:(初入门者请先看这里) 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=147643467…