1.微信公众号和小程序的区别 公众号可以基于html5.vue.react.anguar开发,小程序只能用小程序开发语言. 小程序更接近于原生app. 借助jssdk调用手机功能强大. 开始: 2.创建小程序项目 小程序ID 创建普通项目模板 3.小程序结构分析: pages文件夹:所有的页面 每个页面有单独的wxml,wxss,js,json文件(html,css,js,配置文件). utils文件夹:模块化的东西 util.js:模块化.全局的方法, app.js:全局的js文件,想要在别的…

为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习:一:微信小程序的特点张小龙:张小龙全面阐述小程序,推荐通读此文: 小程序是一种不需要下载.安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开应用,也出现了用完即走的理念,用户不用关心安装太多应用的问题,应用随处可用,但又无须安装卸载.我当时是这样来定义什么是小程序的. 1:无需下载:我们直接使用它,所以无须安装是小程序最基础的一个特性: 2:触手可及:当我们拿着智能手机接触周边的…

之前说要和同事一起开发个微信小程序项目,现在也在界面设计,功能定位等需求上开始实施了.所以在还未正式写项目前,打算在空闲时间学习下小程序.本意是在学习过程中结合实践整理出一个较为入门且不是很厚的教程,但也很难保证时间充裕能一直写下去.所以先开个头留个坑,那么本文开始先从小程序注册到创建第一个小程序说起: 一.从注册开始 要开发小程序自然要申请注册一个小程序,我们先进入微信公众平台注册账号(若有账号则直接登录). 因为微信公众号同时管理着订阅号,公众号以及小程序等多种账号,所以这里要选择小程序账号…

为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习: 一:微信小程序的特点 张小龙:张小龙全面阐述小程序,推荐通读此文: 小程序是一种不需要下载.安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开应用,也出现了用完即走的理念,用户不用关心安装太多应用的问题,应用随处可用,但又无须安装卸载.我当时是这样来定义什么是小程序的. 1:无需下载:我们直接使用它,所以无须安装是小程序最基础的一个特性:2:触手可及:当我们拿着智能手机接触周边…

因为我也才开始学习微信小程序不久,下文也是现在的一时之言,大家有不同的想法也可以在评论里共同交流讨论,希望文章能给大家提供一点点帮助. 最近接触到了一些前端框架,像Vue.js,React,发现小程序的框架体系跟它们很像.它们都推崇模块化,组件化,数据与元素绑定.这样没有繁琐的DOM操作,组件之间完全分离,样式和逻辑全都封装在模板里,别人写好的组件可以拿来直接用,这会明显地提高我们前端开发的速度. 另外,微信小程序界面小,样式好调.这意味着,我们从纸面原型到能跑的APP的实现将会是很快的,所以我…

路由大家应该都知道,在微信小程序也是有的,毕竟它是单页面应用程序.在WeChat中有五种跳转方式,分别是wx.switchTab.wx.reLaunch.wx.redirectTo.wx.navigateTo.wx.navigateBack.今天我们就说一说 如何使用这几个API来跳转页面,并且我们还要学习如何进行传参,还要知道页面栈这个知识. 在此之前,一定要学习下页面栈这个东西,要不然你就废了,小程序的页面栈最多可以存放10个页面,当等于10的时候,你就无法再用 navigateTo API…

大家好我是智哥,一名专注于前端领域的一名码农. 咱们今天主要来说说微信小程序, 最近一段时间微信群里的小程序,小游戏各种分享是突然一下子就爆发了,现在来看小程序作为微信的重磅功能无疑又是下一个风口.咱先不说这个风口我们能要做什么,作为前端技术人员或者新人都应该对小程序有所了解,能进行开发一些功能,而且现在大多数公司都会这方面的业务,已经变成了一个必备的技能. 至于怎么学习小程序的开发呢? 小程序发展至今,无论是官方的工具和文档都是非常完善的了,而且其他网站上也有很多demo可以进行参考. 开发小…

客户端打开小程序的时候,就将代码包下载到本地进行解析,首先找到了根目录的 app.json ,知道了小程序的所有页面. 在这个Index页面就是我们的首页,客户端在启动的时候,将首页的代码装载进来,通过微信的机制,就渲染出来了页面. App({ onLaunch() { // 小程序启动之后 触发 } }) 小程序在启动的时候,首先通过 App() 定义的 App() 实例的 onLaunch  方法,这个方法是各个页面共享的,当然还有更多的回调事件. Page({ data: { text:…

注意点: 一.接口调用方式: getOpenid: function () { var that = this; return new Promise(function (resolve, reject) { wx.login({ success: function (res) { //code 获取用户信息的凭证 //调用接口获取登录凭证(code).通过凭证进而换取用户登录态信息, // 包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)等. // 用户数据的加…

1.从小程序指南文档开始看起:小程序指南 2.开发者工具下载:小程序开发工具…