微信小程序学习（1）

微信小程序学习（1）

近两年来，微信小程序飞快发展，小程序是一个非常小不需要下载安装即可使用的应用，深受广大用户和企业喜爱。
其实微信小程序也非常接近我们大众的，大家其实都可以做起来，学习起来！
那怎么做呢？
其实微信官方为我们提供了很好的开发平台和学习文档，现在为大家呈上链接：
微信官方文档：https://developers.weixin.qq.com/doc/大家在这里可以学习到微信小程序基本知识，也可以做做demo感觉一下，挺酷的。

微信小程序的开发有微信提供的专门的平台：微信开发者工具。

1.首先打开 https://mp.weixin.qq.com/ 微信公众平台的官网
以前有注册过的就可以登录下，没有注册的大家注册下（很简单）
选择小程序账号申请，得到自己特有的appid(每个人都不一样的，下面第二张图打码的就是我的id），在新建小程序项目中都要使用。在此链接中下载自己电脑对应的开发者工具 。

大家找不到下载开发者工具的地方可见此图：(下稳定版就可以了）

2.打开开发者工具：（可能大家和我的不一样，因为我已经用过了，所以打开新建都是这样的，大家也可以参考下（转载请注明出处: https://blog.csdn.net/strugglein/article/details/80386924）此博主的过程。项目名称大家随意，目录注意**（最好是没有中文符号的目录下）**，AppID就是大家在注册中申请到的，后端服务我们可以不用管：

3.新建好，打开：
左边是模拟器，中间最大部分是编辑器，下面是调试器。

app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
wxml:小程序用标签语法不同HTML（要求非常严格，必须有结束标签）<text>abc</text>。

-view 相当于 div 块级元素：布局

-text
相当于span

wxss相当于小程序css文件，功能类似css文件，注意：自动引入机制，一个组件与样式同名自动引入，实例exam01.wxml->exam01.wxss->自动引入

新单位：rpx响应式像素可以根据不同手机屏幕调用元素大小

小程序：750rpx=物理像素750

新关键字：@import 引入样式图片

#小结：小程序中指定元素宽度和高度直接用rpx即可

样式文件@impor“···/···/style/…wxss”

小程序–第三方组件库

-vant weapp 有赞团队小程序开发组件

-weui 原生效果

小程序js与网页区别大

（1）网页中js运行浏览器（DOM/BOM/…)

（2）小程序运行微信app jsCore(DOM/BOM)

#小程序中js

(1)ECMA 基本类型 string ；number； boolean;null;undefind

(2)ECMA对象 object；math；date；array·····

(3)DOM/BOM 没有

(4)小程序又顶级对象
微信 提供丰富方法

#小程序如何修改data中数据

-修改 this.setData({msg:“今晚吃啥”})

-获取 var m=this.data.msg

-小程序模板中循环指令

示例：

{{item}}

item表示循环中当前对象

index表示循环中当前下标

微信公众平台：以微信APP为基础技术栈

                   小程序：小程序轻量级app，特点小所有项目代码2MB，

                         组件中文件类型（wxml:view,text,form,image,block； 

                         wxss:组件样式文件和css功能相似：rpx响应式像素，@import；

                  js：网页js运行在浏览器中，js运行在微信app中）

                   订阅号

         小游戏

            企业微信

好的，我也是刚开始学习，总结和叙述可能不准确不完整，但是这也是我最近学习所获得的，通过博客可以更加巩固我的学习，也给想学习小程序开发的同学们带来点资源。大家加油！！