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
posted on 2022-10-01 11:11  fangpiandang  阅读(738)  评论(0编辑  收藏  举报