微信小程序的第一次邂逅

2017-11-19

微信小程序的第一次邂逅与资料总结

（这应该是2017年的博客，只是重新备份一下。）前一段儿说要学习H5和微信小程序，说干就干，学了三天，每天两小时，照着课程一步一步来，突然找到了当年学习易语言的激情，和学习iapp时的乐趣，最喜欢学某个新的知识能够流畅的走下去的感觉（起码不要让我遇到太难的瓶颈），这样我也好坚持下去，毕竟我是一个很容易半途而废的人。

微信小程序官方文档—官方教程

知识总结

备份于有道云笔记。我的云笔记

.js

可暂且理解为一个获取数据和提供数据的地方

.wxml

为显示数据和内容以及布局的地方

.wxss

为对wxml进行布局设计的地方，包括排版，字体，颜色，背景等等。。。

item

比如在list中，它代表list的每一项，大概是指，外部想的字文件。而且这是支持修改的
比如利用

<view wx:for="{{list}}">
   {{item.name}}--{{item.address}}
</view>
可以修改为
<view wx:for="{{list}}" wx:for-item="a">
   {{a.name}}--{{a.address}}
</view>

判断语法

js文件

var app = getApp();这是是在调用事件必须的设置
Page({
		data:{
			msg:"nihsao",
			time:"20180215",
			name:app.globalData.name，
			此处为调用调用小程序的系统事件
			condition:100这里和下面的wxml文件对应，进行判断处理
		},

其中app.ls文件为

globalData: {
  userInfo: null,
  name:"enen"这里是上面name:app.globalData.name，调用的东西
}

wxml文件

<view class="msg">
     {{msg}}
</view>
<view>
{{time}}--{{name}}
</view>
判断语法
<view wx:if="{{condition>90}}"> 90 </view>

循环语法

js文件

Page({
	data:{
		list[
			{name:"tc01",address:"eneneenen"},
			{name:"tc02",address:"zhengzhou"},
			里面包含列表的内容，json文件
		],此处因为是list所以用[]数组形式

wxml文件

<view wx:for="{{list}}">
for 代表操作和if类似，
   {{item.name}}--{{item.address}}
   对应上面的list中的json文件
</view>

8天学会微信小程序第4课汇总

听了这一节的课，感觉有了茅塞顿开的感觉，因为讲到了很多实质性的东西。
代码就不做备份了，以后直接传到Github里。

相对来说还是有进展的，同时也对H5有了一些概念（毕竟以前只是不求甚解罢了）。
除夕夜快乐。