前端 购物车 按钮 数量
Vue 3.0开发的开源前端项目
文章来源：https://zhuanlan.zhihu.com/p/587627578 1，PPTist PPTist 是一个基于Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 开发的在线演示文稿（幻灯片）应用，还原了大部分 Office ......
12-web前端轮播图案例 （小米商城）
说明： 轮播图在前端开发中是一种常见的元素，通常用于展示一系列的图片或者内容，并通过滑动或者点击的方式进行切换。使用JavaScript来实现轮播图有以下几个意义： 提升用户体验：轮播图可以在有限的空间内展示更多的内容，为用户提供更多的信息。同时，轮播图也具有较好的视觉效果，可以吸引用户的注意力。 ......
ThingsBoard 前端项目背景图片部件开发
ThingsBoard 是目前 Github 上最流行的开源物联网平台，本文介绍如何在 ThingsBoard 前端项目中开发背景图片部件。 ......
整洁架构在前端的设计思想与应用实践
随着业务的发展，前端项目承载了越来越多的职责，也越来越复杂，简单通过 cli 生成的框架结构越来越无法满足。
面对前端项目复杂度的不断提升，我们开始思考前端的架构组织方式怎么才更合理？应该如何设计良好的前端架构？行业是否有比较好的优秀实践？
本文先从架构基本概念开始介绍，然后介绍整洁架构的概念和设计... ......
Kafka 集群副本数量调整
Kafka 创建时未指定多个副本或者副本数量过少，都可以在后期手动添加，另外如果副本过多也可以减少，当前调整基于 Kafka 的版本是 2.5.1，但是估计 2.1 ~ 2.5 应该都是兼容的。 下面先来操作一下 Topic 副本减少的过程，首先查看 Kafka Topic 的详情： # 新版本的 ......
前端a标签下载文件
问题描述： 后端直接返回牵牛的文件储存地址，前端想自定义下载文件的名称不成功 解决办法：转为get 请求，将返回值改为blod格式 /** * 用于 后端直接返回url 牵牛下载地址 并且需要自定义下面文件名称 * @param {请求参数} data {url,fileName} */ var d ......
记录--前端实现并发请求限制
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 前两天我的新同事告诉我一个困扰着他的问题，就是低代码平台中存在很多模块，这些模块的渲染是由模块自身处理的，简言之就是组件请求了自己的数据，一个两个模块还好，要是一次请求了几十个模块，就会出现请求阻塞的问题，而且模块的请求都特别大。 ......
代码层面探索前端性能
最近在做性能优化，具体优化手段，网上铺天盖地，这里就不重复了。性能优化可分为以下几个维度：代码层面、构建层面、网络层面。本文主要是从代码层面探索前端性能，主要分为以下 4 个小节。使用 CSS 替代 JS、深度剖析 JS、前端算法、计算机底层 ......
前端组件通信工具-自定义Bus
前端组件通信工具-自定义Bus 在utils添加Bus // 先定义一个类型，emit作为发布(传递)，on作为订阅(接收) // name是事件名称，callback是一个回调函数 type BusClass = { emit:(name:string) => void on:(name:stri ......
全栈工程师必须要掌握的前端JavaScript技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
前端显示数据库中的换行文本：HTML和CSS解决方案
在项目中经常会出现要显示数据库中的大段文本内容，如说明或备注等信息，当其中存储有换行符的时候，前端通常会忽略这个换行，直接在一行显示，那么怎么解决呢？ 解决方案一：使用HTML <br> 标签 HTML的<br>标签是一种简单而直观的方法，它可以将文本中的换行符正确地呈现在浏览器中。 示例代码： < ......
国标GB28181安防视频平台EasyGBS视频监控系统前端存储与中心存储
在EasyGBS视频监控系统中，前端存储通常采用高性能的NVR（网络视频录像机）或NAS（网络附加存储）设备来实现。这些设备具有高容量、高速度和稳定性的特点，能够支持多路高清视频流的同时传输和存储，确保系统在处理大量视频数据时仍能保持流畅运行。 1.前端存储 前端存储是指视频信息存于视频服务器或网络 ......
Java中的线程池的线程数量如何确定？
可能很多人都看到过一个线程数设置的理论： CPU 密集型的程序 - 核心数 + 1 I/O 密集型的程序 - 核心数 * 2 不会吧，不会吧，真的有人按照这个理论规划线程数？ 线程数和 CPU 利用率的小测试 抛开一些操作系统，计算机原理不谈，说一个基本的理论（不用纠结是否严谨，只为好理解）：一个 ......
【问题记录】基于VINS前端构建VO的过程
【1】图片先去畸变再追踪可以平滑轨迹 【2】opencv封装好的solvePNP精度不够，通过G2O优化计算结果更为准确，且必须多轮迭代通过卡方剔除大误差点 【3】通过增大特征点的最小间距，保证特征点提取的均匀性 【4】setMask函数会对vector进行重新排序 ......
有人说前端已死？请不要再制造焦虑
前言 最近，在知乎上看到一个热门帖子，标题是“站在2023年，如何看待「前端已死」的观点？” 这个话题引发了广泛的讨论，也引发了一些关于“前端已死”的担忧。然而，对于这个问题，作为一个从业10余年的老鸟看来，我们需要进行全面、理性的分析，而不是陷入过度悲观的情绪。 先说结论 尽管过去两年前端行业经历 ......
前端高频面试题汇总正题+(附答案解析)
正题 1、 1 var length = 1; 2 function fn() { 3 console.log(this.length); 4 } 5 var obj = { 6 length: 100, 7 action: function (callback) { 8 callback(); 9 ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(四)---连接idea使用echarts可视化界面
说来惭愧，我的javaweb烂得一批，其他步骤我还是很顺利地，这个最简单的，我遇到了一系列问题。只能说，有时候失败也是一种成功吧 这一步其实就是正常的jdbc，没什么可说明的，但是关于使用echarts我还是遇到了一些困难，如果有高手能指正一二，感激不尽 echarts获取前端数据要使用Ajax，我 ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(三)---hive数据利用sqoop导出到mysql数据库里
1、安装sqoop 我的版本 jdk1.8 hadoop3.1.3 sqoop1.4.6 基本上就安装这个版本都没问题，如果是执行连接数据库命令时报错：java.lang.NoClassDefFoundError;报错，在lib下再放一个commons-lang-2.6.jar即可， sqoop安装 ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(二)---hive部分的实现
1、利用远程连接器上传csv文件 2、进入hive创建表结构： 创建一个Hive表的SQL语句：这个表名为 "sales"，包含了五个列：day_id、sale_nbr、buy_nbr、cnt 和 round。此表的数据格式为逗号分隔的文本文件，每一行都用逗号分隔字段。 create table s ......
Vue-前端化工程入门，第一个vue-cli程序
第一个vue-cli程序的准备工作 什么是vue-cli？ vue-cli是官方提供的一个脚手架工具，用于快速生成一个vue项目模板。 预先定义好的目录结构和代码，就好比咱们在创建maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，有利于我们更加快速的开发。 环境准备（所涉及到的命令都 ......
伊莱克斯(Electrolux)的烯气灶不行呀，才几个月点火按钮就掉漆了。
伊莱克斯的烯气灶不行呀，才几个月点火按钮就掉漆了。 2023-07-15才搬家过来使用， 2023-09-23就成这个样子了。 具体型号：JZT-EHN211ES ......
前端的一些布局技巧
一、当前页面无拖动的滑轮 这个只需要设置占据整个页面容器的高为100vh，页面的body的margin为0就行了 body{ margin: 0; } .最大容器类名{ height: 100vh; } 二、flex布局 display:flex就是将盒子设置成一个弹性盒子，弹性布局属性，还可以赋值 ......
springboot 接收前端数组
前端：(黄色内容为必选项！！！) axios({ url: "/access/getArr", method: "post", data: JSON.stringify([1,2,3,4]), headers: { "Content-Type": "application/json", }, }); ......
微软最热门的10款前端开源项目！
本文来盘点微软开源的十大前端项目，这些项目在 Github 上获得了超过 45 万 Star！ Visual Studio Code Visual Studio Code 是一款由微软开发的开源的代码编辑器。它支持多种编程语言，如C、C++、C#、Python、JavaScript 和 TypeSc ......
C++ 公司数量 正解
题目描述 在某个城市里住着 n 个人，现在给定关于 n 个人的 m 条信息（即某 2 个人认识），假设所有认识（直接或间接认识都算认识）的人一定属于同一个公司。 若是某两人不在给出的信息里，那么他们不认识，属于两个不同的公司。 已知人的编号从 1 至 n。 请计算该城市最多有多少公司。 输入 第一行 ......
前端安装pnpm 包报错
安装pnpm 包管理器 全局安装 npm install pnpm -g 设置源 pnpm config get registry // 查看源 pnpm config set registry http://registry.npm.taobao.org // 切换淘宝源 使用： pnpm ins ......
前端 数学计算 big.js 使用
解决0.1 + 0.2 不等于 0.3的问题 解决方法 方法一，同时扩大倍数再除以相同的倍数 0.1 +0.2 // 0.30000000000000004 (0.1 *10 + 0.2 *10) / 10 // 0.3 方法二，第三方库 bignumber.js math.js big.js bi ......
Qt实现在项目同级文件夹新建保存数据的文件夹,通过按钮新建文件
新建文件夹 需要的头文件 #include <QFile> #include <QTextStream> #include <QDir> 通过一个函数来判断是否存在指定的文件夹，如果存在则跳过，否则创建文件夹。 bool Widget::isExists() { QString folderName ......
springboot数据传到前端在echarts中显示
后端正常返回查询所有的信息 前端使用echarts.min.js和jquery.min.js进行使用 ajax使用： $(document).ready(function() { $.ajax({ url: 'http://localhost:7070/selectHang', //你的url me ......
前端上传大文件处理（切片、断点续传）
思路1.对文件做切片,即将一个请求拆分成多个请求，每个请求的时间就会缩短，且如果某个请求失败，只需要重新发送这一次请求即可，无需从头开始2.通知服务器合并切片,在上传完切片后,前端通知服务器做合并切片操作3.控制多个请求的并发量,防止多个请求同时发送,造成浏览器内存溢出,导致页面卡死4.做断点续传, ......