Vue3-如何自己写一个“返回顶部”功能
在屏幕的右下角固定一个“返回顶部”按钮,只有当用户滚动屏幕一定程度后出现,否则隐藏。1、给窗口挂载滚动事件,监听视口的滚动,当滚动距离超出设定阈值后,出现按钮。点击按钮,网页平滑的滚动到页面顶部。环境:Vue3,js,antd。2、点击按钮,滚动窗口。
前端手写源码系列(二)——手写call、apply、bind
用最简练的代码从底层手写cal、apply、bind方法,以及介绍原理区别
Vue3 核心源码解析
解剖 Vue 3 的关键模块,展示其如何提升开发效率和应用性能,为前端开发者提供深刻的技术洞察
vue + element ui 实现侧边栏导航栏折叠收起
通过 row 和 col 组件,并通过 col 组件的。属性我们就可以自由地组合布局。
WebDriver API剖析----执行JavaScript脚本
页面上的操作有时通过Selenium是无法实现的,如滚动条、时间控件等,此时就需要借助JavaScript来完成。可以通过两种方式在浏览器中执行JavaScript。1、在文档根级别执行JavaScript在文档根级别下,使用JavaScript提供的方法捕获想要的元素,然后声明一些操作并使用web
记录一下 Notification Web API 的使用,以及踩的坑。
Notification
vue项目——前端CryptoJS加密、解密
前端CryptoJS加密、解密
在 Vue 3 项目中使用 Element UI Plus <el-calendar>组件与时区处理
在 Vue 3 项目开发过程中,我们经常需要对 UI 组件进行定制以满足特定的业务需求。本篇技术博客将分享如何在 Vue 3 项目中使用 Element UI Plus 的组件来展示自定义内容,并实现页面跳转。同时,我们也会探讨如何处理时区问题,确保日期和时间的准确性。以下是使用组件并定制其内容的示
Vue3组件通信
在 Vue 中,组件之间的通信是实现复杂功能的关键。常见的方式包括:Props 和自定义事件:用于在父子组件之间传递数据,实现简单的双向通信。Mitt:轻量级事件总线,适合跨组件的双向通信,超越了父子关系的限制。v-model:简化双向数据绑定,使父子组件的数据同步更为便捷。$attrs 和 $re
一篇文章汇总前端ES6和JavaScript数组的所有方法
这是本人汇总的前端操作数组的所有方法,如有错误感谢指正!2.利用构造函数创建数组3.使用Set直接创建数组,创建的数组会自动去重,不会出现重复的元素(后面数组也有方法实现该效果)4.使用map创建数组,一个元素是键值对的数组或其他可迭代对象它的每个键值对都被添加到新的Map中二、数组的方法1.数组基
【如何有效解决前端Vue中的常见难题】
面对Vue项目中的性能优化、兼容性和安全性等难题,开发者需结合项目实际情况,采取合适的解决方案。通过代码分割、状态管理、服务端渲染等技术优化性能;利用PostCSS、Polyfill等工具解决兼容性问题;通过严格的输入验证、HTTPS传输等措施保障应用安全。同时,良好的团队协作和持续的技术学习也是解
一个提供强大数据展示能力的基于Vue的大屏可视化设计器,完全免费,代码开源
作为一个简单、免费、开源的大屏可视化设计器,为企业的数据展示和管理提供了强大的支持。它不仅简化了大屏设计和开发流程,还通过灵活的部署方式和丰富的功能组件,满足了不同场景下的需求。
前端:HTML、CSS、JS、Vue
本文主要介绍了HTML、CSS、JavaScript、Vue的基本语法和使用。供个人学习使用
Pinia 实战指南:轻松驾驭前端状态管理
这篇文章详细介绍了如何在 Vue 组件中使用 Pinia 状态管理库。使用 Pinia 与不使用 Pinia 时的组件通信方式相比,组件之间的通信更加简单和清晰不再需要通过事件总线或 prop 逐层传递数据,而是可以直接访问共享的状态这种模式可以让你的应用程序更加模块化和可维护。
前端入门超级攻略:你的第一步学习指南
由于前端技术的快速迭代性,国内的高校基本上不会去专门开设前端开发这一门课程,与之相对应的是大数据和软件工程,围绕python和java等生态和开发路线较为稳定的语言去开设课程,这就导致大部分学生在校对前端的了解局限于前端三剑客直到现在,还有不少学生到了大三以为学了三剑客就能找到实习,所以笔者总结了一
前端练习小项目 —— 养一只电子蜘蛛
前端练习小项目 —— 养一只电子蜘蛛
Vue实现文件预览和下载功能的前端上传组件
Vue实现文件预览和下载功能的前端上传组件
【前端实习】高德地图海量点渲染性能优化
记录了一下实习中实现30,000+设备的全国布局图的过程,并探讨了如何在高德地图上渲染海量点的性能优化方案。使用基于Zoom层级的懒加载策略,并通过sessionStorage减少重复请求,同时尝试分批请求和WebWorker优化。欢迎大家讨论并指出改进点。
后端加前端Echarts画图示例全流程(折线图,饼图,柱状图)
本文将带领读者通过一个完整的Echarts画图示例项目,演示如何结合后端技术(使用Spring Boot框架)和前端技术(使用Vue.js或React框架)来实现数据可视化。我们将实现折线图、饼图和柱状图三种常见的数据展示方式,通过具体的代码和步骤让读者掌握从零开始搭建项目到展示图表的全过程。
Vue 2 中组件详解
2.emit(事件)∗∗:emit是子组件向父组件传递消息的一种方式。在Vue中,组件是可复用的Vue实例,每个组件都可以拥有自己的模板、脚本和样式。在Vue 2中,我们可以使用Vue.component()方法来创建全局组件,也可以使用Vue实例中的components选项来注册局部组件。2.脚本