vue3_12应用架构

VUEX

vue 里可以使用 vuex 管理应用的数据,使用这个包提供的功能可以创建一个 store,这个 store 你可以想象成是应用的一个数据仓库,你在里面可以定义应用的数据还有方法等

阅读全文

vue3_11上传文件

选择文件用的文件字段

1
2
3
4
5
<input
type="file"
@change="onChangeFile"
accept="image/png,image/jpg,image/jpeg" //这里选择文件格式
/>

阅读全文

python函数和代码复用

函数的定义与使用

def <函数名>(<参数(0 个或多个)>):
<函数体>
return <返回值>

阅读全文

python 程序的控制

单分支结构

if <条件> : <语句块>

1
2
if a == 99:
print('对了')

阅读全文

vue3_9请求接口

服务端跨域资源共享问题

在客户端请求服务端接口的时候,可能会跨域,提示被 CORS 阻止了。这个时候服务端需要在做出响应的时候在头部添加一个 ‘Access-Control-Allow-Origin’ ,用这个头部去设置服务端允许访问的域。
在 node 服务端,安装 cors 这个包,然后在 index 文件中使用。

阅读全文

python基本数据类型

数字类型及操作

与数学中整数的概念一致。有四种进制表示形式。

  • 十进制:1010,99-217
  • 二进制:0b010,-0B101

阅读全文

vue3_8反应系统、组合接口

反应系统

javascript: proxy 与 reflect
javascript 可以基于一个对象去创建 proxy 对象,这样就可以去拦截对这个对象的一些操作了,比如说访问或设置这个对象的属性的时候,就可以做一些额外的检查。

阅读全文

python基础

学习 python

  • 学习内容:编程逻辑,第三方库
  • 语言本质:理解问题求解
  • 解决问题:各类问题

阅读全文

vue3_7过渡动画

准备一个演示组件

新建 card.css:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
.page {
padding: 32px;
margin: 32px;
}
.emoji {
font-size: 80px;
}
.card {

display: flex;
flex-direction: column;
align-items: center;
max-width: 300px;
box-sizing: border-box;
padding: 32px;
margin: 0 auto;
background: f8f8f8;
border-radius: 10px;
}
.card__header {
text-align: center;
margin-bottom: 32px;
}
.card-title {
margin-bottom: 8px;
}
.card-subtitle {
font-size: 12px;
color: #989898;
}
.card__content {
min-height: 250px;
}
.card__action > button {
outline: none;
border: none;
background: none;
border: 2px solid #000000;
padding: 10px 24px;
margin: 4px;
cursor: pointer;
}
.card__action > button:active {
opacity: 0.8;
}

阅读全文

python安装

python 安装

因为 Python 是跨平台的,它可以运行在 Windows、Mac 和各种 Linux/Unix 系统上。在 Windows 上写 Python 程序,放到 Linux 上也是能够运行的。

阅读全文