# miniProject

**Repository Path**: kk13394500470/mini-project

## Basic Information

- **Project Name**: miniProject
- **Description**: 原生小程序练习和笔记
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-11
- **Last Updated**: 2023-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 小程序笔记

==小程序特点:==

1免安装  

2接近原生app操作 

3目前大小限制2M 超过2M就要做分包上传在合并 (最大20M)

4基于微信平台开发

==小程序的优缺点:==

1 放便快捷,即用即走 

2 速度快 不占内存

3安全稳定保密性强

4功能丰富 场景丰富

5开发成本低 维护简便

6开发周期比较短

7体验好

## 小程序开发

微信公众平台 https://mp.weixin.qq.com/ 注册账号

下载 微信开发工具(代码更改不显示,要清一下缓存,刷新)

小程序模板用途:

pages 用来写每个页面的

index 是首页

index.js 写组件的js

index,json 写组件的配置项

index.wxml 写组件的结构

index.wxss 写组件的样式

utils 工具类

app.json 对整个项目的配置

app.wxss 对整个项目的整体样式

app.js 全局的js

project.config.json  对小程序外观样式配置

sitemap.json  用于配置小程序及其页面是否允许被微信索引

==sitemap.json==

```json
{
  "rules": [{
  "action": "allow", //allow disallow  允许/不允许被检索 
  "page": "*"//这个路径下的页面都不被检索
  }]
}
```

==app.json== 小程序公共配置

```json
"pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/first/first"
  ]
-----pages 第一项是首页 放在第一个的page 打开小程序第一个展示
"window": {
    "backgroundTextStyle": "light",--下拉 loading 的样式，仅支持dark / light
    "navigationBarBackgroundColor": "#000",--顶部导航栏背景颜色 16进制
    "navigationBarTitleText": "Weixin",--顶部导航栏文字内容
    "navigationBarTextStyle": "black" ---顶部导航栏文字颜色 支持black white
  },
------全局默认窗口配置
 "tabBar": {
    "color": "#000",
    "backgroundColor": "#fff",
    "selectedColor":"#333",
    "list":[{
      "pagePath":"pages/index/index",
      "text": "首页"
    },{
      "pagePath":"pages/first/first",
      "text": "第一"
    }]
  },
-------下方的tab栏 list是必写的数组 至少2个最多5个
```

==wxss==

使用单位是rpx(建议设计师根据iphone6作为视觉稿)

```wxss
样式导入外联样式表
@import "common.wxss";
内嵌样式
<view style="color:{{color}};"></view>
<view class="normal_view"></view>
```

选择器支持:

类 id 标签  群组 伪类 (对子代选择器不友好)

==微信小程序组件==

 #####注意:没有div span ul li img  这些标签  view相当于div  text 相当于span image是图片