一、标签wxml

之前学过HTML，里面常用的标签是div、span、img、a，现在小程序里面wxml文件里面写结构，相对应的写法是：
div——>view
span——>text
img——>image
a——>navigator
比如跳转：<navigator url="/pages/index/index"></navigator>

二、样式wxss

小程序里的样式wxss和之前的学过的css样式有一些区别：

新增了rpx单位，这种单位能在不同大小的屏幕上进行自动换算。
提供了全局样式和局部样式：app.wxss里写的样式会应用于所有页面，局部的wxss文件只针对当前页面。【局部的优先级高于全局】
wxss仅支持部分css选择器：id选择器、类选择器、标签选择器、并集选择器、后代选择器、::after ::before伪类选择器等。

三、js

app.js

是整个小程序项目的入口文件，通过调用APP()函数来启动整个小程序

页面js文件

单个页面的入口文件，通过调用page()函数用来创建并运行页面

普通的js文件

用来封装一些公共的功能函数或者属性以供页面使用，比如utils里面的utils.js文件

四、json

JSON 是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。
具体说明：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/code.html#JSON-%E9%85%8D%E7%BD%AE
注意： JSON 文件中无法使用注释，试图添加注释将会引发报错。

微信小程序——标签wxml、样式wxss、js、json相关推荐

微信小程序的wxml、wxss、js、json的理解
微信小程序的基础学习(2) 小程序的有些语言,有时候按照官方的解释来理解非常的吃力,会把初学者搞得很懵很难受,不知道从何下手! 文件夹下四个文件的理解: 文件中文解释(个人理解) .wxml 小程序 ...
微信小程序中wxml和wxss的样式说明，彻底搞定布局排版
对于css不熟悉的Android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了.微信小程序的排版就跟wxml和wxss有关了,它们两者相当于android的布局文件,其中wxml指 ...
四十九、微信小程序开发页面样式WXSS和页面交互JS
@Author:Runsen 一天不写博客,混身不爽.今天继续复习小程序中的WXSS和JS. 文章目录 WXSS JS WXSS WXSS(WeiXin Style Sheets)是一套样式语言,用于 ...
微信小程序：wxml中写js语句的方法
在小程序开发过程中,有时会遇到需要在wxml页面处理数据的情况,那么都有哪些方法可以实现呢?今天我们来总结两种方法. 第一种:直接在wxml文件中使用wxs标签 <wxs module=&quo ...
微信小程序学习笔记——样式 WXSS 【尺寸单位，样式导入，使用less或sass】
目录 1.尺寸单位 2.样式导入 3.选择器 4.小程序中使用less (sass也是一样的) 1.尺寸单位 rpx(responsive pixel):可以根据屏幕宽度进行自适应,规定屏幕宽韦75 ...
微信小程序开发03(样式wxss与常用组件)
样式与常用组件
微信小程序动态修改样式
前言微信小程序动态修改样式:循环数组显示到页面,点击单独的按钮变换单独样式一.wxml <view class="fb_tips"wx:for="{{arr11 ...
html打开微信搜索页,微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)...
上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面搜索 .search{ width: 80%; } .search_arr { border: 1px solid # ...
微信小程序：WXML 模板
微信小程序:WXML 模板一.WXML 模板网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来 ...

微信小程序——标签wxml、样式wxss、js、json

一、标签wxml

二、样式wxss

三、js

四、json

微信小程序——标签wxml、样式wxss、js、json相关推荐

最新文章

热门文章