前端开发-工具盒子

探索 Vue3.x 时代的后台管理系统模板库: vue-next-admin

2024-09-11 厉飞雨阅读(8) 评论(0) 赞(0)

一、引言在快速迭代的前端技术栈中，Vue.js 作为一款轻量级的渐进式JavaScript框架，自其发布以来便受到了广大开发者的青睐。随着 Vue 3.x 的发布，带来了 Composition API、更好的 TypeScript 支持以及更高效的打包工具 Vite，前端开发再次迎来了新的变革。在此背景下，vue-next-admin 作为一款基于 Vue 3.x、Type

HiPrint 免费、简单、快速的JS打印插件，快速分页预览、打印、转pdf。

2024-09-11 厉飞雨阅读(5) 评论(0) 赞(0)

http://hiprint.io/ 介绍 hiprint 是一个 web 打印的js组件，无需安装软件。支持windows,macOS,linux 系统，支持移动端，PC端浏览器，angular,vue,react 等分页预览，打印，操作简单，运行快速。预览界面为css+html 。支持数据分组，批量预览。生成pdf,图片更方便。 hiprint/ ├── css/ │

看完这一篇，再也不用为【前端性能优化】发愁了！

2024-09-11 厉飞雨阅读(4) 评论(0) 赞(0)

Hello，大家好，我是 Sunday。前端性能优化是一个老生常谈且经久不衰的话题，在现在招聘市场竞争逐渐加剧的环境下，性能优化这样一个相对复杂并考验实际工作能力的问题，就成了面试的核心。所以，为了解决很多同学对性能优化不熟悉的问题，我专门录制了两个小时

换电电池站点运营数据可视化 vue3 数据可视化大屏

2024-09-11 厉飞雨阅读(5) 评论(0) 赞(0)

vue3 数据可视化大屏换电电池站点运营数据可视化 id 175 开发环境 nodejs 16 开发环境 vue3+vite+js 分辨率 1920*1080 效果截图动画效果项目模块 1.电池数量统计饼状图展示电池数量统计 2.用户数量统计卡片数字展示用户数量统计用户总数,集团用户,个人用户,本月新增用户 3.站点数量统计数字卡片展示站点数量 4.累

助力性能优化：100个CSS优化技巧分享！

2024-09-08 厉飞雨阅读(14) 评论(0) 赞(0)

Hello，大家好，我是 Sunday。当各种框架以及复杂的 JS 知识开始充斥着我们的工作环境时。谁还能够记得，以 CSS 来构建更加良好的用户体验，也是前端的一个重要组成部分。所以说，今天咱们就来看看 css 的优化方案-终极合集。一

使用jQuery获取Radio Button的值

2024-09-07 厉飞雨阅读(22) 评论(0) 赞(0)

一、为什么需要获取Radio Button的值在网页开发中，Radio Button是一种常用的表单控件，它通常用于让用户选择一项或多项选项。但在开发中，我们可能需要获取用户所选的选项，以便后续进行相关操作。举个例子，比如我们开发了一个调查问卷，其中某个问题的选项是单选的Radio Button，当用户选择完成并点击提交按钮后，我们需要获取这个问题的选项值，以便后续进行相关

深入了解jQuery的children方法

2024-09-07 厉飞雨阅读(22) 评论(0) 赞(0)

jQuery是一种简化HTML文档遍历和操作、事件处理、动画和AJAX等常见任务的JavaScript库，而children()方法是其中之一。它是一个非常实用的方法，可以让我们在DOM树中轻松找到特定元素的子元素，并进行进一步操作。在本文中，我们将从多个方面深入了解jQuery的children()方法。一、选择器语法 $('parentSelector')...

用jQuery编写简单的动画效果

2024-09-07 厉飞雨阅读(19) 评论(0) 赞(0)

jQuery是一种基于JavaScript库的快速、小型而且特别丰富的JavaScript库。它极大地简化了HTML文档遍历和操作、事件处理、动画效果和AJAX交互等功能。jQuery中的各种动画函数可以让我们轻松地为网页添加各种各样的动画效果，同时让网页更加生动和有趣。本文将通过一些简单的代码示例，来介绍如何使用jQuery编写简单的动画效果。一、选择器选取在jQuery

使用Ajax进行动态数据交互的关键技术

2024-09-06 厉飞雨阅读(17) 评论(0) 赞(0)

随着Web应用程序功能的不断丰富，前端页面对数据的需求越来越大，但是每次请求都要对整个页面进行刷新显然效率很低。而使用Ajax（Asynchronous JavaScript And XML）技术可以通过异步加载的方式，实现在不刷新整个页面的前提下进行数据的交互。一、选择合适的请求方式在使用Ajax进行数据交互时，我们需要选择合适的请求方式。对于数据读取操作，我们应该使用G