前端 购物车 按钮 数量
html前端页面多规格商品sku选择
<style> body { background-color: palegoldenrod; position: relative; } footer { border: 1px solid red; height: 50px; position: fixed; bottom: 0; left: ......
前端设计模式：单例模式（Singleton）
单例模式（Singleton Pattern），也称单体模式，就是全局（或某一作用域范围）唯一实例，大家共享、复用一个实例对象，也可减少内存开销。单例模式应该是最基础、也最常见的设计模式了。 ......
代码随想录算法训练营-贪心算法-4|406. 根据身高重建队列、452. 用最少数量的箭引爆气球
406. 根据身高重建队列 1. 一定要想如何确定一个维度，然后再按照另一个维度重新排列。 2. 先确定身高的维度，降序排列。 3. 按照身高排序之后，优先按身高高的people的k来插入，后序插入节点也不会影响前面已经插入的节点，最终按照k的规则完成了队列。 4. 局部最优：优先按身高高的peop ......
【前端性能】高性能滚动 scroll 及页面渲染优化
【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none ......
2-微信小程序和web前端的差异及模板与配置
上文学会了如何安装微信小程序的安装与注册，及微信小程序的使用，其实微信小程序和web前端也有异曲同工之妙 微信小程序和Web前端存在一些显著的区别和差异，这些差异主要体现在功能、性能、用户体验、开发成本和维护成本等方面。 一、相似点 语言基础：微信小程序和Web开发都使用JavaScript语言进行 ......
浅析微前端沙箱
前言 在大型项目中，微前端是一种常见的优化手段，本文就微前端中沙箱的机制及原理，作一下讲解。 首先什么是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ......
ES14新特性揭秘，对前端开发有哪些影响？
ECMAScript 2023也就是ES14已经发布3个月了，还有好多小伙伴没有关注到ES14有哪些变化，本文将为大家梳理下ES14最新规范新增功能：对数组的新增功能，对shebang的支持，对弱引用集合的符号键的扩展。这个版本的都是一些细微的改进，我们一起看看有哪些变更 目录 Array.prot ......
14 多选框和按钮
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学习单选框和多选框和按钮</title> </head> <body> <h1>选择框和按钮</h1> <form action="表格标签.html" met ......
【前端攻略】：玩转图片Base64编码
【前端攻略】：玩转图片Base64编码 引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们 ......
前端读取目录下所有指定文件
读取modules下文件示例: /** require.context： 1. 指定目录 2. 是否将匹配层级递归至子目录下 3. 匹配的文件 */ const modulesFiles = require.context("./modules", true, /\.js$/); const mod ......
TienChin 渠道管理-前端展示渠道信息
在编写 Vue 项目的时候我们可以使用 IDEA 当中提供的一个工具叫做 structure，也就是说可以很轻松的列举出当前 Vue 文件的大致结构，点那个就会跳转到对应的地方。 简简单单介绍一个编写Vue时的一个小技巧，那么接下来进入核心内容，展示渠道信息的开发。 在 api 文件夹模块当中新建一 ......
前端请求参数加密、.NET 后端解密
本文详细介绍了前端请求参数加密、.NET 后端解密，文章较长，请各位看官耐心看完。 目录一、前端使用“CryptoJS”，前端AES加密，.NET后端AES解密1.1、加密解密效果图1.2、CryptoJS介绍1.3、准备工作：安装“CryptoJS”1.3.1、使用npm进行安装1.3.2、Vis ......
查找结果数量不确定
问题1：根据E、F的条件返回对应C列的结果 函数公式解决： =INDEX(FILTER(C$2:C$8,(A$2:A$8=E2)*(B$2:B$8=F2)),COUNTIFS(E$2:E2,E2,F$2:F2,F2)) 问题2：根据E、F的条件返回对应C列的结果，要求结果列纵向排列。 分析：满足条件 ......
html怎么设置按钮返回顶部
在 HTML 中，我们可以通过一些代码和 CSS 样式来创建一个这样的按钮。 <button onclick="topFunction()" id="myBtn">返回顶部</button> <style> #myBtn { display: none; position: fixed; botto ......
页面中点击按钮需要新建轮播（需要新建多个），出现顺序错乱的问题
当页面中通过点击按钮切换轮播，即点击按钮需要new swiper，新建后，页面中swiper内容没有问题 但是，点击上一个下一个按钮，顺序会发生错乱 在new 之前需要使用destroy销毁 ......
关于jsp借助WebServlet注解跳转到对应的servlet，表示界面404，且注解在前端界面不被识别问题的解决
问题描述 我是属于那种习惯了使用其他框架之后，且，好久没有写过javaweb了，就忘记了jsp/html前端界面通过WebServlet注解跳转到servlet的方法，就这么一个破问题！！！ 坑了我一下午！！ 问题解决 起初我还以为是servlet-api的依赖没有导入进去，发现早就在pom.xml ......
【笔记】Windows 11 右上角关闭按钮过大解决方法
Win+R 唤起“运行”窗口，键入regedit运行注册表编辑器 进入计算机\HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics，找到键值CaptionHeight，调整为-330 备注：键值CaptionWidth可能也需要调整至-330 ......
Angular中台前端管理系统ng-matero快速上手教学
现有管理系统方案 我认为，Angular还在维护的中台前端框架，大多属于冷门型。热门的管理系统方案，我一直都是推荐Ant Design Pro的，毕竟一直在持续地维护更新。 我在做管理系统的时候，由于好奇Angular，索性就学习了Angular，因为之前都是用React写的，想换换框架体验体验，同 ......
前端生成二维码，qrcode使用说明，canvas查看大图
生成二维码 用于vue项目通过字符串转换生成二维码的三方插件 安装插件 npm install --save qrcode 引入使用 import QRCode from "qrcode" 页面 <!-- 放置二维码的容器--> <canvas :id="'qrCode_id' + stringxx ......
每日一练：无感刷新页面（附可运行的前后端源码，前端vue,后端node）
1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......
HarmonyOS应用侧与前端页面数据通道建立
一、 应用侧调用前端页面函数 应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。 ● 前端页面代码。 <!-- index.html --> <!DO ......
django—实现前端页面批量删除功能
views.py 代码: from django.shortcuts import render, redirect from .models import YourModel # 使用你实际的模型名称替换 def batch_delete(request): if request.method = ......
前端服务升级脚本
front1.sh 更新脚本 #!/bin/bash workdir=/root/data-ananlysis tag=$(date +%Y%m%d%H%M%S) echo $tag cd $workdir && rm -rf dist mv /tmp/dist . docker build -t ......
前端经常出现Script error. 如何定位，如何解决
Hello，大家好。今天我们来讲一下前端出现频率非常高的一种错误：Script error。 Script error.这个错误非常的高傲和神秘，为什么呢？因为它出现的时候，不会给你提供任何有关它的线索。正常我们写的前端代码报错的时候，浏览器通常抛出错误代码的行列号，以及它的堆栈代码，这样我们就可以 ......
前端布局神器：Flex布局
曾经的我们使用传统布局方式，我们深刻的体会着1px除不尽，三等分，居中，塌陷等等让我们升血压的问题。传统的布局方式：布局繁琐，需要使用大量的HTML和CSS代码来实现简单的布局。灵活性差，难以实现复杂的布局效果。难以维护，由于使用了大量的HTML和CSS代码，导致布局难以维护和修改。移动端适应性差， ......
前端
前端介绍 1、 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2、Ajax的出现，后台发送异步请求，Re ......
后端返回图片乱码，前端解决方法
后端返回的文件流格式 前端解决 axios({ url:"/api/Component/ins/downloadQr?codes=" + data.codeIdentification, method:"GET", headers:{ "Authorization": window.platToke ......