微信小程序 —— 第一天

本文主要是介绍微信小程序 —— 第一天，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

移动终端编程第一天，初识微信小程序

新建工程之后得到初始的pages文件和utils文件
每个页面里面有xx.js、xx.json、xx.wxml、logs.wxss

wxml:超文本
wxss:相当于css，层叠样式表
js：动态javascript
json：json数据格式，“名值对”，有一个名字有一个值，前后端分离，用来交互，前后端以json数据格式进行交互。
例如：index.json:页面配置文件，页面窗口表现设置，字体、背景颜色等设置

而有一个公共的 app. 起头的文件，是全局的一些设置

app.js :全局页面
app.json:全局配置文件，大括号包裹一个属性，注意逗号的分割。

pages:第一个是首页展示的内容，做一个页面就要在app.json里面增加一个路径。名值对得一一对应。

底部栏： tabBar

路径、文本、图标路径

如下：页面的设置会覆盖全局设置

如下:可以直接在全局配置文件里面添加路径来快捷创建新的页面

标签

<text>  文本，文字内容只有它
<view>  类似div    ，视图容器
<view style="text-align:center"> 居中表示
<image src="">  图片<image>   双标签
<movable-view>
<movable-area>
<direction> 移动方向，默认为none
<swiper>滑块视图容器

可以利用swiper标签制作一个简单的滚动图，

<swiper>
<swiper-item>
     <image class="image" src="https://file.iviewui.com/weapp/dist/e5da9fdc97a0b3fb16c115d379820583.jpg"></image>
</swiper-item>
</swiper>

设置容器标签class=“area”等标签，再在wxss中设置容器效果

组件

<switc>开关选择器
<slider>进度条
<icon>点
<navigato>对标<a>标签超链接

navigato标签不能跳转到tabbar所指向的页面 tabbar单独进栈，tabbar的list有两个相当于直接建立了两个栈，是平齐的，实际是栈的切换，最底层只有一个元素，例如logs页面，而从首页中，通过navigato跳转是通过直接把test页面放在首页的栈中，test的页面就相当于放到首页的栈中，此时要退回，就不能直接跳栈，只能退回栈，即左上角的返回号。

第一天成果，大彩笔

这篇关于微信小程序 —— 第一天的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！