| \n", 67 | " | A | \n", 68 | "B | \n", 69 | "C | \n", 70 | "D | \n", 71 | "
|---|---|---|---|---|
| 0 | \n", 76 | "0 | \n", 77 | "1 | \n", 78 | "2 | \n", 79 | "3 | \n", 80 | "
| 1 | \n", 83 | "4 | \n", 84 | "5 | \n", 85 | "6 | \n", 86 | "7 | \n", 87 | "
| 2 | \n", 90 | "8 | \n", 91 | "9 | \n", 92 | "10 | \n", 93 | "11 | \n", 94 | "
| \n", 149 | " | B | \n", 150 | "C | \n", 151 | "D | \n", 152 | "
|---|---|---|---|
| 0 | \n", 157 | "1 | \n", 158 | "2 | \n", 159 | "3 | \n", 160 | "
| 1 | \n", 163 | "5 | \n", 164 | "6 | \n", 165 | "7 | \n", 166 | "
| 2 | \n", 169 | "9 | \n", 170 | "10 | \n", 171 | "11 | \n", 172 | "
| \n", 228 | " | A | \n", 229 | "B | \n", 230 | "C | \n", 231 | "D | \n", 232 | "
|---|---|---|---|---|
| 0 | \n", 237 | "0 | \n", 238 | "1 | \n", 239 | "2 | \n", 240 | "3 | \n", 241 | "
| 2 | \n", 244 | "8 | \n", 245 | "9 | \n", 246 | "10 | \n", 247 | "11 | \n", 248 | "
| \n", 304 | " | A | \n", 305 | "B | \n", 306 | "C | \n", 307 | "D | \n", 308 | "
|---|---|---|---|---|
| 0 | \n", 313 | "0 | \n", 314 | "1 | \n", 315 | "2 | \n", 316 | "3 | \n", 317 | "
| 1 | \n", 320 | "4 | \n", 321 | "5 | \n", 322 | "6 | \n", 323 | "7 | \n", 324 | "
| 2 | \n", 327 | "8 | \n", 328 | "9 | \n", 329 | "10 | \n", 330 | "11 | \n", 331 | "
| \n", 411 | " | A | \n", 412 | "B | \n", 413 | "C | \n", 414 | "D | \n", 415 | "
|---|---|---|---|---|
| 0 | \n", 420 | "0 | \n", 421 | "1 | \n", 422 | "2 | \n", 423 | "3 | \n", 424 | "
| 1 | \n", 427 | "4 | \n", 428 | "5 | \n", 429 | "6 | \n", 430 | "7 | \n", 431 | "
| 2 | \n", 434 | "8 | \n", 435 | "9 | \n", 436 | "10 | \n", 437 | "11 | \n", 438 | "
| \n", 497 | " | A | \n", 498 | "B | \n", 499 | "C | \n", 500 | "D | \n", 501 | "sum | \n", 502 | "
|---|---|---|---|---|---|
| 0 | \n", 507 | "0 | \n", 508 | "1 | \n", 509 | "2 | \n", 510 | "3 | \n", 511 | "6 | \n", 512 | "
| 1 | \n", 515 | "4 | \n", 516 | "5 | \n", 517 | "6 | \n", 518 | "7 | \n", 519 | "22 | \n", 520 | "
| 2 | \n", 523 | "8 | \n", 524 | "9 | \n", 525 | "10 | \n", 526 | "11 | \n", 527 | "38 | \n", 528 | "
| \n", 99 | " | 日期 | \n", 100 | "最高温 | \n", 101 | "最低温 | \n", 102 | "天气 | \n", 103 | "风力风向 | \n", 104 | "空气质量指数 | \n", 105 | "
|---|---|---|---|---|---|---|
| 0 | \n", 110 | "2011-01-01 周六 | \n", 111 | "-2° | \n", 112 | "-7° | \n", 113 | "多云~阴 | \n", 114 | "无持续风向微风 | \n", 115 | "NaN | \n", 116 | "
| 1 | \n", 119 | "2011-01-02 周日 | \n", 120 | "-2° | \n", 121 | "-7° | \n", 122 | "多云 | \n", 123 | "无持续风向微风 | \n", 124 | "NaN | \n", 125 | "
| 2 | \n", 128 | "2011-01-03 周一 | \n", 129 | "-2° | \n", 130 | "-6° | \n", 131 | "多云~阴 | \n", 132 | "西北风~北风3-4级~4-5级 | \n", 133 | "NaN | \n", 134 | "
| 3 | \n", 137 | "2011-01-04 周二 | \n", 138 | "-2° | \n", 139 | "-9° | \n", 140 | "晴 | \n", 141 | "北风5-6级 | \n", 142 | "NaN | \n", 143 | "
| 4 | \n", 146 | "2011-01-05 周三 | \n", 147 | "-2° | \n", 148 | "-10° | \n", 149 | "晴 | \n", 150 | "北风~无持续风向3-4级~微风 | \n", 151 | "NaN | \n", 152 | "
| \n", 341 | " | 日期 | \n", 342 | "最高温 | \n", 343 | "最低温 | \n", 344 | "天气 | \n", 345 | "风力风向 | \n", 346 | "空气质量指数 | \n", 347 | "
|---|---|---|---|---|---|---|
| 2545 | \n", 352 | "2018-01-01 周一 | \n", 353 | "3° | \n", 354 | "-6° | \n", 355 | "晴~多云 | \n", 356 | "东北风1-2级 | \n", 357 | "59 良 | \n", 358 | "
| 2546 | \n", 361 | "2018-01-02 周二 | \n", 362 | "2° | \n", 363 | "-5° | \n", 364 | "阴~多云 | \n", 365 | "东北风1-2级 | \n", 366 | "49 优 | \n", 367 | "
| 2547 | \n", 370 | "2018-01-03 周三 | \n", 371 | "2° | \n", 372 | "-5° | \n", 373 | "多云 | \n", 374 | "北风1-2级 | \n", 375 | "28 优 | \n", 376 | "
| 2548 | \n", 379 | "2018-01-04 周四 | \n", 380 | "0° | \n", 381 | "-8° | \n", 382 | "阴 | \n", 383 | "东北风1-2级 | \n", 384 | "28 优 | \n", 385 | "
| 2549 | \n", 388 | "2018-01-05 周五 | \n", 389 | "3° | \n", 390 | "-6° | \n", 391 | "多云~晴 | \n", 392 | "西北风1-2级 | \n", 393 | "50 优 | \n", 394 | "
4 |
5 |
6 |
7 | ## 1.Vue3简介
8 |
9 | - 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)
10 | - 耗时2年多、[2600+次提交](https://github.com/vuejs/vue-next/graphs/commit-activity)、[30+个RFC](https://github.com/vuejs/rfcs/tree/master/active-rfcs)、[600+次PR](https://github.com/vuejs/vue-next/pulls?q=is%3Apr+is%3Amerged+-author%3Aapp%2Fdependabot-preview+)、[99位贡献者](https://github.com/vuejs/vue-next/graphs/contributors)
11 | - github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.0
12 |
13 | ## 2.Vue3带来了什么
14 |
15 | ### 1.性能的提升
16 |
17 | - 打包大小减少41%
18 |
19 | - 初次渲染快55%, 更新渲染快133%
20 |
21 | - 内存减少54%
22 |
23 | ......
24 |
25 | ### 2.源码的升级
26 |
27 | - 使用Proxy代替defineProperty实现响应式
28 |
29 | - 重写虚拟DOM的实现和Tree-Shaking
30 |
31 | ......
32 |
33 | ### 3.拥抱TypeScript
34 |
35 | - Vue3可以更好的支持TypeScript
36 |
37 | ### 4.新的特性
38 |
39 | 1. Composition API(组合API)
40 |
41 | - setup配置
42 | - ref与reactive
43 | - watch与watchEffect
44 | - provide与inject
45 | - ......
46 | 2. 新的内置组件
47 | - Fragment
48 | - Teleport
49 | - Suspense
50 | 3. 其他改变
51 |
52 | - 新的生命周期钩子
53 | - data 选项应始终被声明为一个函数
54 | - 移除keyCode支持作为 v-on 的修饰符
55 | - ......
56 |
57 | # 一、创建Vue3.0工程
58 |
59 | ## 1.使用 vue-cli 创建
60 |
61 | 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
62 |
63 | ```bash
64 | ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上
65 | vue --version
66 | ## 安装或者升级你的@vue/cli
67 | npm install -g @vue/cli
68 | ## 创建
69 | vue create vue_test
70 | ## 启动
71 | cd vue_test
72 | npm run serve
73 | ```
74 |
75 | ## 2.使用 vite 创建
76 |
77 | 官方文档:https://v3.cn.vuejs.org/guide/installation.html#vite
78 |
79 | vite官网:https://vitejs.cn
80 |
81 | - 什么是vite?—— 新一代前端构建工具。
82 | - 优势如下:
83 | - 开发环境中,无需打包操作,可快速的冷启动。
84 | - 轻量快速的热重载(HMR)。
85 | - 真正的按需编译,不再等待整个应用编译完成。
86 | - 传统构建 与 vite构建对比图
87 |
88 | 
89 |
90 | ```bash
91 | ## 创建工程
92 | npm init vite-app
426 |
427 | - 作用:实现祖与后代组件间通信
428 |
429 | - 套路:父组件有一个 `provide` 选项来提供数据,后代组件有一个 `inject` 选项来开始使用这些数据
430 |
431 | - 具体写法:
432 |
433 | 1. 祖组件中:
434 |
435 | ```js
436 | setup(){
437 | ......
438 | let car = reactive({name:'奔驰',price:'40万'})
439 | provide('car',car)
440 | ......
441 | }
442 | ```
443 |
444 | 2. 后代组件中:
445 |
446 | ```js
447 | setup(props,context){
448 | ......
449 | const car = inject('car')
450 | return {car}
451 | ......
452 | }
453 | ```
454 |
455 | ## 6.响应式数据的判断
456 |
457 | - isRef: 检查一个值是否为一个 ref 对象
458 | - isReactive: 检查一个对象是否是由 `reactive` 创建的响应式代理
459 | - isReadonly: 检查一个对象是否是由 `readonly` 创建的只读代理
460 | - isProxy: 检查一个对象是否是由 `reactive` 或者 `readonly` 方法创建的代理
461 |
462 | # 四、Composition API 的优势
463 |
464 | ## 1.Options API 存在的问题
465 |
466 | 使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改 。
467 |
468 |
471 |
474 |
475 |
476 |
477 |
478 |
479 |
480 |
481 |
482 |
483 |
484 |
485 |
486 |
487 |
488 |
489 | ## 2.Composition API 的优势
490 |
491 | 我们可以更加优雅的组织我们的代码,函数。让相关功能的代码更加有序的组织在一起。
492 |
493 |
496 |
499 |
500 |
501 |
502 |
503 |
504 |
505 |
506 |
507 |
508 |
509 |
510 |
511 |
512 | # 五、新的组件
513 |
514 | ## 1.Fragment
515 |
516 | - 在Vue2中: 组件必须有一个根标签
517 | - 在Vue3中: 组件可以没有根标签, 内部会将多个标签包含在一个Fragment虚拟元素中
518 | - 好处: 减少标签层级, 减小内存占用
519 |
520 | ## 2.Teleport
521 |
522 | - 什么是Teleport?—— `Teleport` 是一种能够将我们的组件html结构移动到指定位置的技术。
523 |
524 | ```vue
525 | | \n", 78 | " | userId | \n", 79 | "age | \n", 80 | "gender | \n", 81 | "occupation | \n", 82 | "zip-code | \n", 83 | "
|---|---|---|---|---|---|
| 0 | \n", 88 | "1 | \n", 89 | "24 | \n", 90 | "M | \n", 91 | "technician | \n", 92 | "85711 | \n", 93 | "
| 1 | \n", 96 | "2 | \n", 97 | "53 | \n", 98 | "F | \n", 99 | "other | \n", 100 | "94043 | \n", 101 | "
| 2 | \n", 104 | "3 | \n", 105 | "23 | \n", 106 | "M | \n", 107 | "writer | \n", 108 | "32067 | \n", 109 | "
| 3 | \n", 112 | "4 | \n", 113 | "24 | \n", 114 | "M | \n", 115 | "technician | \n", 116 | "43537 | \n", 117 | "
| 4 | \n", 120 | "5 | \n", 121 | "33 | \n", 122 | "F | \n", 123 | "other | \n", 124 | "15213 | \n", 125 | "
| \n", 174 | " | userId | \n", 175 | "age | \n", 176 | "gender | \n", 177 | "occupation | \n", 178 | "zip-code | \n", 179 | "
|---|---|---|---|---|---|
| 0 | \n", 184 | "1 | \n", 185 | "24 | \n", 186 | "M | \n", 187 | "technician | \n", 188 | "85711 | \n", 189 | "
| 1 | \n", 192 | "2 | \n", 193 | "53 | \n", 194 | "F | \n", 195 | "other | \n", 196 | "94043 | \n", 197 | "
| 2 | \n", 200 | "3 | \n", 201 | "23 | \n", 202 | "M | \n", 203 | "writer | \n", 204 | "32067 | \n", 205 | "
| 3 | \n", 208 | "4 | \n", 209 | "24 | \n", 210 | "M | \n", 211 | "technician | \n", 212 | "43537 | \n", 213 | "
| \n", 539 | " | userId | \n", 540 | "age | \n", 541 | "gender | \n", 542 | "occupation | \n", 543 | "zip-code | \n", 544 | "name_task | \n", 545 | "
|---|---|---|---|---|---|---|
| 0 | \n", 550 | "1 | \n", 551 | "24 | \n", 552 | "M | \n", 553 | "technician | \n", 554 | "85711 | \n", 555 | "wxm | \n", 556 | "
| 1 | \n", 559 | "2 | \n", 560 | "53 | \n", 561 | "F | \n", 562 | "other | \n", 563 | "94043 | \n", 564 | "wxm | \n", 565 | "
| 2 | \n", 568 | "3 | \n", 569 | "23 | \n", 570 | "M | \n", 571 | "writer | \n", 572 | "32067 | \n", 573 | "wxm | \n", 574 | "
| 3 | \n", 577 | "4 | \n", 578 | "24 | \n", 579 | "M | \n", 580 | "technician | \n", 581 | "43537 | \n", 582 | "wxm | \n", 583 | "
| 4 | \n", 586 | "5 | \n", 587 | "33 | \n", 588 | "F | \n", 589 | "other | \n", 590 | "15213 | \n", 591 | "wxm | \n", 592 | "
| \n", 145 | " | 最高温 | \n", 146 | "最低温 | \n", 147 | "天气 | \n", 148 | "风力风向 | \n", 149 | "空气质量指数 | \n", 150 | "weekday | \n", 151 | "
|---|---|---|---|---|---|---|
| 3646 | \n", 156 | "0 | \n", 157 | "-19 | \n", 158 | "多云~晴 | \n", 159 | "西北风4级 | \n", 160 | "64 良 | \n", 161 | "周三 | \n", 162 | "
| 1835 | \n", 165 | "-6 | \n", 166 | "-16 | \n", 167 | "多云~晴 | \n", 168 | "北风4-5级 | \n", 169 | "24 优 | \n", 170 | "周五 | \n", 171 | "
| 710 | \n", 174 | "-3 | \n", 175 | "-15 | \n", 176 | "晴转阴~晴间多云 | \n", 177 | "北风4-5级 | \n", 178 | "NaN | \n", 179 | "周六 | \n", 180 | "
| 721 | \n", 183 | "-6 | \n", 184 | "-14 | \n", 185 | "晴间多云 | \n", 186 | "北风4-5级 | \n", 187 | "NaN | \n", 188 | "周三 | \n", 189 | "
| 3647 | \n", 192 | "-7 | \n", 193 | "-14 | \n", 194 | "晴 | \n", 195 | "西北风3级 | \n", 196 | "34 优 | \n", 197 | "周四 | \n", 198 | "
| ... | \n", 201 | "... | \n", 202 | "... | \n", 203 | "... | \n", 204 | "... | \n", 205 | "... | \n", 206 | "... | \n", 207 | "
| 2760 | \n", 210 | "36 | \n", 211 | "27 | \n", 212 | "晴~多云 | \n", 213 | "南风1-2级 | \n", 214 | "96 良 | \n", 215 | "周六 | \n", 216 | "
| 3111 | \n", 219 | "36 | \n", 220 | "27 | \n", 221 | "晴~多云 | \n", 222 | "西南风2级 | \n", 223 | "102 轻度 | \n", 224 | "周日 | \n", 225 | "
| 2757 | \n", 228 | "35 | \n", 229 | "27 | \n", 230 | "多云~雷阵雨 | \n", 231 | "东南风1-2级 | \n", 232 | "91 良 | \n", 233 | "周三 | \n", 234 | "
| 2745 | \n", 237 | "33 | \n", 238 | "27 | \n", 239 | "多云 | \n", 240 | "西南风3-4级 | \n", 241 | "116 轻度 | \n", 242 | "周五 | \n", 243 | "
| 2744 | \n", 246 | "33 | \n", 247 | "27 | \n", 248 | "多云~雷阵雨 | \n", 249 | "南风1-2级 | \n", 250 | "91 良 | \n", 251 | "周四 | \n", 252 | "
4006 rows × 6 columns
\n", 256 | "| \n", 318 | " | 最高温 | \n", 319 | "最低温 | \n", 320 | "天气 | \n", 321 | "风力风向 | \n", 322 | "空气质量指数 | \n", 323 | "weekday | \n", 324 | "
|---|---|---|---|---|---|---|
| 1836 | \n", 329 | "-11 | \n", 330 | "-14 | \n", 331 | "晴 | \n", 332 | "北风5-6级 | \n", 333 | "65 良 | \n", 334 | "周六 | \n", 335 | "
| 3638 | \n", 338 | "-8 | \n", 339 | "-13 | \n", 340 | "多云~晴 | \n", 341 | "西北风4级 | \n", 342 | "56 良 | \n", 343 | "周二 | \n", 344 | "
| 3647 | \n", 347 | "-7 | \n", 348 | "-14 | \n", 349 | "晴 | \n", 350 | "西北风3级 | \n", 351 | "34 优 | \n", 352 | "周四 | \n", 353 | "
| 721 | \n", 356 | "-6 | \n", 357 | "-14 | \n", 358 | "晴间多云 | \n", 359 | "北风4-5级 | \n", 360 | "NaN | \n", 361 | "周三 | \n", 362 | "
| 1835 | \n", 365 | "-6 | \n", 366 | "-16 | \n", 367 | "多云~晴 | \n", 368 | "北风4-5级 | \n", 369 | "24 优 | \n", 370 | "周五 | \n", 371 | "
| ... | \n", 374 | "... | \n", 375 | "... | \n", 376 | "... | \n", 377 | "... | \n", 378 | "... | \n", 379 | "... | \n", 380 | "
| 3094 | \n", 383 | "38 | \n", 384 | "25 | \n", 385 | "晴~多云 | \n", 386 | "西南风2级 | \n", 387 | "89 良 | \n", 388 | "周四 | \n", 389 | "
| 522 | \n", 392 | "38 | \n", 393 | "24 | \n", 394 | "多云~晴 | \n", 395 | "无持续风向微风 | \n", 396 | "NaN | \n", 397 | "周日 | \n", 398 | "
| 2345 | \n", 401 | "38 | \n", 402 | "24 | \n", 403 | "晴 | \n", 404 | "南风1-2级 | \n", 405 | "82 良 | \n", 406 | "周四 | \n", 407 | "
| 1232 | \n", 410 | "38 | \n", 411 | "23 | \n", 412 | "晴间多云~多云转晴 | \n", 413 | "无持续风向微风 | \n", 414 | "NaN | \n", 415 | "周四 | \n", 416 | "
| 1642 | \n", 419 | "40 | \n", 420 | "25 | \n", 421 | "雷雨~晴 | \n", 422 | "无持续风向微风 | \n", 423 | "NaN | \n", 424 | "周一 | \n", 425 | "
4006 rows × 6 columns
\n", 429 | "| \n", 484 | " | 最高温 | \n", 485 | "最低温 | \n", 486 | "天气 | \n", 487 | "风力风向 | \n", 488 | "空气质量指数 | \n", 489 | "weekday | \n", 490 | "
|---|---|---|---|---|---|---|
| 1642 | \n", 495 | "40 | \n", 496 | "25 | \n", 497 | "雷雨~晴 | \n", 498 | "无持续风向微风 | \n", 499 | "NaN | \n", 500 | "周一 | \n", 501 | "
| 1641 | \n", 504 | "38 | \n", 505 | "25 | \n", 506 | "晴 | \n", 507 | "无持续风向微风 | \n", 508 | "NaN | \n", 509 | "周日 | \n", 510 | "
| 2700 | \n", 513 | "38 | \n", 514 | "25 | \n", 515 | "多云 | \n", 516 | "西南风4-5级 | \n", 517 | "94 良 | \n", 518 | "周二 | \n", 519 | "
| 3094 | \n", 522 | "38 | \n", 523 | "25 | \n", 524 | "晴~多云 | \n", 525 | "西南风2级 | \n", 526 | "89 良 | \n", 527 | "周四 | \n", 528 | "
| 522 | \n", 531 | "38 | \n", 532 | "24 | \n", 533 | "多云~晴 | \n", 534 | "无持续风向微风 | \n", 535 | "NaN | \n", 536 | "周日 | \n", 537 | "
| ... | \n", 540 | "... | \n", 541 | "... | \n", 542 | "... | \n", 543 | "... | \n", 544 | "... | \n", 545 | "... | \n", 546 | "
| 721 | \n", 549 | "-6 | \n", 550 | "-14 | \n", 551 | "晴间多云 | \n", 552 | "北风4-5级 | \n", 553 | "NaN | \n", 554 | "周三 | \n", 555 | "
| 1835 | \n", 558 | "-6 | \n", 559 | "-16 | \n", 560 | "多云~晴 | \n", 561 | "北风4-5级 | \n", 562 | "24 优 | \n", 563 | "周五 | \n", 564 | "
| 3647 | \n", 567 | "-7 | \n", 568 | "-14 | \n", 569 | "晴 | \n", 570 | "西北风3级 | \n", 571 | "34 优 | \n", 572 | "周四 | \n", 573 | "
| 3638 | \n", 576 | "-8 | \n", 577 | "-13 | \n", 578 | "多云~晴 | \n", 579 | "西北风4级 | \n", 580 | "56 良 | \n", 581 | "周二 | \n", 582 | "
| 1836 | \n", 585 | "-11 | \n", 586 | "-14 | \n", 587 | "晴 | \n", 588 | "北风5-6级 | \n", 589 | "65 良 | \n", 590 | "周六 | \n", 591 | "
4006 rows × 6 columns
\n", 595 | "| \n", 41 | " | 日期 | \n", 42 | "最高温 | \n", 43 | "最低温 | \n", 44 | "天气 | \n", 45 | "风力风向 | \n", 46 | "空气质量指数 | \n", 47 | "
|---|---|---|---|---|---|---|
| 0 | \n", 52 | "2011-01-01 周六 | \n", 53 | "-2° | \n", 54 | "-7° | \n", 55 | "多云~阴 | \n", 56 | "无持续风向微风 | \n", 57 | "NaN | \n", 58 | "
| 1 | \n", 61 | "2011-01-02 周日 | \n", 62 | "-2° | \n", 63 | "-7° | \n", 64 | "多云 | \n", 65 | "无持续风向微风 | \n", 66 | "NaN | \n", 67 | "
| 2 | \n", 70 | "2011-01-03 周一 | \n", 71 | "-2° | \n", 72 | "-6° | \n", 73 | "多云~阴 | \n", 74 | "西北风~北风3-4级~4-5级 | \n", 75 | "NaN | \n", 76 | "
| 3 | \n", 79 | "2011-01-04 周二 | \n", 80 | "-2° | \n", 81 | "-9° | \n", 82 | "晴 | \n", 83 | "北风5-6级 | \n", 84 | "NaN | \n", 85 | "
| 4 | \n", 88 | "2011-01-05 周三 | \n", 89 | "-2° | \n", 90 | "-10° | \n", 91 | "晴 | \n", 92 | "北风~无持续风向3-4级~微风 | \n", 93 | "NaN | \n", 94 | "
| \n", 165 | " | 日期 | \n", 166 | "最高温 | \n", 167 | "最低温 | \n", 168 | "天气 | \n", 169 | "风力风向 | \n", 170 | "空气质量指数 | \n", 171 | "
|---|---|---|---|---|---|---|
| 455 | \n", 176 | "2012-04-11 周三 | \n", 177 | "9 | \n", 178 | "\n", 179 | " | 多云~ | \n", 180 | "无持续风向~微风~ | \n", 181 | "NaN | \n", 182 | "
| \n", 257 | " | 日期 | \n", 258 | "最高温 | \n", 259 | "最低温 | \n", 260 | "天气 | \n", 261 | "风力风向 | \n", 262 | "空气质量指数 | \n", 263 | "
|---|---|---|---|---|---|---|
| 455 | \n", 268 | "2012-04-11 周三 | \n", 269 | "9 | \n", 270 | "\n", 271 | " | 多云~ | \n", 272 | "无持续风向~微风~ | \n", 273 | "NaN | \n", 274 | "
| \n", 370 | " | 日期 | \n", 371 | "最高温 | \n", 372 | "最低温 | \n", 373 | "天气 | \n", 374 | "风力风向 | \n", 375 | "空气质量指数 | \n", 376 | "wencha | \n", 377 | "
|---|---|---|---|---|---|---|---|
| 0 | \n", 382 | "2011-01-01 周六 | \n", 383 | "-2 | \n", 384 | "-7 | \n", 385 | "多云~阴 | \n", 386 | "无持续风向微风 | \n", 387 | "NaN | \n", 388 | "5 | \n", 389 | "
| 1 | \n", 392 | "2011-01-02 周日 | \n", 393 | "-2 | \n", 394 | "-7 | \n", 395 | "多云 | \n", 396 | "无持续风向微风 | \n", 397 | "NaN | \n", 398 | "5 | \n", 399 | "
| 2 | \n", 402 | "2011-01-03 周一 | \n", 403 | "-2 | \n", 404 | "-6 | \n", 405 | "多云~阴 | \n", 406 | "西北风~北风3-4级~4-5级 | \n", 407 | "NaN | \n", 408 | "4 | \n", 409 | "
| 3 | \n", 412 | "2011-01-04 周二 | \n", 413 | "-2 | \n", 414 | "-9 | \n", 415 | "晴 | \n", 416 | "北风5-6级 | \n", 417 | "NaN | \n", 418 | "7 | \n", 419 | "
| 4 | \n", 422 | "2011-01-05 周三 | \n", 423 | "-2 | \n", 424 | "-10 | \n", 425 | "晴 | \n", 426 | "北风~无持续风向3-4级~微风 | \n", 427 | "NaN | \n", 428 | "8 | \n", 429 | "
| \n", 550 | " | 日期 | \n", 551 | "最高温 | \n", 552 | "最低温 | \n", 553 | "天气 | \n", 554 | "风力风向 | \n", 555 | "空气质量指数 | \n", 556 | "wencha | \n", 557 | "wendu_type | \n", 558 | "华氏度最高温 | \n", 559 | "华氏度最低温 | \n", 560 | "
|---|---|---|---|---|---|---|---|---|---|---|
| 0 | \n", 565 | "2011-01-01 周六 | \n", 566 | "-2 | \n", 567 | "-7 | \n", 568 | "多云~阴 | \n", 569 | "无持续风向微风 | \n", 570 | "NaN | \n", 571 | "5 | \n", 572 | "常温 | \n", 573 | "28.4 | \n", 574 | "19.4 | \n", 575 | "
| 1 | \n", 578 | "2011-01-02 周日 | \n", 579 | "-2 | \n", 580 | "-7 | \n", 581 | "多云 | \n", 582 | "无持续风向微风 | \n", 583 | "NaN | \n", 584 | "5 | \n", 585 | "常温 | \n", 586 | "28.4 | \n", 587 | "19.4 | \n", 588 | "
| 2 | \n", 591 | "2011-01-03 周一 | \n", 592 | "-2 | \n", 593 | "-6 | \n", 594 | "多云~阴 | \n", 595 | "西北风~北风3-4级~4-5级 | \n", 596 | "NaN | \n", 597 | "4 | \n", 598 | "常温 | \n", 599 | "28.4 | \n", 600 | "21.2 | \n", 601 | "
| 3 | \n", 604 | "2011-01-04 周二 | \n", 605 | "-2 | \n", 606 | "-9 | \n", 607 | "晴 | \n", 608 | "北风5-6级 | \n", 609 | "NaN | \n", 610 | "7 | \n", 611 | "常温 | \n", 612 | "28.4 | \n", 613 | "15.8 | \n", 614 | "
| 4 | \n", 617 | "2011-01-05 周三 | \n", 618 | "-2 | \n", 619 | "-10 | \n", 620 | "晴 | \n", 621 | "北风~无持续风向3-4级~微风 | \n", 622 | "NaN | \n", 623 | "8 | \n", 624 | "常温 | \n", 625 | "28.4 | \n", 626 | "14.0 | \n", 627 | "
| ... | \n", 630 | "... | \n", 631 | "... | \n", 632 | "... | \n", 633 | "... | \n", 634 | "... | \n", 635 | "... | \n", 636 | "... | \n", 637 | "... | \n", 638 | "... | \n", 639 | "... | \n", 640 | "
| 4001 | \n", 643 | "2021-12-27 周一 | \n", 644 | "6 | \n", 645 | "-8 | \n", 646 | "晴 | \n", 647 | "西北风1级 | \n", 648 | "56 良 | \n", 649 | "14 | \n", 650 | "常温 | \n", 651 | "42.8 | \n", 652 | "17.6 | \n", 653 | "
| 4002 | \n", 656 | "2021-12-28 周二 | \n", 657 | "6 | \n", 658 | "-5 | \n", 659 | "多云~晴 | \n", 660 | "西北风1级 | \n", 661 | "64 良 | \n", 662 | "11 | \n", 663 | "常温 | \n", 664 | "42.8 | \n", 665 | "23.0 | \n", 666 | "
| 4003 | \n", 669 | "2021-12-29 周三 | \n", 670 | "5 | \n", 671 | "-5 | \n", 672 | "晴 | \n", 673 | "西北风3级 | \n", 674 | "43 优 | \n", 675 | "10 | \n", 676 | "常温 | \n", 677 | "41.0 | \n", 678 | "23.0 | \n", 679 | "
| 4004 | \n", 682 | "2021-12-30 周四 | \n", 683 | "6 | \n", 684 | "-7 | \n", 685 | "晴 | \n", 686 | "西北风3级 | \n", 687 | "38 优 | \n", 688 | "13 | \n", 689 | "常温 | \n", 690 | "42.8 | \n", 691 | "19.4 | \n", 692 | "
| 4005 | \n", 695 | "2021-12-31 周五 | \n", 696 | "5 | \n", 697 | "-7 | \n", 698 | "晴 | \n", 699 | "东北风1级 | \n", 700 | "44 优 | \n", 701 | "12 | \n", 702 | "常温 | \n", 703 | "41.0 | \n", 704 | "19.4 | \n", 705 | "
4006 rows × 10 columns
\n", 709 | "| \n", 44 | " | Unnamed: 0 | \n", 45 | "id | \n", 46 | "title | \n", 47 | "release_date | \n", 48 | "overview | \n", 49 | "popularity | \n", 50 | "vote_average | \n", 51 | "vote_count | \n", 52 | "video | \n", 53 | "
|---|---|---|---|---|---|---|---|---|---|
| 0 | \n", 58 | "0 | \n", 59 | "19404 | \n", 60 | "Dilwale Dulhania Le Jayenge | \n", 61 | "1995-10-20 | \n", 62 | "Raj is a rich, carefree, happy-go-lucky second... | \n", 63 | "25.884 | \n", 64 | "8.7 | \n", 65 | "3304 | \n", 66 | "False | \n", 67 | "
| 1 | \n", 70 | "1 | \n", 71 | "278 | \n", 72 | "The Shawshank Redemption | \n", 73 | "1994-09-23 | \n", 74 | "Framed in the 1940s for the double murder of h... | \n", 75 | "60.110 | \n", 76 | "8.7 | \n", 77 | "20369 | \n", 78 | "False | \n", 79 | "
| 2 | \n", 82 | "2 | \n", 83 | "238 | \n", 84 | "The Godfather | \n", 85 | "1972-03-14 | \n", 86 | "Spanning the years 1945 to 1955, a chronicle o... | \n", 87 | "62.784 | \n", 88 | "8.7 | \n", 89 | "15219 | \n", 90 | "False | \n", 91 | "
| 3 | \n", 94 | "3 | \n", 95 | "724089 | \n", 96 | "Gabriel's Inferno Part II | \n", 97 | "2020-07-31 | \n", 98 | "Professor Gabriel Emerson finally learns the t... | \n", 99 | "28.316 | \n", 100 | "8.6 | \n", 101 | "1360 | \n", 102 | "False | \n", 103 | "
| 4 | \n", 106 | "4 | \n", 107 | "424 | \n", 108 | "Schindler's List | \n", 109 | "1993-11-30 | \n", 110 | "The true story of how businessman Oskar Schind... | \n", 111 | "38.661 | \n", 112 | "8.6 | \n", 113 | "12158 | \n", 114 | "False | \n", 115 | "
| \n", 227 | " | Unnamed: 0 | \n", 228 | "id | \n", 229 | "title | \n", 230 | "release_date | \n", 231 | "overview | \n", 232 | "popularity | \n", 233 | "vote_average | \n", 234 | "vote_count | \n", 235 | "video | \n", 236 | "
|---|---|---|---|---|---|---|---|---|---|
| id | \n", 239 | "\n", 240 | " | \n", 241 | " | \n", 242 | " | \n", 243 | " | \n", 244 | " | \n", 245 | " | \n", 246 | " | \n", 247 | " | \n", 248 | " |
| 19404 | \n", 253 | "0 | \n", 254 | "19404 | \n", 255 | "Dilwale Dulhania Le Jayenge | \n", 256 | "1995-10-20 | \n", 257 | "Raj is a rich, carefree, happy-go-lucky second... | \n", 258 | "25.884 | \n", 259 | "8.7 | \n", 260 | "3304 | \n", 261 | "False | \n", 262 | "
| 278 | \n", 265 | "1 | \n", 266 | "278 | \n", 267 | "The Shawshank Redemption | \n", 268 | "1994-09-23 | \n", 269 | "Framed in the 1940s for the double murder of h... | \n", 270 | "60.110 | \n", 271 | "8.7 | \n", 272 | "20369 | \n", 273 | "False | \n", 274 | "
| 238 | \n", 277 | "2 | \n", 278 | "238 | \n", 279 | "The Godfather | \n", 280 | "1972-03-14 | \n", 281 | "Spanning the years 1945 to 1955, a chronicle o... | \n", 282 | "62.784 | \n", 283 | "8.7 | \n", 284 | "15219 | \n", 285 | "False | \n", 286 | "
| 724089 | \n", 289 | "3 | \n", 290 | "724089 | \n", 291 | "Gabriel's Inferno Part II | \n", 292 | "2020-07-31 | \n", 293 | "Professor Gabriel Emerson finally learns the t... | \n", 294 | "28.316 | \n", 295 | "8.6 | \n", 296 | "1360 | \n", 297 | "False | \n", 298 | "
| 424 | \n", 301 | "4 | \n", 302 | "424 | \n", 303 | "Schindler's List | \n", 304 | "1993-11-30 | \n", 305 | "The true story of how businessman Oskar Schind... | \n", 306 | "38.661 | \n", 307 | "8.6 | \n", 308 | "12158 | \n", 309 | "False | \n", 310 | "
| \n", 435 | " | Unnamed: 0 | \n", 436 | "id | \n", 437 | "title | \n", 438 | "release_date | \n", 439 | "overview | \n", 440 | "popularity | \n", 441 | "vote_average | \n", 442 | "vote_count | \n", 443 | "video | \n", 444 | "
|---|---|---|---|---|---|---|---|---|---|
| id | \n", 447 | "\n", 448 | " | \n", 449 | " | \n", 450 | " | \n", 451 | " | \n", 452 | " | \n", 453 | " | \n", 454 | " | \n", 455 | " | \n", 456 | " |
| 500 | \n", 461 | "187 | \n", 462 | "500 | \n", 463 | "Reservoir Dogs | \n", 464 | "1992-09-02 | \n", 465 | "A botched robbery indicates a police informant... | \n", 466 | "28.045 | \n", 467 | "8.2 | \n", 468 | "11351 | \n", 469 | "False | \n", 470 | "
| \n", 623 | " | Unnamed: 0 | \n", 624 | "id | \n", 625 | "title | \n", 626 | "release_date | \n", 627 | "overview | \n", 628 | "popularity | \n", 629 | "vote_average | \n", 630 | "vote_count | \n", 631 | "video | \n", 632 | "
|---|---|---|---|---|---|---|---|---|---|
| id | \n", 635 | "\n", 636 | " | \n", 637 | " | \n", 638 | " | \n", 639 | " | \n", 640 | " | \n", 641 | " | \n", 642 | " | \n", 643 | " | \n", 644 | " |
| 5 | \n", 649 | "8304 | \n", 650 | "5 | \n", 651 | "Four Rooms | \n", 652 | "1995-12-09 | \n", 653 | "It's Ted the Bellhop's first night on the job.... | \n", 654 | "13.058 | \n", 655 | "5.7 | \n", 656 | "2062 | \n", 657 | "False | \n", 658 | "
| 6 | \n", 661 | "5087 | \n", 662 | "6 | \n", 663 | "Judgment Night | \n", 664 | "1993-10-15 | \n", 665 | "While racing to a boxing match, Frank, Mike, J... | \n", 666 | "9.324 | \n", 667 | "6.5 | \n", 668 | "218 | \n", 669 | "False | \n", 670 | "
| 11 | \n", 673 | "145 | \n", 674 | "11 | \n", 675 | "Star Wars | \n", 676 | "1977-05-25 | \n", 677 | "Princess Leia is captured and held hostage by ... | \n", 678 | "77.419 | \n", 679 | "8.2 | \n", 680 | "16428 | \n", 681 | "False | \n", 682 | "
| 12 | \n", 685 | "577 | \n", 686 | "12 | \n", 687 | "Finding Nemo | \n", 688 | "2003-05-30 | \n", 689 | "Nemo, an adventurous young clownfish, is unexp... | \n", 690 | "85.511 | \n", 691 | "7.8 | \n", 692 | "15792 | \n", 693 | "False | \n", 694 | "
| 13 | \n", 697 | "21 | \n", 698 | "13 | \n", 699 | "Forrest Gump | \n", 700 | "1994-07-06 | \n", 701 | "A man with a low IQ has accomplished great thi... | \n", 702 | "49.031 | \n", 703 | "8.5 | \n", 704 | "21823 | \n", 705 | "False | \n", 706 | "