张先森的博客

regexp: 必须是ReGEXP的实例，或者是在创建新的ReGEXP时不会生成异常的字符串。object: 必须是类型对象而不是Array.isArray。array: 必须是由Array.isArray确定的数组。string: 必须是字符串类型。boolean: 必须是布尔型的。email:必须是电子邮件类型。method:必须是类型函数。integer:必须是整数.url: 必须是URL类型。number: 必须是数字。float:必须是浮点数.hex: 必须是十六进制。Length : 长度。

在html5页面中，我们知道设置元素样式的方法有2种：一种是直接在元素标签中添加style属性并设置样式，另一种是给元素添加class属性然后给class属性设置样式。既然原生的html页面有这两种设置属性的方式，那么iview的render函数当然也可以这么给元素添加样式啦。注意：这里的style是不加作用域scoped的，如果加了class样式就不生效了。“操作”列的render函数如下代码。第一种方法：直接设置style属性。第二种方法：给元素设置class属性。或者F12找到这个元素使用deep。

基座与子应用共用一套路由权限，路由路径标记是否是子应用路由,这里标记‘/micro-’开头的路径为子应用路由，后面的命名可以根据不同的子应用动态调整，用于基座加载子应用时匹配不同的子应用name值。这里有个问题是当基座加载了子应用的A页面，当子应用的A页面跳转到二级页面，刷新浏览器又会回到A页面，这个交互显然是有问题的，正确的应该是刷新二级页面后路由应该还是在二级页面。基座存储到浏览器本地，加载子应用时优先取缓存中的地址，离开子应用时清掉缓存（很重要！1.子应用单独运行正常，基座加载子应用后接口404。

注意，要跑最新的前端项目，node版本请使用 CURRENT 16.9.0及以上，建议使用长期稳定的 LTS 版本。悲催的不几道中国NPM镜像是不是让老毛子啃掉了，拔剑四顾心茫然。木资源，还是得靠万能的hub Die....npm 8.1.2 默认支持16.13.2，是否支持其他LTS版本，请自行查阅~提示获取node关联的npm版本下载失败，需要手动去github找到对应版本下载。若使用 16.13.2 附上 npm包，免得趴梯子翻半天。nvm管理多版本node，npm淘宝镜像丢失问题。

vite项目集成webpack+vue2项目

progress ：当前页面的加载进度，范围是0-1 ，等于1的时候代表当前页已经完全加载完成了。rotate ： 旋转角度，比如0就是不旋转，+90，-90 就是水平旋转。展示效果如下，可以把pdf文件按页分割开来，点击上一页，下一页进行切换。src：pdf 文件的路径，可以是本地路径，也可以是在线路径。page-loaded ：页面加载成功的回调函数，不咋能用到。link-clicked：单机pdf内的链接会触发。然后再具体要使用的vue文件中引入，分为三种情况，error ：加载错误的回调。

高德地图使用echarts

全文搜索插件会根据当前页面上的超链接获取文档内容，在 localStorage 内建立文档索引。在对应的 Gitee 仓库服务中选择 Gitee Pages，选择您要部署的分支，填写您要部署的分支上的目录，例如docs，填写完成之后点击启动即可。如果需要创建多个页面，或者需要多级路由的网站，在 docsify 里也能很容易的实现。和部署所有静态网站一样，只需将服务器的访问根目录设定为 index.html 文件。直接将文档放在 docs/ 目录下，在设置页面开启。运行时找到创建docs的文件夹中，

not found and will be installed:lint-staged

a](http://example:8081/a,https://example:8081/a" \o “http://example:8081/a,https://example:8081/a _ JavaClub全栈架构师技术笔记” \t "https://www.javaclub.cn/server/_blank) , [http:/ 192.168.以上就是两种解决方案，其中我选用的是第一种，因为我嵌套的项目不需要使用JSESSIONID，所以不需要那么高的要求改系统权限。

项目需要上传大文件，既然是大文件，如果一次性进行读取发送、接收都是不可取的，很容易导致内存问题。所以对于大文件上传，就一定要实现切片上传、断点续传。如果自己实现相对比较麻烦，但好消息是我们的文件服务使用了开源的minio作为对象存储服务，并且minio也提供了 JavaScript Client SDK ，顿时喜出望外，但当我正准备一顿操作时就遇到了问题… 难受至极。

Vite 在一个特殊的 import.meta.env对象上暴露环境变量。

一个返回由Promise异步引入的键值对对象（相对于当前模块的相对路径 -> 该模块的异步导入函数）。: 一个返回由同步引入的键值对对象（相对于当前模坐的相对路径 -> 该模块的导出对象）。是同步加载，返回的是一个包含路径和模块内容的对象，适合于模块较少的情况。适合于模块较小，希望立即加载，并且不会由于尺寸过大而影响应用性能的情况。返回的是一个由模块路径和模块异步导入函数构成的键值对对象，而。导入，可以完成模块引用的实时更新，以及开发服务器的热更新。返回的是一个由模块路径和模块导出值构成的键值对对象。

近一年公司前端开发开始使用Vue3+TS的框架，在使用的过程中出现了一些问题，比如经常使用any、定义不准确、报红、或者干脆不定义类型，让我们的代码看起来极其不优雅，失去了使用Ts的意义，今天我就详细讲讲什么是TS,如何使用TS，希望对大家以后的使用有所提升。

随着Vue3使用越来越广泛，Vue写法也慢慢在改进，Vue3版本已经支持tsx，TSX（TypeScript JSX）和Vue文件是两种不同的文件格式和写法，TSX是一种在TypeScript中编写React组件的方式，它使用JSX语法来描述组件的结构和行为。

主要介绍了vue3中导入，导出的几种方法和打印的一些小技巧

这样即使有多个请求方式，彼此协作时也不会出现冲突，前端可以同时调取多个请求地址，同时和多人本地联调也非常方便。适用于前后端联调时同时修改，快速响应，在后端修改完毕，联调完毕确认没有问题后，要记得统一改回默认的服务器请求地址，再进行代码提交。在项目中，我们通常会碰到需要本地联调的情况，如果同时有多人开发，大家使用同一个地址就容易出现冲突，交互修改的情况。1.在proxy中设置要访问的地址，并重写/api为空的字符串，这里如果不重写，会相当于在代理的地址上默认加了/api，所以需要重写为空。

富文本编辑器实现原理及实现过程

vue3.0之富文本编辑器的选择

vue3.0项目可视化大屏适配之less方法

vue3项目如何使用three.js

vite项目中无法使用minio的解决方案

vite配置详解

vue2+iview+webpack 和vue3+vben +vite的区别

vue3.0 + ts + vite 项目的创建

vue3.0路由配置及跳转

vue3.0中vuex使用map辅助函数

如何在Vue3.0中使用Vuex

vue3.0之数据监听(watch、computed)

web前端vue3.2之组件通信详解(defineProps、defineEmits、defineExpose)

vue3.0之setup函数的理解

vue3.0的路由(vue-router)

vue3.0之组件通信之父子通信

Vue3.0之属性及其语法