微信小程序查漏补缺笔记

小陈爱编程

已于 2022-05-26 12:52:18 修改

阅读量214

点赞数

分类专栏：微信小程序文章标签：微信小程序小程序

于 2022-05-25 14:52:32 首次发布

本文链接：https://blog.csdn.net/a1578460233/article/details/124966159

版权

微信小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一章

基础准备

sitemap.json

类似于seo优化默认该小程序会被索引

“action”: “disallow”,

小程序将不再被索引

project.config.json

有时候黄色索引提示很烦，这样取消

“checkSiteMap”: false,

全局配置项

app.json

全局配置项

index.json

页面配置项

会覆盖全局的内容，只能有window配置

js逻辑交互

app.js

入口文件通过调用app()启动整个小程序

页面js

通过调用page()函数来创建运行页面

普通js封装公共函数

const formatTime = xxx   //定义
module.exports = {		//暴露
	formatTime : formatTime
}

组件

scroll-view

可滚动的视图区域
常用来实现滚动列表效果

<view class="wai">
    <scroll-view class="nei" scroll-y>
        <view></view>
        <view></view>
        <view></view>
    </scroll-view>
</view>
//外面的盒子固定高度 里面的盒子直接滚动  记得给scroll-y

swiper+swiper-item

轮播图

<view class="wai">
    <swiper class="nei">
        <swiper-item></swiper-item>
        <swiper-item></swiper-item>
        <swiper-item></swiper-item>
    </swiper>
</view>

常用属性

text

selectable属性长按选中

rich-text

富文本类似于vue中的v-html 可以解析内容

<rich-text nodes="<h1>你好</h1>"></rich-text>

button

<view>
    <button>正常按钮</button>
    <button type="primary">绿色类型按钮</button>
    <button type="primary" size="mini">mini按钮</button>
    <button type="primary" size="mini" plain>镂空按钮</button>
</view>

image

api分类

不同角色权限

添加成员可以在管理后台操作

小程序版本发布推广

上传代码

工具栏有上传按钮
提交审核

后台版本管理提交审核
发布

审核通过的版本点击发布

推广

后台–设置–基本设置–基本信息–小程序码下载

第二章

模板与配置

mustache语法

绑定内容
绑定属性
三元运算符

事件绑定

常用事件绑定

事件对象event属性列表

target和currentTarget区别

比如事件冒泡了

target表示触发的源头

currentTarget表示触发的本身

如何给data里的数据赋值

this.setData(dataObject)

事件传参

小程序的传参不能调用直接传递应该这样

添加个属性 data-参数名：参数值

小程序中如何拿到参数呢？

e.target.dataset.参数名

小程序中输入监听input在e.detail

条件渲染

wx:if=“{{}}” wx:elif wx:else
hidden=“” 隐藏

代码块block

使用block可以变成一个整体

列表渲染

可以手动修改index和item

<view wx:for="{{array}}">
	索引是:{{index}}  值是：{{item}}
</view>
wx:for-index="idx" 
wx:for-item="itm"

wxss模板样式

wxss特性

rpx单位总宽度750

@import导入

@import 'xxx';

rpx和px换算

全局配置

常用window

下拉刷新

“enablePullDownRefresh”: true,

上拉触底

“backgroundColorBottom”: “100”,

tabbar

tabbar的页面必须在pages放前面

list属性

页面配置文件

页面配置会覆盖全局的window

网络数据请求

小程序中网络请求有限制

只能是请求https类型

如果没有https的请求只有http 可以修改本地设置开启不检测合法域名(只能开发调试时使用)

必须把接口域名添加到信任列表中

添加信任需要到微信小程序开发者后台添加

发起get请求

发起post请求

第三章视图与逻辑

导航跳转

声明式跳转到tabbar页面

编程式跳转到tabbar

声明式跳转到非tabbar页面（默认的可以不写）

编程式跳转到非tabbar页面

声明式后退

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pbZsGngY-1653540728645)(C:%5CUsers%5C%E9%99%88%E6%84%8F%5CAppData%5CRoaming%5CTypora%5Ctypora-user-images%5Cimage-20220524233237055.png)]