十年以上编程经验的干货分享

WXML（WeiXin Markup Language）：类似HTML，用于描述小程序的结构，包括标签、属性等。WXSS（WeiXin Style Sheet）：类似CSS，用于描述小程序的样式，包括颜色、字体、布局等。JS（JavaScript）：用于描述小程序的交互逻辑，包括数据处理、事件响应等。JSON（JavaScript Object Notation）：用于描述小程序的配置信息，包括页面路径、窗口样式等。这些基本语法元素共同构成了微信小程序的结构、样式、交互和配置等方面的内容。

Boolean 布尔值 组件写上该属性，不管该属性等于什么，其值都为true，只有组件上没有写该属性时，属性值才为false。class String 组件的样式类 在对应的 WXSS 中定义的样式类。几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰，请参考各个组件的定义。一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。style String 组件的内联样式 可以动态设置的内联样式。组件是视图层的基本组成单元。

移动端小商城 值得参考功能 欢迎页 下拉刷新与上拉加载更多 模板使用 工具模块化 微信登录

n\n if(token){\n\n //这里也可以设置定时setTimeout\n\n wx.switchTab({url: "../index/index"})\n\n }\n\n }\n\n})通常欢迎页面都使用swiper滑动视图实现多张的切换效果，切换到最后一张的时候点击“立即体验”进入主界面。每个应用刚下载打开的时候都有个欢迎的页面，是用户启动时应用是看到的第一眼界面，漂亮的欢迎页面给用户带来好心情。

微信小程序常用功能-刷新与加载更多

' + userInfo.errMsg)\n\n }\n\n },\n\n fail: function(){\n\n console.log("因为拒绝了资料，所以失败");

url String 是 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。success Function 否 收到开发者服务成功返回的回调函数，res = {data: '开发者服务器返回的内容'}complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）关闭当前页面，跳转到应用内的某个页面。

使用name属性，作为模板的名字。然后在内定义代码片段。

C import B，B import A，在C中可以使用B定义的template，\n\n在B中可以使用A定义的template，但是C不能使用A定义的template。只会 import 目标文件中定义的 template，\n\n而不会 import 目标文件 import 的 template。include可以将目标文件除了的整个代码引入，相当于是拷贝到include位置。import可以在该文件中使用目标文件定义的template。template模板定义。

除上表之外的其他组件自定义事件都是非冒泡事件，如的submit事件，的input事件，的scroll事件等。如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。不然当触发事件的时候会报错。touches Array 触摸事件，当前停留在屏幕中的触摸点信息的数组。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件绑定的写法同组件的属性，以key、value的形式。

WXML 中的动态数据均来自对应 Page 的 data。也就是说js与页面，js中函数函数的值传递都可以通过data中的定义数据来传值。不要直接写 checked="false"，其计算结果是一个字符串，转成 boolean 类型后代表真值。上述方式可以随意组合，但是如有存在变量名相同的情况，后边的会覆盖前面。组件属性(需要在双引号之内)控制属性(需要在双引号之内)关键字(需要在双引号之内)可以在 {{}} 内进行简单的运算。

getCurrentPages方法=》用来获取当前页面的调用栈（最后一个就是当前页面）console.log(document)结果为undifined。console.log(window)结果为undifined。小程序不是运行在浏览器中，所以没有DOM和BOM对象。getApp方法=》用来获取全局应用程序对象。App方法=》用于定义应用程序实例对象。wx对象=》用来提供API的核心库。Page方法=》用于定义页面对象。小程序的js是支持CommonJS规范的。小程序的js有一些额外的成员。

onLoad:function(options){\n\n // 页面初始化 options为页面跳转所带来的参数\n\n console.log(options.name);默认跳转过去在导航栏中会出现一个返回按钮，如果不用返回，可以添加属性redirect。要使普通元素点击的时候有高亮的效果，可以给元素添加cursor:pointer的样式。跳转的页面的js页面中的onLoad函数的参数options就是传过来的参数了。url的用法和html中a标签的href一样，用?

flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。所以，轴线之间的间隔比轴线与边框的间隔大一倍。所以，项目之间的间隔比项目与边框的间隔大一倍。space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。flex-direction属性决定主轴的方向（即项目的排列方向）justify-content属性定义了项目在主轴上的对齐方式。space-between：两端对齐，项目之间的间隔都相等。

采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”行内元素也可以使用Flex布局\n\n.box{\n\n display: inline-flex;任何一个容器都可以指定为Flex布局\n\n.box{\n\n display: flex;Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。Flex布局将成为未来布局的首选方案。

hover Boolean false 是否启用点击态hover-class String none 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果hover-start-time Number 50 按住后多久出现点击态，单位毫秒hover-stay-time Number 400 手指松开后点击态保留时间，单位毫秒。

map 地图longitude Number 中心经度latitude Number 中心纬度scale Number 16 缩放级别，取值范围为5-18markers Array 标记点covers Array 即将移除，请使用 markerspolyline Array 路线circles Array 圆。

navigator 应用链接url String 应用内的跳转链接open-type String navigate 可选值 'navigate'、'redirect'、'switchTab'、'reLaunch'，'navigateBack'，对应于wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch、wx.navigateBack 的功能。

bindchange EventHandle 中的选中项发生变化时触发 change 事件，event.detail = {value: 选中项radio的value}bindchange EventHandle 中选中项发生改变是触发 change 事件，detail = {value:[选中的checkbox的value的数组]}value String 标识。

什么是组件组件是视图层的基本组成单元。组件自带一些功能与微信风格的样式。一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。参考网站注意所有组件与属性都是小写，以连字符-连接属性类型Boolean 布尔值 组件写上该属性，不管该属性等于什么，其值都为true，只有组件上没有写该属性时，属性值才为false。如果属性值为变量，变量的值会被转换为Boolean类型Number 数字 1, 2.5。

【第三节：微信小程序 3、app.js配置】微信小程序入门，以思维导图的方式展开3。

以思维导图的方式呈现出来，是不是会更加直观一些呢如果看不清楚，私信给单发 ：第二节：微信小程序 app.json配置：包括：windowpagestabBarnetworkTimeoutdebug如下图所示： 功能 设置页面路径 节点 "pages":[\n\n "pages/index/index"，\n\n "pages/logs/logs"\n\n ] 类型

1、微信小程序安装开发环境官方开发简易教程简易教程带你一步步创建完成一个微信小程序框架框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。组件框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。什么是组件？组件是视图层的基本组成单元。组件自带一些功能与微信风格的样式。