程序员的成长之路
欢迎关注我的公众号【程序员的成长之路】,回复【2048】可以领取资料。
展开
-
Vue3 - 在项目中使用vue-i18n不生效的问题
messages这个key显示的写出来,不然页面一直显示的key,不会显示对应的文本。如果你的多语言文件是 message.js,那么可以按照上图进行配置。确保你已经正确安装了Vue I18n并且配置了组合API模式。如果没有配置 legacy: false,使用会报错。原创 2024-06-22 17:38:18 · 448 阅读 · 1 评论 -
HTML+CSS实现一个告示,在页面上通知用户域名已切换,并包含一个倒计时,倒计时结束后自动跳转到新域名
创建一个简单的 HTML 页面,该页面将显示一个告示,通知用户域名已切换,并包含一个倒计时,倒计时结束后自动跳转到新域名。原创 2024-06-05 10:27:21 · 64 阅读 · 0 评论 -
用 HTML+CSS 实现全屏爱心滴落的动画效果,中间可显示名字
现在,当你在浏览器中打开这个 HTML 文件时,页面中央会显示一行白色文字,同时背景中会有爱心滴落的动画效果。你可以根据需要调整 CSS 样式以改变文字的位置、字体大小、颜色等。在页面上显示一行白色文字,同时有爱心滴落的动画效果。原创 2024-06-04 14:57:55 · 445 阅读 · 0 评论 -
Vue3 - Mac系统用文本编辑写html不显示效果的坑
这是我mac系统中创建的html文件,想着没有几行代码,就没有开编辑器了,直接手撸。查看网页源代码,发现内容不是我自己写的,然后用vs code打开,发现了原因。在mac系统中,也有类似的功能,就是文本编辑,没想到居然还有坑。平时在win系统下,可以直接对文本进行编辑,非常的舒服。我写的html代码,竟然被文本编辑软件变成了这样子...看起来没有任何问题,我们浏览器打开看一下效果。删除重写后,在用浏览器打开,这下就正常了。直接显示的源代码,头一回遇到。直接用文本编辑打开进行编辑。原创 2024-06-02 17:42:37 · 72 阅读 · 0 评论 -
Vue3 - 实现一个雨水滴落的动画效果
在 Vue 3 中实现一个雨水滴落的动画效果,可以使用 HTML5 的元素和 JavaScript 来绘制和控制动画。原创 2024-05-29 10:08:42 · 1638 阅读 · 2 评论 -
Vue3 - 项目配置多环境配置文件
最常见的多环境配置,就是开发环境配置,和生产环境配置(也就是上线的配置),很多情况下我们开发环境下的域名,和一些配置项,和我们生产模式下的不同,这个时候就需要我们进行多环境配置,不然每次发版都要改一波数据多麻烦。另一种情况就是你两个项目是用的一套代码,但是最后又要分别打成不同的包,那么这个时候多环境配置就大大提升了开发效率。原创 2024-05-14 10:35:02 · 720 阅读 · 0 评论 -
Vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值
配置项来访问 webpack 的配置,然后找到 HtmlWebpackPlugin 的插件实例,并修改它的。是 HtmlWebpackPlugin 的一个选项,用于设置生成的 HTML 文件的标题。在 Vue CLI 4.x 中,在这个示例中,我们使用。选项为你想要的新标题。文件来修改这个选项。将修改后的配置返回。原创 2024-05-11 19:11:00 · 688 阅读 · 0 评论 -
Vue3 - 线上项目怎么加 debugger 防止调试(简易版)
vue项目build后,debugger 会被删除,这里可以很方便让你实现这个逻辑。原创 2024-05-11 17:30:34 · 174 阅读 · 0 评论 -
Vue3 - 前端项目代码防止被调试/被爬,阻止浏览器F12开发者工具
大家都知道浏览器的开发者工具能干啥,正经的用法:开发时调试代码逻辑,修改布局样式;不正经的用法:改改元素骗骗人,找找网站接口写爬虫,逆向js破解加密等等,所以说前端不安全,永远不要相信用户的输入。先用debugger关键字阻止你进行任何操作,随后,在你关闭之后,又直接跳转到空白页,不让你接着操作。前端代码防止被调试,无非就是打开控制台,卡住页面不让他往下走。1、打开控制台,无限debugger。3、打开控制台,重定向到新的页面。2、打开控制台,无限加载。如何破解这个现象呢?原创 2024-05-11 16:28:20 · 623 阅读 · 0 评论 -
Vue3 - 项目中使用 debugger 在 chrome 谷歌浏览器中失效
在 Vue 应用中,debugger;语句用于在代码中设置断点,以便在浏览器的开发者工具中进行调试。这个语句会使得代码在执行到这一行时停止,你可以查看当前的变量值、调用堆栈等信息。原创 2024-05-11 15:30:16 · 638 阅读 · 1 评论 -
Vue3 - Element Plus 组件库让 [el-radio 单选框] 与 [el-checkbox 多选框] 由 “横向排列“ 改为 “纵向排列“ 显示
在 Vue.js 中,使用 Element Plus 组件库可以轻松地构建出美观、功能强大的用户界面。其中,el-radio和组件是常用的单选框和多选框组件,在很多场景中都能发挥重要作用。在默认情况下,它们通常是横向排列的,这在某些场景下可能不够灵活。本文将介绍如何将这两个组件的排列方式改为纵向,以满足更多样化的需求。原创 2024-05-11 11:26:36 · 559 阅读 · 0 评论