关闭警告

    vueI18n: {
        silentTranslationWarn: true,
        missingWarn: false,
        silentFallbackWarn: true,
        fallbackWarn: false,
        ...
    }

1. 在public新建文件 /public/docTemplate/template.xlsx /public/docTemplate/template.docx /public/docTemplate/template.pptx /public/docTemplate/template.pdf

const ExtensionMimeTypeMap = {
    'pptx': 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
    'docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
    'xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
    'pdf': 'application/pdf'
}
async function createFile(fileType: 'docx' | 'xlsx' | 'pptx' | 'pdf', name: string) {
    const path = `/docTemplate/template.${fileType}}`
    const file = await fetch(path)
    const fileArrayBuffer = await file.arrayBuffer()
    return new File([fileArrayBuffer], `${name}.${fileType}`,{type: ExtensionMimeTypeMap[fileType]})
}

正则表达式常用模式如下：

1. '[pjc]ython'可以匹配'python'、'jython'、'cython'
2. '[a-zA-Z0-9]'可以匹配一个任意大小写字母或数字
3. '[^abc]'可以一个匹配任意除'a'、'b'、'c'之外的字符
4. 'python|perl'或'p(ython|erl)'都可以匹配'python'或'perl'
5. 子模式后面加上问号表示可选。r'(http://)?(www.)?python.org'只能配'http://www.python.org'、'http://python.org'、'www.python.org'和'python.org'
6. '^http'只能匹配所有以'http'开头的字符串
7. (pattern)*：允许模式重复0次或多次
8. (pattern)+：允许模式重复1次或多次
9. (pattern){m,n}：允许模式重复m~n次
10. '(a|b)*c'：匹配多个（包含0个）a或b，后面紧跟一个字母c。
11. 'ab{1,}'：等价于'ab+'，匹配以字母a开头后面带1个至多个字母b的字符串。
12. '^[a-zA-Z]{1}([a-zA-Z0-9.]){4,19}$'：匹配长度为5-20的字符串，必须以字母开头、可带数字、“”、“.”的字串。
13. '^(\w){6,20}$'：匹配长度为6-20的字符串，可以包含字母、数字、下划线。
14. '^\d{1,3}.\d{1,3}.\d{1,3}.\d{1,3}$'：检查给定字符串是否为合法IP地址。
15. '^(13[4-9]\d{8})|(15[01289]\d{8})$'：检查给定字符串是否为移动手机号码。
16. '^[a-zA-Z]+$' ：检查给定字符串是否只包含英文字母大小写。
17. '^\w+@(\w+.)+\w+$' ：检查给定字符串是否为合法电子邮件地址1。
18. ^([a-zA-Z.0-9]+)@[a-zA-Z0-9]+.[a-zA-Z]{3}$ ：检查给定字符串是否为合法电子邮件地址2。
19. \b[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}.[a-zA-Z]{1,4}\b ：检查给定字符串是否为合法电子邮件地址3。
20. '^(-)?\d+(.\d{1,2})?$'：检查给定字符串是否为最多有2位小数的正数或负数。
21. '[\u4e00-\u9fa5]'：匹配给定字符串中所有汉字。
22. '^\d{18}|\d{15}$'：检查给定字符串是否为合法身份证格式。
23. '\d{4}-\d{1,2}-\d{1,2}'：匹配指定格式的日期，例如2016-1-31。
24. '^(?=.[a-z])(?=.[A-Z])(?=.\d)(?=.[,._]).{8,}$'：检查给定字符串是否为强密码，必须同时包含英语字母大写字母、英文小写字母、数字或特殊符号（如英文逗号、英文句号、下划线），并且长度必须至少8位。 "(?!.*['"/;=%?]).+"：如果给定字符串中包含’、”、/、;、=、%、?则匹配失败。
25. ‘(.)\1+’：匹配任意字符的一次或多次重复出现。注：\1中第一个\为转义，\1表示匹配第1个分组的内容

首先要理解为什么使用 tiff.js 这个库。

1. tiff格式不可以直接用img 接收查看
2. tiff.js可以将ArrayBuffer对象 转化为 可以用img 接收查看的url，也就是 Tiff对象 的 toDataURL方法.

第一次尝试

1. 安装 tiff.js

npm install tiff.js --save

挂载全局属性和方法

app.config.globalProperties

在main.js中引入全局要使用的方法，通过app.config.globalProperties添加到全局中。例：

// main.js
import { createApp } from 'vue'
import App from './App.vue'

// test 是外部引入的方法
const test = () => {
    console.log('ccccc')
    return '测试成功001'
}

const app = createApp(App)
// 添加到全局中
app.config.globalProperties.$Test = test
app.use(test)
app.use(store)
app.use(router)
app.mount('#app')

一、了解 SSR

在介绍 Nuxt3 之前，肯定要先介绍一波 服务端渲染，毕竟 Nuxt 就是一个基于 Vue.js 的服务端渲染应用框架；

什么是SSR

服务器端渲染（Server-Side Rendering）是指由服务端完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。

简单理解就是html是由服务端写出，可以动态改变页面内容，即所谓的动态页面。早年的 php、asp 、jsp 这些 Server page 都是 SSR 的。

为什么使用SSR

• operation
• condition

  conditionalVar(yes, <direction>)->nextNode1
  conditionalVar(no, <direction>)->nextNode2

• inputoutput
• parallel

formatter

formatter 是标签内容的格式器，用于转换格式。支持 字符串和回调函数两种形式。

{c} 代办字符串模板变量，表示数据值，常用的模板变量有：

{ a }：系列名 { b }：数据名 { c }：数据值 { d }：百分比

git

拉取远程代码

前置配置
1.git init 初始化（创建）本地仓库，可以看到项目文件夹下生成的.git隐藏文件夹。这个文件夹会记录以后每次的更改和提交。

2.git config --global user.name 'Kael'git初次使用配置个人用户名，如果以前已经配置，通过git config user.name查看。

3.git config --global user.email 'pankai486@qq.com'git初次使用时要先配置个人邮箱，如果以前已经配置，通过git config user.email查看。

4.ssh-keygen -t rsa -C "pankai486@qq.com"生成SSH公钥（基于个人邮箱），如果以前已经生成，也可以跳过这步。

5.cat ~/.ssh/id_rsa.pub获取生成的SSH公钥，如果报错，则使用上一步的命令重新生成公钥，复制公钥到阿里云，要从ssh-rsa开头开始复制起。

第一步：拉取远程代码
git clone https://github.com/…/PrettyGirls.git
第2步: 配置远程仓库地址
　　添加远程仓库地址：git remote add origin "git@github.com:Only-APTX-4869/demo.git"
　　查看远程仓库地址：git remote -v

作用域问题

this指向问题

1. this指向问题1

var length = 10;
function fn() {
    console.log(this.length);
}

var obj = {
    length: 5,
    method: function(fn) {
        fn();
        arguments[0]();
    }
};
obj.method(fn, 1, 2, 3, 4, 5, 6);//输出是什么？