蜜雪冰城小程序

1.去除标题的方法：

在配置文件中设置,{“navigationStyle": "custom"}

 

2.向后端请求数据：

1. app.js中初始化wx.cloud.init()

2. 调用数据库wx.cloud.database().collection('mx_swiper').get()

在html页面中通过data-xxx 传递数据，事件对象中就可以获取到这个数据

 

3.git：

(1). 在github中新建一个仓库repository

(2). git init （将当前文件夹转化为git仓库）

(3). git add . （将当前文件夹下所有文件添加到暂存区）

(4). git commit -m "xxx" （提交暂存区到本地仓库中）

(5). git remote add origin 远程地址  （和远程仓库建立连接）

(6). git branch （查看本地所有分支）

(7). git push 远程主机名 本地分支名

 

4.云开发：

要将数据库=》数据权限，设置为所有用户可读，仅创作者可读写

 

5.设置云函数位置：

project.config.json=>"cloudfunctionRoot": "文件夹位置"

 

6.sass编译：

project.config.json=>setting=>

    "useCompilerPlugins": [

      "sass"

    ]

 

7.解构：

const { current } = e.detail

 

8.动态绑定class:

小程序的class只能写一个冒号里面

 

9.图片短的一边保持原来长度，长的一边截掉：

mode: "apectFill"

 

10,app.json:

是一个全局的配置文件，其中重要的属性有，pages定义所有的页面，window对窗口做样式的改造

 

11. flex布局：
display: flex;

flex-direciton: column/row;

align-items: center;交叉轴

justify-content: space-between;

justify-content: center;主轴

flex-shrink: 0;

 

12.组件的生命周期：

lifetimes: {

　　created 组件创建的时候，

　　attached 组件挂载的时候，

　　ready

　　moved 

　　detached 组件被拿掉的时候，

　　error 组件有问题的时候，

}

 

13.反引号：

`${}`

 

14.判断一个条件是否成立，如果不成立就执行下一个:

!() || ()

 

15.在html中，如果要用到data或properties中的数据：

需要用{{}}语法包裹整句话

 

16.:active :

匹配被用户激活的元素

 

17.小程序页面跳转语法：

wx.navigateTo({

　　url: '地址'

})

 

18.小程序刷新的时候刷新到某个页面：

在编译模式中设置，默认是app.json中的第一个页面

 

19.小程序标题名字设置：

json文件=>"navigaitonBarTitleText":""

 

20.让字体加粗：

font-weight: bold;

 

21.小程序点击事件绑定：

bindtap

 

22.小程序生命周期函数：

onLoad，页面加载时调用

 

23.设置云函数文件夹：

project.config.json=>"cloudfunctionRoot": "cloud-function/"

 

24.页面回退：

wx.navigateBack({})

 

25.获取到localStorage中的变量：

wx.getStorageSync('变量名')

 

26.跳转到tab页面的方法：

wx.switchTab({

　　url: '地址名'

}

 

27.引入computed插件：

(1).下载 npm install --save miniprogram-computed 

(2).工具=》构建npm

(3) .引入

const computedBehavior = require('miniprogram-computed').behavior

behaviors: [computedBehavior]

 

28.配置程序入口文件：

  "miniprogramRoot": "miniprogram/"

 

29.设置data中的变量的值：

this.setData({})

 

30跳转到Tab地址：

    wx.switchTab({ 

      url: '/pages/menu/menu'

    })

 

31.引入组件： 

在json中，”usingComponent“:{"取一个组件名": "组件地址"}

 

32.遍历一个数组：

wx:for="{{在properties中的属性}}"，自带一个index，可以用在key上面

 

33.html向js传递变量：data-xx="{{}}"

获取变量：通过事件对象e获取，const {xx} = e.currentTarget.datasets

 

34.flex布局让一行中的某个元素挤满剩余空间：

flex: 1

 

35.建立本地仓库和远程仓库的连接:

git remote add origin https://github.com…

 

36.修改主分支名字:

git branch -M main

 

37.拉远程仓库中的代码：

git pull origin main --allow-unrelated-histories

 

38.将代码推到远程仓库中：

git push -u origin main

 

39.从云数据库中拿数据：

wx.cloud.database.collection('store').limit(10).get()

 

40.打开云开发=》数据库=》对某一模型的权限，所有用户可读，仅创建者可读写

 

41.AppData中可以获得当前页面中data中的数据

 

42.筛选数组里的几个元素，构成新数组

const newArray = oldArray.map(item=>{

　　return {

　　　　属性1： item.属性1，

　　　　属性2: item.属性2

　　}

})

 

43.微信=》小程序=》开发=》组件=》视图容器=》page-container

 

44.在当前目录新建一个Git代码库：

 git init

 

45.获取微信云数据库：

const db = wx.cloud.database()

 

46.getApp获取到app.js

 

47.onShow 当小程序启动或是从后台进入前台

 

48.加可复用性能力的书：

React设计模式与最佳实例

 

49.设置上面标题的文字：

50.wx.setNavigationBarTitle({

　　title:  xxx

})

 

51.bindtap绑定的函数不需要用{{}}包裹

 

52.用{{}}包裹的data中的变量，不用写this.data

 

53.url后面用?带上参数，模板语法中的变量用${}包裹

 

54.calc(18px - 16px) 符号前后加上空格

 

55.引入scss文件的时候要，要@import

 

56.将代码push到远程仓库的时候，要FQ包

 

57.sidebar工具条侧边栏

 

58.property: 财产

 

59.组件的方法要写在methods当中，页面的方法直接写在pages里面

 

60.align-self: flex-end;

 

61.改变store里的数据，要通过store中定义的方法来改变

 

62. 让滚动条不显示

::-webkit-scrollbar {

  display: none;

}

 

63. fetch取来

 

64.e中的detail是子组件中triggerEvent传来的数据

 

65. 子组件插槽放置方法：

在子组件中加上，<slot name="xx"></slot>

在子组件的js中加入，options:{multipleSlots:true}

在父组件中加入插槽：<view slot="xx">插入的内容</view>

 

66.对象加属性，对象名goods，goods['weight'] = 50m