富朝阳的博客

博主最近打算用Nuxt3重构了自己SSR博客，打算添加国际化功能，众所周知，实现国际化已是一个很常见的功能。用户可以根据自己的喜好，设置页面的自己合适的语言，从而实现国际化浏览。这样用户体验度会大大提升。博客用的nuxt3+vue3+vite+TS实现国际化，国际化用的vue-i18n，下面我给大家详细介绍。

学习成为一个更好的 Vue 开发者，并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门，可以让我们的编程生活变得更容易--没有大量重复的工作。下面我主要介绍12个常用的vue技巧。

最近在我的单页面SSR应用上开发JSON编辑器功能，在引入组件后直接客户端跳转OK，但是在直接加载服务端渲染的时候一直报这个错误：[vite] Error when evaluating SSR module /node_mod经过查阅资料才知道是组件不兼容SSR，下面我总结了下该问题的解决方案，希望能帮到大家！client-only 被挂载之前, 使用此属性作为文本占位符，组件只会在客户端被渲染，所以服务端加载不会再报错。今天就分享到这里啦！欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。

在项目中使用静态加载组件基本能覆盖80%的场景了，如下图但是我们在需要循环生成一些的component的时候或者在就会遇到有些组件以静态方式导入就会报错，导致进程失败，那么这时候就需要用到动态组件。那么怎么去实现动态使用呢？

TypeError: Failed to execute 'readAsText' on 'FileReader': parameter 1 is vue， ant design (elementui) 导入excel或者其他文件的时候，获取到的不是原生file文件，需要把ant design包装后的文件换成原生file。upload组件通过change事件的参数file，file.originFileObj即可获取原文件。

文章主要介绍了clipboard在vue中的使用的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

我们对显示行数做了扩展，css如下pre {important;important;top: 10px;left: 0;行数以及背景显示样式可以根据自己的需求自定义prismjs和highlight.js两个插件感觉都很不错，个人比较喜欢prismjs，当然萝卜青菜各有所爱，大家根据自己的爱好选择即可。用户体验度又上升啦！YYDS！欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。

博主最近重构了自己的单页面SSR博客，打算添加国际化功能，众所周知，实现国际化已是一个很常见的功能。用户可以根据自己的喜好，设置页面的自己合适的语言，从而实现国际化浏览。这样用户体验度会大大提升。先看效果：博客用的Vite4.2构建，框架是Vue3.2，采用服务端渲染，国际化用的vue-i18n，下面我给大家详细介绍。

懒加载图片指令的核心是应用了API 来判断图片是否进入可视区，该特性在现代浏览器中都支持，但 IE 浏览器不支持，此时可以通过监听图片可滚动父元素的一些事件如scrollresize等，然后通过一些 DOM 计算来判断图片元素是否进入可视区。如果文章对你有所帮助，！博主会持续更新。。。。图片懒加载vue3-lazy。

最近博主在开发一个微服务架构搭建的编程导航，方便大家学习交流。程序员导航是一个以Angular13.0,vue3.x, React16前端技术框架开发的一站式程序员学习工作娱乐导航网站，以让程序员更便捷为使命，始终围绕程序员需求，为程序员提供最新工具导航的便捷性服务网站！下面说说本人在做qiankun微前端改造时遇到的一些坑，希望对大家有帮助。

博主最近在重构自己的单页面SSR博客，打算添加换肤功能，众所周知，换肤功能已是一个很常见的功能。用户可以根据自己的喜好，设置页面的主题，从而实现个性化定制。这样用户体验度会大大提升。先看效果：博客用的Vite4.2构建，框架是Vue3.2，采用服务端渲染，样式使用了less，因此我打算使用less变量实现换肤功能。

最近在用vite4+typescript+vue3+SSR重构我的博客，在我构建上线之后发现谷歌等高版本主流浏览器运行正常，但是在公司自己操作系统的的浏览器上一直报如下的错误。经过我查看错误发现是浏览器兼容问题。老版本的博客使用的webpack构建的，配置了bable转义ES2015所以在低版本或者自带浏览器运行是没问题的。现在用的是vite4构建的，并没有使用bable进行转义。因此我采用官方提供的方案解决问题。

prerender-spa-plugin它所做的预渲染就是当vue-cli构建的项目进行npm run build 的时候，会按照路由的层级进行动态渲染出对应的html文件，这样爬虫在爬取页面的时候就不会再是一个简简单单的 index.html 入口文件了。