1.高效的图片预览：dataUrl，base64（二进制转换为可打印字符）.先预览再上传之类的。
2.文字环绕效果：
shape-outside:circle(50% at 50% 50%)
浮动元素外侧文字环绕效果。半径 at 圆心
3.自动注入less：使用变量
vueci：webpack打包:vue.config.js里面：
`css：{
loaderOptions:{
less:{
additionalData:'@import url('~@/var.less')'
}
}
}`
vite：进入vite.config.js `css：{
preprocessorOptions:{
less:{
additionalData:'@import url('~@/var.less')'
}
}
}
resolve:{
alias:{
'~@':path.resolve(__dirname,'./src')
}
} ` 同时设置路劲别名：（因为vite不认识~@,导入path from path）
4.IIFE提高性能：
避免创建内存忽上忽下：
`
const createRemove=()=>{
const reg = /\s/g //去除空格
replaceContext = ''
return (str)=>str.replace(reg,replaceContext)
} let createSpace = createRemove() createSpace('dwadh aodjawod asd')
`
即可。
css新单位：vmin：视口最小单位，取vw，vh最小的一条边：
width：100vmin
同理：vmax：视口最大单位，取vw，vh最大的一条边：
width：100vmax
6.页面端口访问文件夹：
主要使用fileApi:showDirectoryPicker，异步迭代器获取hanlde句柄。
