lcukyNwa的博客

java笔记二周目

雷池（SafeLine）是长亭科技耗时近 10 年倾情打造的 WAF，核心检测能力由智能语义分析算法驱动。WAF 是 Web Application Firewall 的缩写，也被称为 Web 应用防火墙。区别于传统防火墙，WAF 工作在应用层，对基于 HTTP/HTTPS 协议的 Web 系统有着更好的防护效果，使其免于受到黑客的攻击。

使用阿里云的容器加速，访问下面地址去获取加速链接。上面的xxx换成自己获取的。先build打包生成dist文件夹，只配置dockerfile文件即可，镜像配置加速，在settings—>docker engine下。docker桌面版和模拟器只能选一个，不然一直转圈圈。点MB后面的开始图标去配置一下，可以先本地测试。最简单配置如下：比较好的配置去网上找找。官网下载安装包并安装4.29.0版本。win10专业版 2004+ ,vue项目打包成docker镜像。云服务使用 打开9090端口。

Vue2项目页面直接迁移到Vue3环境下，依旧2的写法，页面各种报错，尤其element-ui升级组件改动比较大；

因为用的setup语法，将这个值响应式去掉。

确定初始化的语言在setting中，页面加载会读取里面的语言走一次语言的初始化配置，后面就是按钮切换。安装依赖，配置，当点击中英文切换按钮时候，全局变换，element-plus组件也需要中英文切换。src下新建文件夹lang，再新建package文件夹同级别index.js。package下的en.json和zh-cn.json，类似下面。一开始确认默认的语言.main.js中配置ep的。其中setting是自定义的配置。走小仓库app.js。

登录成功后，去路由守卫那获取用户名，如果有则放行，没则请求用户信息以及权限菜单和字典表等信息，存入浏览器缓存中，在需要的下拉框或者表格中使用，每次后端新增字典，前端需要在utils中的字典工具类中DICT_TYPE里加上对应的常量。utils里的字典工具类。

切记，最好一个]要手输才有提示,代码右键使用插件Live Server打开浏览器查看效果。只需在我们的 URL 后添加您想要的图像尺寸（宽度和高度），您就会获得随机图像。生成5张图片，200*300的，再300后面加个]回车即可。由于浏览器缓存，则会5张图片会长一样，只需要300后面加个。开发静态页面没有数据的时候可以用它来占位。要获得正方形图像，只需添加尺寸即可。创建a.html 生成模板。div.lucky+回车。

原因：开了代理，网页可以访问，在vscode的提交没有走到代理，用的是猫7890端口。

有时候我们会遇到样式复用的情况，需要将一些相同的样式提取到一个 class 中。手动将每个原子粒的样式提取出来非常耗时耗力。曾经使用过 Bootstrap，但它会将没有使用到的类样式也打包到生产环境中，影响了性能。我们需要的是只打包使用到的样式，而不包括没有使用到的。UnoCSS 应运而生，它让我们能够实现“原子化 CSS”的构想。

1、可能是路径不匹配，被我排除了。

vite打包的配置如图，base是仓库名称，docs是build后生成的打包目录。访问就是第一张图里的一串地址，这种方式比较方便吧。注意点已经打上箭头,代码我传到的是test分支。创建仓库---->上传代码---->设置。上传到GitHub就自动部署了。

再如我的翻译文本是en.json和zh-CN.json，都在src目录下的lang/package下，配置就如下。比如我的翻译文件en.ts和zh-CN.ts，都在src目录下的locales目录，配置就如下。由于每个项目的语言可能做的都不一样，会导致无法找到真正的路径位置，所以我推荐。在项目的根目录找到.vscode再找到settings.json编辑它。如果发现翻译是英文的则看下vscode右下角的en改一下即可。vscode扩展搜i18n Ally。

【代码】【Bug】查看或编辑弹框页后再新增，出现某验证失效。

解决：在element表单中加入 @submit.native.prevent。原因：Form标签内有输入框时，按下回车键会默认触发表单的提交操作。

【代码】【前端】Echarts自适应分辨率和缩放功能。

2、验证必填*数据不能为空，再读取流格式Excel时候为空的转换为-4、将数据处理成elementUi里表格需要的数据。补充方法去掉*返回elementUi中表头的格式。3、将数组处理成elementUi中表头的格式。1、校验是否缺少必填字段。

我使用XLSX的场景，在我上传excel的时候，我需要获取它的表头以及里面的数据进行渲染到表格中，在我编辑的时候需要请求Excel的地址，将返回流转JSON也拿里面的表格数据。新增配置，在vue.config.js中，自己比较一下，最后一段新增的chainWebpack。src/assets/excelTemplate/模板.xls。即可将模板下载到本地。

vue2项目，封装的第一版弹框组件使用基于elment-ui。在vue同级创建components/dialog文件夹。里面放paramDialog.vue。

在package.json里启动如dev的值里加下面前缀即可。node升级18后，项目启动又遇到的问题。