# MiniLearn

**Repository Path**: javakam/MiniLearn

## Basic Information

- **Project Name**: MiniLearn
- **Description**: 小程序基础入门项目.
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-18
- **Last Updated**: 2023-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 小程序

### 视频课程

<https://www.bilibili.com/video/BV1yf4y1E7MH>

### 开发文档

`官方`👉<https://developers.weixin.qq.com/miniprogram/dev/framework>

`掘金`👉<https://juejin.cn/post/6844903613966319624>

`有赞`👉<https://kgithub.com/youzan/vant-weapp>

`awesome-wechat-weapp`👉<https://github.com/justjavac/awesome-wechat-weapp>

`微信中的知乎`👉<https://github.com/RebeccaHanjw/weapp-wechat-zhihu>

`Gitter - 高颜值GitHub小程序客户端诞生记`👉<https://github.com/nslogx/Gitter>

`小程序登录`👉<https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html>

## 代码管理

<https://gitee.com/javakam/minilearn>

<https://developers.weixin.qq.com/miniprogram/dev/devtools/wechatvcs.html>

## 随记

### 居中问题

水平居中 `justify-content: center;`
垂直居中 `align-items: center;`

```html
<view
  style="display:flex;justify-content: center;align-items: center; height: 80rpx;background-color: cornsilk;"
>
  <icon type="success" size="25"></icon>
  <text>金额计算: ¥{{caculateTotalPrice(goodslist)}}</text>
</view>
```

### 组件间传递事件

- 父传子: 通过自定义子组件属性(properties)的方式
- 子传父: 自定义回调函数`bindParentEvent`并使用`triggerEvent("ParentEvent",xxx)`的方式进行数据传递

### wxs

#### 1. 时间转换

```javascript
//time eg: 1634268401155
function handleDate(time) {
  var date = getDate(time);
  return (
    date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate()
  );
}
```

#### 2. for 循环

```javascript
//list 中是否包含 mytext 字符串
function filterGoods(list, mytext) {
  return list.filter(function (item) {
    return item.indexOf(mytext) > -1;
  });
}
```

#### 3. 字符串转 json

```javascript
//let obj = JSON.parse('[{"stage":"\u672c\u79d1","title":"\u674e\u56ed7\u820d-610"}]')
let obj = JSON.parse(res.data.replace("var contentlist = ", ""));
this.setData({
  datalist: obj,
});
```