自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 Vue2实现国际化多语言切换(后端传递语言包)

摘要:文章介绍了在Vue2中使用vue-i18n插件实现国际化的方案。通过安装配置插件,动态从后端获取语言包,使用$t()方法实现文本翻译。重点说明了语言切换组件的实现逻辑,包括获取后端翻译数据、更新i18n配置和保存语言设置。同时探讨了静态文本、动态文本以及函数式组件中的翻译处理方式,并分析了采用后端动态翻译相比传统前端JSON配置的优势(无需前端发版、可随时更新)。特别指出函数式组件需要通过parent.$t()间接调用翻译方法的问题。

2025-06-30 17:22:17 1314

原创 【前端面试】前端面试大概率直接被问倒:虚拟滚动实战

固定高度:优先使用等成熟库动态高度:推荐或自定义实现复杂布局:结合的和 CSS Grid。

2025-04-29 18:00:52 1069

原创 合格前端修炼指南:从「切图仔」到「全链路工程师」的蜕变之路

随着 Vue3 响应式系统的重构、React Server Components 的横空出世,前端的技术边界被彻底打破。如今的合格前端需要具备「全链路」能力:从浏览器渲染原理到 Node.js 服务端优化,从 WebAssembly 性能突破到 AI 辅助开发,我们正在构建一个前所未有的技术生态。性能优化、`AI 辅助开发」,同时理解产品需求和商业逻辑。这需要我们持续学习、勇于实践,在技术的浪潮中保持敏锐的嗅觉,在商业的战场中展现技术的力量。真正的合格前端不仅是技术的执行者,更是商业价值的创造者。

2025-04-29 17:46:55 619

原创 【前端面试】一个按钮绑定【tab,ctrl+*,点击切换】展示已读列表,一个是未读的(展示未读列表),每次点击一个切换的时候都要去发送请求去获取信息,当快速切换按钮的时候会发发生什么问题?

在上述代码中,如果没有正确取消之前的请求,随着用户不断切换 tab,会有越来越多的请求处于未完成状态,占用内存,最终可能导致内存泄漏。上述代码中,当快速切换 tab 时,由于请求的响应时间不确定,可能出现后一个请求的响应先返回,覆盖了前一个请求的数据,导致显示的数据与当前 tab 不匹配。在这个示例中,快速点击按钮时,由于请求处理时间的不确定性,按钮的激活状态可能不能及时更新,让用户感觉操作不流畅。快速切换可能使多个请求同时发出,后一个请求可能在前一个请求完成前就覆盖了页面数据,导致展示的数据混乱。

2025-04-26 15:48:23 345

原创 JavaScript 性能优化实战:从理论到落地的全面指南

JavaScript 作为前端开发的核心语言,其性能直接影响着用户体验。无论是大型 Web 应用、复杂的单页应用,还是轻量级的网页特效,性能优化都是开发者必须面对的重要课题。本文将通过大量实战案例,深入探讨 JavaScript 性能优化的各个方面,帮助开发者写出高效、流畅的代码。

2025-04-26 15:36:17 1280

原创 解决小程序启动时core-js 版本(2.6.12)已被弃用

所以在manifest.json里改:就可以正常运行了。

2025-04-25 08:50:33 825

原创 Vue.js 组件开发:从积木到艺术品的进阶之路

Vue 组件开发的本质,就是将复杂的前端应用拆解成一个个易于管理的模块。

2025-04-24 15:36:02 781

原创 react,导出文件名称显示undefined且post方法

可以看到文件名都是undefined,下图是因为post的请求里没有带名称。这里没有拼接的参数,文件名又是从这里获取的,所以需要进行url的拼接。修改 export_recharge 函数。get方法,在改为post方法之后。

2024-12-23 16:48:36 328

原创 如何正确传输请求和有效对接后端接口

{“ApiType”:“aaa”,“Parameters”:[{“Value”:2},{“Value”:1}],“Method”:“bbb”,“Context”:{}总结一下这类后端给出的接口我前端如何进行对接1 安装并配置 Axiosnpm install axios然后在你的 Vue 项目中全局设置 Axios(可选):import Axios from 'axios';// 设置基础 URL,可以根据实际情况修改Axios.defaults.baseURL = 'http://your

2024-11-08 11:59:32 661

原创 解决小程序报错 setClipboardData:fail api scope is not declared in the privacy agreement问题

原因是小程序没有开启剪切板权限。首先我是在复制文本的时候报错。在小程序端开启响应权限解决。

2024-11-07 11:45:10 1053

原创 解决报错npm WARN workshop@1.0.0 No repository field.

出现此问题,预处理:在使用 npm 安装包时,遇到 npm Warn name@x.x.x No repository field.意思是你的 package.json 缺少 repository 仓库字段。可采用以下两种方式解决 WARNING。

2024-11-04 09:14:09 573

原创 关于前端大型项目启动中遇到的问题

安装高版本的node.js也可以使用nvm代码管理工具参考这篇文章。

2024-11-01 15:12:41 623

原创 前端本地打开网页白屏问题

main.js找到login进行修改。不过修改完要记得改回去再进行打包。

2024-10-28 16:43:44 300

《刻意练习感悟》对这本书的自我感悟

内容概要:本文是作者阅读《刻意练习》后的感悟。文章指出很多人因眼高手低错过机会,而通过刻意练习能提升自身能力以抓住机会。起初作者认为刻意练习只是简单的重复练习,但在深入了解后明白,作者安德斯·艾利克森和罗伯特·普尔通过心理表征理论和案例,表明天赋影响有限,持续刻意练习才是关键。书中提到国际象棋大师的练习方法,强调加入思考和微调,将能力内化。此外,书中提倡克服固定思维模式,建立成长型思维模式,针对自身薄弱环节设定目标并挑战自我,从失败中学习,实现职业和个人的成长,强调持续刻意练习能超越天赋,实现自我价值。; 适合人群:对个人成长、职业发展感兴趣的读者,希望突破自身瓶颈的人士。; 使用场景及目标:①帮助人们认识到天赋并非决定性因素,鼓励人们通过刻意练习提升自我;②引导人们克服固定思维模式,建立成长型思维模式,设定目标并不断挑战自我,实现个人和职业成长。; 其他说明:此书及其感悟有助于人们在生活和学习中找到有目的性、有反馈的事情,并坚持不懈地去做,以实现自我价值。

2025-04-29

【VIP专属资源库】多领域高效脚本工具集成:SQL优化、数据处理与多媒体自动化解决方案汇总

内容概要:本文档为VIP专属实用脚本工具资源库,主要针对SQL优化、数据处理、图像和音频自动化处理提供了一系列高效脚本工具。SQL脚本工具方面,提供了开源脚本集、商业工具、跨库同步脚本及自动化备份方案,帮助用户进行数据库性能优化、数据迁移与备份。数据处理与分析部分,精选了Python库如Pandas、OpenRefine用于数据清洗转换,介绍了FineReport和MyReport用于自动化报告生成,并展示了Matplotlib和Plotly用于数据可视化。图像批量处理涵盖了在线工具如Picsman、Photopea,以及Python库Pillow和OpenCV的应用。音频自动化处理则包含了Audacity、FFmpeg用于剪辑格式转换,听伴和SpeechRecognition库用于语音合成与识别。最后,VIP专属资源还提供了全网VIP解析脚本、代码模板与案例库等资源。; 适合人群:具备一定编程基础和技术需求的开发者或相关从业者。; 使用场景及目标:①需要对数据库进行性能优化、数据迁移备份的技术人员;②从事数据分析处理、自动化报告生成、数据可视化的分析师;③有图像批量处理、音频自动化剪辑需求的多媒体创作者;④寻求VIP资源解析、代码模板和案例库的高级用户。; 其他说明:本资源库汇集了多种语言和技术栈的脚本工具,旨在帮助用户突破效率瓶颈,实现复杂任务的自动化处理,提高工作效率。

2025-04-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除