初识微信小程序第一弹

按照惯例，写作之前先逼逼一会儿。这里不得不说最近过的有点懵，本来公司的业务需求是用hbuilder开发app，我都准备入坑了，结果临时又换成react native了，没办法啊，我就被分配到开发微信小程序了。不过也挺好的，反正我是一个前端辣鸡，哈哈哈。。。
接下来是正文，严肃脸：
1、什么是微信小程序？
微信小程序（wei xin xiao cheng xu），简称小程序，缩写XCX，英文名wechat liteapp，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。由此可知，小程序必定是精简的，小程序可以和公众号相关联，实现相互跳转。

2、微信小程序的申请：具体参考： https://mp.weixin.qq.com/debug/wxadoc/introduction/#开发者工具的使用
这个也是传说中的单页应用。。

3、小程序的目录结构：app.js app.json app.wxss 这三个文件必须放到项目的根目录去。。。。小程序的主体部分主要是：
（1）js–》代表页面逻辑
（2）wxml–》代表页面结构
（3）wxss–》代表页面的样式表（如果没有该文件的话，则自动加载app.wxss文件）
（4）json–》代表页面的配置（只能重写app.json的window部分）

4、开发第一步，注册程序。文档在这里
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html，由链接可以知道，小程序的注册方法是App()方法。
注意：
App() 必须在 app.js 中注册，且不能注册多个。
不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。
不要在 onLaunch 的时候调用 getCurrentPages()，此时 page 还没有生成。
通过 getApp() 获取实例之后，不要私自调用生命周期函数。

5、小程序的视图：
数据绑定使用 Mustache 语法（双大括号）将变量包起来，类似以： {{ message }} ，需要注意的是，如果变量名有相同的，则后面的覆盖前面的。花括号和引号之间如果有空格，将最终被解析成为字符串。等同于

6、引入样式：
与传统的css相比，区别有两个，
第一个：引入尺寸单位：1rpx = 0.5px=1物理像素
第二个：使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束，例如：@import “common.wxss”;
还有一个区别：比如定义颜色：，用双括号来渲染颜色。

7、如果遇到用户的微信客户端版本过低等问题，请参考文档，https://mp.weixin.qq.com/debug/wxadoc/dev/framework/compatibility.html

8、所谓组件：
（1）组件是视图层的基本组成单元。
（2）组件自带一些功能与微信风格的样式。
（3）一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。

注意：所有组件与属性都是小写，以连字符-连接
8、https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html，下载微信提供的开发工具，能让我们一边写代码，一边进行调试的。然后安装，目录你自己选就可以了。安装成功之后会新建项目，我们没有appid，所以选择无appid即可，然后起名字，项目目录就写成你准备撸代码的目录（随便哪里都可以），然后打开工具。接下来就可以进行愉悦的开发了。

end

第二弹还在总结中，楼主也是第一次接触这个东东，慢慢积累慢慢写，希望到时候能帮到需要它的人

初识微信小程序第一弹相关推荐

微信小程序开发学习笔记001--认识微信小程序,第一个微信小程序
第一天,认识微信小程序,第一个微信小程序 1.什么是微信小程序? 是h5网页嘛?不是微信张小龙说: 小程序是一种不需要下载安装即可使用的应用, 它实现了应用"触手可及"的梦想,用 ...
《微信小程序-基础篇》初识微信小程序
大家好,好久不见了,前段时间各种原因分享不稳定,后面一段时间内参与了主站的原力计划,请麻烦各位支持一下,万分感谢- 本系列将从零开始介绍微信小程序的开发,介绍完基础以后会实际同步开发一个微信小程序的项 ...
PHP:【微信小程序】初识微信小程序，微信小程序配置
PHP:[微信小程序]初识微信小程序,微信小程序配置一.介绍小程序提供了一个简单.高效的应用开发框架和丰富的组件及 API,帮助开发者在微信中开发具有原生 APP 体验的服务小程序是一种全新的连 ...
【微信小程序丨第一篇】初识微信小程序开发
前言小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 文章目录前言 1.什么是微信小程序 Ⅰ-小程序历史 Ⅱ-小程序的优势 ...
微信小程序把view居中_初识微信小程序
"晓程序" 小程序连载笔记,通俗易懂,欢迎各位转发关注学习.未经作者授权,禁止转载初识小程序什么是微信小程序微信小程序,小程序的一种,英文名Wechat Mini Progr ...
《微信小程序》初识微信小程序
小程序介绍小程序技术发展史小程序并非凭空冒出来的一个概念.当微信中的 WebView 逐渐成为移动 Web 的一个重要入口时,微信就有相关的 JS API 了. 小程序提供了一个简单.高效的应用开 ...
微信小程序无法弹出授权登录窗口
微信小程序开发,小程序接口问题..... 今天在写微信小程序的时候,为了获取到后台的token,必须要获取到code,encryptedData,iv ,rawData,signature五个值.co ...
微信小程序----第一天（小程序 - 起步）
一.小程序简介 1. 小程序与普通网页开发的区别 1.1 运行环境不同网页运行在浏览器环境中小程序运行在微信环境中 2. API 不同由于运行环境的不同,所以小程序中, 无法调用 DOM 和 B ...
微信小程序自定义弹出框组件，模拟wx.showModal
微信小程序开发交流qq群 173683895 效果图: 代码 wxml <view wx:if='{{showModal}}'><view class='mask_layer' ...

初识微信小程序第一弹

初识微信小程序第一弹相关推荐

最新文章

热门文章