网站的规划建设如何布局,网站建设考虑因素,网店设计流程,给艺术家做网站的工作文章目录 一、文件作用app.json#xff1a;project.config.json:sitemap.json页面中.json 二、项目首页三、语法**WXML**和**HTML**WXSS 和CSS的区别小程序中.js文件的分类 一、文件作用 app.json#xff1a;
当前小程序的全局配置#xff0c;包括所有页面路径、窗口外观、… 文章目录 一、文件作用app.jsonproject.config.json:sitemap.json页面中.json 二、项目首页三、语法**WXML**和**HTML**WXSS 和CSS的区别小程序中.js文件的分类 一、文件作用 app.json
当前小程序的全局配置包括所有页面路径、窗口外观、界面表现、底部tab pages当前小程序的所有页面路径
window全局定义小程序的背景色、文字色等可以设置如下 更多用法window用法
style全局定义小程序组件所使用的样式版本
sitemapLocation指定sitemap.json的路径
project.config.json:
项目配置文件记录对小程序开发工具所做的个性化配置
setting保存了编译相关的配置
appid小程序的账号 ID
sitemap.json
微信现已开放小程序内搜索效果类似于PC网页的SEO。sitemap.json文件用来配置小程序页面是否允许 微信索引。 当开发者允许微信索引时微信会通过爬虫的形式为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候小程序的页面将可能展示在搜索结果中。
页面中.json
和app.json一样但是页面中的配置会覆盖app.json中相同的window配置
二、项目首页
app.json中pages的前后顺序默认第一个是首页
三、语法
WXML和HTML 标签名称不同 HTML ( div, span, img, a ) WXML ( view, text, image, navigator) (上面的是一一对应的类似用法比较) 属性节点不同 a href#超链接/a
navigator url/ pages/home/home /navigato提供了类似于Vue中的模板语法 数据绑定 列表渲染 条件渲染
WXSS 和CSS的区别
① 新增了rpx尺寸单位
cSS中需要手动进行像素单位换算例如 remwXSS在底层支持新的尺寸单位 rpx在不同大小的屏幕上小程序会自动进行换算
② 提供了全局的样式和局部样式
项目根目录中的app.wxSs会作用于所有小程序页面局部页面的.wxSS样式仅对当前页面生效
③ WxSS仅支持部分CSS选择器
.class和#idelement并集选择器、后代选择器::after和 ::before等伪类选择器
小程序中.js文件的分类
小程序中的JS文件分为三大类分别是:
① appg.js
是整个小程序项目的入口文件通过调用App()函数来启动整个小程序
② 页面的.js 文件
是页面的入口文件通过调用Page()函数来创建并运行页面
③ 普通的.js 文件
是普通的功能模块文件用来封装公共的函数或属性供页面使用
