Vue3-如何自己写一个“返回顶部”功能
在屏幕的右下角固定一个“返回顶部”按钮，只有当用户滚动屏幕一定程度后出现，否则隐藏。1、给窗口挂载滚动事件，监听视口的滚动，当滚动距离超出设定阈值后，出现按钮。点击按钮，网页平滑的滚动到页面顶部。环境：Vue3,js，antd。2、点击按钮，滚动窗口。
前端手写源码系列(二）——手写call、apply、bind
用最简练的代码从底层手写cal、apply、bind方法，以及介绍原理区别
Vue3 核心源码解析
解剖 Vue 3 的关键模块，展示其如何提升开发效率和应用性能，为前端开发者提供深刻的技术洞察
WebDriver API剖析----执行JavaScript脚本
页面上的操作有时通过Selenium是无法实现的，如滚动条、时间控件等，此时就需要借助JavaScript来完成。可以通过两种方式在浏览器中执行JavaScript。1、在文档根级别执行JavaScript在文档根级别下，使用JavaScript提供的方法捕获想要的元素，然后声明一些操作并使用web
记录一下 Notification Web API 的使用，以及踩的坑。
Notification
vue项目——前端CryptoJS加密、解密
前端CryptoJS加密、解密
Vue3组件通信
在 Vue 中，组件之间的通信是实现复杂功能的关键。常见的方式包括：Props 和自定义事件：用于在父子组件之间传递数据，实现简单的双向通信。Mitt：轻量级事件总线，适合跨组件的双向通信，超越了父子关系的限制。v-model：简化双向数据绑定，使父子组件的数据同步更为便捷。$attrs 和 $re
一篇文章汇总前端ES6和JavaScript数组的所有方法
这是本人汇总的前端操作数组的所有方法，如有错误感谢指正！2.利用构造函数创建数组3.使用Set直接创建数组，创建的数组会自动去重，不会出现重复的元素(后面数组也有方法实现该效果)4.使用map创建数组，一个元素是键值对的数组或其他可迭代对象它的每个键值对都被添加到新的Map中二、数组的方法1.数组基
【如何有效解决前端Vue中的常见难题】
面对Vue项目中的性能优化、兼容性和安全性等难题，开发者需结合项目实际情况，采取合适的解决方案。通过代码分割、状态管理、服务端渲染等技术优化性能；利用PostCSS、Polyfill等工具解决兼容性问题；通过严格的输入验证、HTTPS传输等措施保障应用安全。同时，良好的团队协作和持续的技术学习也是解
前端：HTML、CSS、JS、Vue
本文主要介绍了HTML、CSS、JavaScript、Vue的基本语法和使用。供个人学习使用
Pinia 实战指南：轻松驾驭前端状态管理
这篇文章详细介绍了如何在 Vue 组件中使用 Pinia 状态管理库。使用 Pinia 与不使用 Pinia 时的组件通信方式相比,组件之间的通信更加简单和清晰不再需要通过事件总线或 prop 逐层传递数据,而是可以直接访问共享的状态这种模式可以让你的应用程序更加模块化和可维护。
前端入门超级攻略：你的第一步学习指南
由于前端技术的快速迭代性，国内的高校基本上不会去专门开设前端开发这一门课程，与之相对应的是大数据和软件工程，围绕python和java等生态和开发路线较为稳定的语言去开设课程，这就导致大部分学生在校对前端的了解局限于前端三剑客直到现在，还有不少学生到了大三以为学了三剑客就能找到实习，所以笔者总结了一
前端练习小项目 —— 养一只电子蜘蛛
前端练习小项目 —— 养一只电子蜘蛛
Vue实现文件预览和下载功能的前端上传组件
Vue实现文件预览和下载功能的前端上传组件
后端加前端Echarts画图示例全流程（折线图，饼图，柱状图）
本文将带领读者通过一个完整的Echarts画图示例项目，演示如何结合后端技术（使用Spring Boot框架）和前端技术（使用Vue.js或React框架）来实现数据可视化。我们将实现折线图、饼图和柱状图三种常见的数据展示方式，通过具体的代码和步骤让读者掌握从零开始搭建项目到展示图表的全过程。
Vue 2 中组件详解
2.emit（事件）∗∗：emit是子组件向父组件传递消息的一种方式。在Vue中，组件是可复用的Vue实例，每个组件都可以拥有自己的模板、脚本和样式。在Vue 2中，我们可以使用Vue.component()方法来创建全局组件，也可以使用Vue实例中的components选项来注册局部组件。2.脚本
前端速通面经八股系列(一）—— CSS篇
前端八股文速通，大叔都能看得懂系列
前端Vue组件化实践：自定义发送短信验证码弹框组件
在前端开发中，随着业务逻辑的日益复杂和交互需求的不断增长，传统的整体式开发方式逐渐暴露出效率低下、维护困难等问题。为了解决这些问题，组件化开发成为了一种流行的解决方案。通过组件化，我们可以将复杂的系统拆分成多个独立的组件，实现单独开发、单独维护，并且组件之间可以灵活地组合和复用。本文将介绍一个基于V
前端（Vue）全屏 screenfull 通用解决方案及原理分析
想让你的网站更具吸引力？全屏模式是一个简单但有效的技巧！虽然浏览器原生 API 提供了切换全屏的基本方法，但直接使用它可能会带来一些问题，尤其是在特定场景下无法提供最佳体验。因此，我们推荐使用 screenfull 这个强大的第三方库，它为全屏功能提供了更好的兼容性和灵活性。我们将带你一步步封装一个
什么是new FormData()
FormData对象是处理表单数据，特别是文件上传时非常有用的工具。它简化了构建和发送复杂表单数据的过程，提供了多种方法来操作数据。在实际开发中，结合Fetch API或，可以高效地进行异步数据传输。
