前端碎碎念

为什么要写这些文章呢。正如设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结（来自百度百科）一样，也是想通过分享一些工作...

文针对 Vue 中如何控制组件子树之外的东西，探讨了四种解决方案，并展示了每种解决方案的优缺点。希望读者能从中受到启发。 可以。 但我找出的解决方案可能与你想到的有很大区别...

当Vue 中不同的路由映射到同一组件时，切换路由，由于VUE 自身复用机制，是不会在触发生命周期函数的，这时如果需要在切换时触发生命周期函数的页面数据刷新等操作，该如何处理...

Cursor: 新一代OpenAI ChatGPT编程神器实践，跟着我一起去探索AI生成代码的开放开发Ide——Cursor,Write, edit, and chat a...

现在正经人谁还自己一行行地写代码啊，都是 AI 生成的代码——没有 AI 我不写（手动滑稽）。 本文将分享 AI 时代的编程新实践，教你成为一个 "Tab + Enter"...

CSS-in-JS 的库是如何工作的？是什么让 Material UI 选择了 CSS-in-JS 的方式开发组件库？这不禁引起了笔者的好奇，于是决定探索一番，实现一个自己...

AIGC 这一时代潮流已然不可阻挡，我们要做的不是慌乱，而是把握住这个时代的机会。本文就和大家一起来探索在 AIGC 下，前端工程师即将面临的挑战和机遇。...

当你还在错误使用对话 AI 工具如 GPT，可能会觉得其作用不过是知识平移总结或简单问答。实际上，当了解先进的用法、知悉如何做到 better prompt，你会发现：AI...

要说2023年什么最火，绝对是以ChatGPT为代表的AI工具了，特别是AI绘画，而用好AI的关键，就是要学会使用关键词，也叫提示词，提示词是AI绘画的核心，本次就给大家分...

在实际项目中，通常会遇到存在大量的业务条件选择的场景，这种情况下如果使用大量的"v-if"和"v-else"指令，会造成代码冗余，页面渲染性能下降，加载时间增加等问题，那该...

vue2面试题八股集合——2023，面试自我总结内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。...

前端工程化构建部署是整个工程化体系中非常重要的环节，那前端工程化部署是如何产生的？都解决了哪些问题？前端工程化部署都有哪几个流程？每个流程都是具体都是做什么的？一起来讨论下...

当你被问到关于模块化的时候，你能讲多少？你所理解的模块化是什么样？模块化的思想是什么？什么才是好的模块化应用？...

本文记录通过cli脚手架搭建uniapp+vue3+vite+typescript项目过程。并使用eslint+prettier+husky进行代码规范...

翻自国外的一个很实用的使用CSS Grid 网格实现杂志布局的案例，详细地阐述了在实际工作中是如何使用CSS grid的完成页面自适应布局，效果也是相当不错滴...

对前端而言，由于直接与用户进行交互，涉及到用户数据的展示，并承载着用户输入的一些敏感信息，那如何对用户隐私的保护，防止重要数据泄露，以及防止跨站脚本攻击（XSS）等安全问题...

在学习前端的过程中，一直有看到CommonJS、AMD、CMD、UMD、ESM这些字眼，可总是一知半解？也常常听人提起模块化。模块化是前端工程化的一部分，今天就来静下心，好...

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

自定义指令，是Vue提供的一种扩展和定制的机制，使开发者能够在组件中直接操作DOM、处理事件、添加样式等，那Vue指令的怎样设计的？又有哪些应用场景呢？来一起讨论下吧...

前端埋点和监控的出现，可以帮助开发者和产品运营人员，收集用户的行为数据，分析用户的行为习惯，实时监控应用的性能，发现和解决问题，处理系统故障。...