三土的IT文摘

微信小程序：setData直接修改数组中的数据

Sat, 15 Jul 2023 15:25:39 +0800

直接修改JSON数组中某一项的值

data=[
{name:'a',value:'a1'},
{name:'b',value:'b1'}
]
var id=1
var new_val = b2
this.setData({
['data['+id+'].value']:new_val
)}
data=[
{name:'a',value:'a1'},
{name:'b',value:'b2'}
]

fastAPI使用https

Mon, 03 Jul 2023 14:46:06 +0800

在main.py中定义证书路径

from fastapi import FastAPI
app = FastAPI(ssl_keyfile="./key.key", ssl_certfile="./cert.pem")

启动uvicorn时带上证书参数（其中--host '0.0.0.0'可以允许域名访问）

(env)uvicorn main:app --port 8000 --host '0.0.0.0' --ssl-keyfile ./key.key --ssl-certfile ./cert.pem

ubuntu下python虚拟环境配置

Mon, 03 Jul 2023 13:36:36 +0800

安装虚拟环境venv包

sudo apt-get update
sudo apt-get upgrade
sudo apt-get install python3-venv

创建名为env的虚拟环境

sudo python3 -m venv env

激活名为env的虚拟环境

source env/bin/activate

退出虚拟环境

(env)deactivate

在虚拟环境中生成requirements.txt文件

(env)pip freeze >requirements.txt

新环境部署，根据requirements.txt文件安装各种依赖

(env)pip install -r requirements.txt

如何捕捉未完全导入模块的错误

Tue, 23 May 2023 08:27:55 +0800

exception本身也是可以被导入的，可以按如下方式操作

from socket import gaierror
except gaierror:

python调用pywin32模块打印

Thu, 06 Apr 2023 23:18:17 +0800

使用pywin32模块，查看文档

各种设置参数如页面大小，在微软MSDN查阅，查看文档

JavaScript：数组去重

Mon, 13 Mar 2023 16:10:53 +0800

借助ES6提供的Set结构new Set()可以快速去重，非常好用

var newArr=[...new set(arr)]

微信小程序：组件的onLoad()实现

Sun, 26 Feb 2023 15:10:29 +0800

onLoad()函数是页面加载时自动运行的，组件component使用另外一种方式达成同样的效果

    // 组件生命周期声明对象(最重要的生命周期是 created attached detached)
    lifetimes: {
        // 在组件实例刚刚被创建时执行
        created: function () { },
        // 在组件实例进入页面节点树时执行
        attached: function () { },
        // 在组件实例被从页面节点树移除时执行
        detached: function () { },
    },
    // 组件所在页面的生命周期声明对象
    pageLifetimes: {
        // 页面被展示
        show: function () { },
        // 页面被隐藏
        hide: function () { },
        // 页面尺寸变化
        resize: function () { },
    },

JavaScript：删除数组中的特定元素

Wed, 15 Feb 2023 19:37:16 +0800

let itemDeleted = [...item];
itemDeleted .splice(n, 1);
item = itemDeleted

唯一需要注意的，要转一道手，不然新的数组刚好是删掉的那些元素。

微信小程序：Vant Weapp组件库的使用

Tue, 14 Feb 2023 09:56:01 +0800

官方文档：Vant Weapp - 轻量、可靠的小程序 UI 组件库 (gitee.io)

npm初始化，根据需求填写内容，或者一路回车即可。

npm init

2.安装Vant Weapp组件库

npm i vant-weapp -S --production

3.构建npm

4.引入组件

以 Button 组件为例，只需要在app.json或index.json中配置 Button 对应的路径即可。

// app.json
"usingComponents": {
"van-button": "vant-weapp/button" }

5.使用组件

引入组件后，可以在 wxml 中直接使用组件

<van-button type="primary">按钮</van-button>

6.注意事项

如果使用无效，尝试重新打开此项目

7.扫码查看官方模板

微信小程序：自定义组件触发父级页面事件

Sun, 12 Feb 2023 22:57:38 +0800

一、自定义组件定义如下：

1. js文件

Component({
    var app = this
    properties: {},
    methods: {
        onTap(){
            var myEventDetail = {} // detail对象，提供给事件监听函数
            var myEventOption = {} // 触发事件的选项
        app.triggerEvent('myevent', myEventDetail, myEventOption)
        }
    } 
})

2. wxml文件

<view class="wrapper">
  <view>这里是组件的内部节点</view>
  <slot></slot>
  <button bindtap="onTap">点击这个按钮将触发“myevent”事件</button>
</view>

二、引用组件的父级页面

1. js文件

Page({
    data: { },
    myEventListener(e){
        console.log(e)
        }
})

2. wxml文件

<view>
  <my-component bind:myevent="myEventListener"> </my-component>
</view>

注：其中的 “myevent” 事件只是一个标识符，并不是一个方法的名称（自定义组件中没有，父级页面中也没有），其被指定为 bind:myevent="myEventListener"事件。即自定义组件中通“myevent”这一个标识符等于（=）或代表MyEventListener方法。自定义组件中通过使用“ this.triggerEvent('myevent', myEventDetail, myEventOption)” 来触发父级页面中的 “myEventListener” 方法