ZF的博客

Vue3设置i18n国际化踩坑

前言这都2022年了，还要兼容ie，就离谱。。。项目使用的依赖的兼容性问题，由于IE在市场的占有率不到1%，很多插件已经不再考虑兼容IE浏览器了。还有一个是如何要兼容更低版本的浏览器（IE8-），那还得下载es3ify-webpack-plugin插件把es5转化成es3现在项目的css布局基本都是使用flex布局或者grid布局了，很多在ie上很出现布局错乱甚至不显示的问题。下面兼容的问题只针对功能性上的，css布局问题如果要兼容ie要多写好多代码，还影响后续开发的时间成本，所以我是不处理了。

首先，你需要知道为什么会有8px的神秘边距：很多元素默认有一个8px的 margin，而且在不同浏览器上表现效果不同在项目中，通常都是使用reser.css重置所有的样式表，可以保证在所有浏览器下，项目展示的样式是一致的：（1）在项目中应用：在asset的css中插入reset.css文件，// main.jsimport @/assets/css/reset.css（2）或者在demo这样写：<style>* { margin: 0; padding: 0;}&l

引入项目的是编译后的1.5.0版本的UEditor，我另一篇文章写的如何编译1.5.0版本的UEditor编译后，把dist文件里面文件放到项目的public/plugins/ueditor相关自定义配置看官方文档就行了，为了快速把项目搭建好，我就改了ueditor.config.js的根路径注意路径最前面也要加上/之后在component文件夹下创建一个UEditor.vue文件，在里面初始化UEditor。<template> <div id="ueditor"&gt

我下载的是1.5.0版本的，就用这个进行演示吧。找到ueditor的github地址，下载压缩包并解压。得到源码，但是我们的目的是得到编译文件后放到项目态目录里面，所以需要进行编译获取ueditor.all.js、ueditor.all.min.js文件。打开解压文件根目录，打开控制台。先执行下载依赖npm install或者cnpm install，执行成功可以在根目录找到node_modules文件如果你没有安装grunt，需要先执行 npm install -g grunt-cli 命令

场景：beforeRouterLeave 函数里面有个确认框方法，离开页面前会弹出让用户确认是否离开当前页面，但是有时候点击确认后还会再次弹出确认框。看到网上说给确认框加上延时函数能解决问题，实践下确实能解决。但不知道是什么原因导致这个问题，于是检查操作流程，发现弹出两次确认框的情况下，确认框弹出前路由改变了（不应该改变啊），于是去看Vue 文档，检查相关代码发现在 beforeRouterLeave 函数里面使用 next() 方法来实现路由跳转，但项目使用 router.push() 来实现，全部换

本周总结Vue如何打断循环跳出for循环可以用continue或者return跳出本次循环，或者使用break跳出整个循环。跳出forEach1、forEach循环和普通循环是不一样的，本身无法跳出循环，必须遍历所有数据才能结束。2、只有一种办法能跳出循环：就是通过try…catch…去包裹这个循环，当要跳出整个循环时可以抛出错误来中断。eg：let a = [1, 2, 3]try { a.forEach(ele => { if (ele === 2) {