前端 购物车 按钮 数量
http 前端5种请求优化方法
1、减少请求数量：可以通过将多个资源（例如 JavaScript、CSS、图像等）合并为单个文件，从而减少 HTTP 请求的数量。另外，使用 CDN（内容分发网络）也可以减少跨地 域的请求延迟。 2、缓存请求结果：对于一些不会频繁更新的资源，可以将它们缓存在客户端或服务器端，从而减少请求的次数和响应 ......
前端跨域解决方案——JSONP
JSONP（JSON with Padding）是一种跨域请求的解决方案，它允许在不受同源策略限制的情况下从一个域中向另一个域中请求数据。 JSONP的基本原理是利用 <script> 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。 在使用JSONP时，需要在客户端创建一个 script ......
3.通用权限系统-角色管理前端
硅谷通用权限系统：角色管理前端 一、前端框架 1、vue-element-admin vue-element-admin是基于Vue和Element-ui 的一套后台管理系统集成方案。 **功能：**https://panjiachen.github.io/vue-element-admin-sit ......
2.通用权限系统-前端基础知识
硅谷通用权限系统：前端基础知识 一、前端开发和前端开发工具 1、前端开发介绍 前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要。 最初所有的开发工作都是由后端工程 ......
6-2.通用权限系统-权限管理-前端权限对接
硅谷通用权限系统：前端权限对接 一、菜单权限及按钮权限 按照下面步骤即可完成前端框架权限对接 1、修改request.js文件 2、store/modules/user.js 新增菜单及按钮处理 const getDefaultState = () => { return { token: getT ......
前端封装 IndexedDB 存储和使用gltf模型文件的方法，以重复使用代码
以下是一个简单的封装IndexedDB存储和使用gltf模型文件的方法，可以重复使用代码： function saveModelToIndexedDB(modelName, modelData) { return new Promise((resolve, reject) => { const re ......
前端面试题总结
1 递归 是什么? 递归确定只是函数自调用吗? 如果非得要用递归渲染一个菜单, 你要怎么做. 说具体的步骤. 说核心. //第n项的和 sum(n) = sum(n-1)+n 终止条件n=1 function sum(n){ if(n==1) return 1 return sum(n-1) + n ......
前端（七）
前端(七) jQuery 属性操作 # 属性操作就是给标签增加删除之类的 # js中如果是自带属性就是点语法不是自带属性就是div.setAttritube('k','v') JQuery： 1. attr(attrName); # 获取匹配到的属性 2. attr(attrName, value) ......
vue3微信公众号商城项目实战系列（9）购物车页面
本篇显示购物车中的商品，购物车表结构如下，我们通过接口服务抓取登录用户的购物车信息。 表名 字段 功能 shoppingcart cart_id (int) 购物车编号 user_id (int) 用户编号 goods_id (int) 商品编号 goods_name (varchar) 商品名称 ......
前端奇遇收集
1. jeecgboot-vue3的表格组件，使用的ant-design-vue的2.x版本的组件，其字典字段，页面首次加载，当字段在可视范围内，可正常显示，超出可视范围，即需要横向滚动条拉动，则不能正常显示字段 2. uniap的onShow周期，选择图片，在chrome的手机模拟器中不会触发on ......
漫谈前端自动化测试演进之路及测试工具分析
随着前端技术的不断发展和应用程序的日益复杂，前端自动化测试也在不断演进。随着 Web 应用程序变得越来越复杂，自动化测试的需求也越来越高。如今，自动化测试已经成为 Web 应用程序开发过程中不可或缺的一部分，它们可以帮助开发人员更快地发现和修复错误，提高应用程序的性能和可靠性。 ......
前端基础之JavaScript
前端基础之JavaScript JavaScript和Java没有半毛钱关系，由于当时的Java热度很热，蹭一下热度。 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布26 ......
web前端
工程认知——Web前端 Week1 一、课程概要、要求和学习方法 概要：本课程将系统地学习现代软件前端开发的实用技术，在前端技术中属于中级实用技术范畴。课程包含前端三大部分 HTML5、CSS3、JavaScript、前端框架和后端框架，循序渐进地将每一部分的实用技术结合讲解、演示，最后交予学生不断 ......
自定义Mybatis-plus插件(限制最大查询数量)
自定义Mybatis-plus插件(限制最大查询数量) 需求背景 一次查询如果结果返回太多（1万或更多），往往会导致系统性能下降，有时更会内存不足，影响系统稳定性，故需要做限制。 解决思路 1.经分析最后决定，应限制一次查询返回的最大结果数量不应该超出1万，对于一次返回结果大于限制的时候应该抛出 ......
layui学习2（按钮、导航、选项卡）
1.按钮 <button type="button" class="layui-btn">一个标准的按钮</button> <a href="http://www.ilayuis.com" class="layui-btn">一个可跳转的按钮</a> <div class="layui-btn">d ......
前端（六）
前端（六） 事件 // 用的地方非常多，需要掌握，但是不需要全部掌握。事件就是达到某个触发条件，自动触发的动作 常用事件： 1. onclick 当用户点击某个对象时调用的事件句柄。 2. onfocus 元素获得焦点。 3. onblur 元素失去焦点。 4. onchange 域的内容被改变。 ......
打印pdf 前端请求数据并打印pdf文件
1、参考 vue接收后端传来的pdf文件流，前端调用预览PDF 2、原理 3、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>pdf</title> </head> <div> <input style ......
比较几种热门Hybrid App前端框架
作为一种既能够在原生应用程序环境中运行，也能够在 Web 浏览器中运行的应用程序，Hybrid App 主要使用 Web 技术进行开发，如 HTML、CSS 和JavaScript，并使用一个中间层将其封装在原生应用程序中。随着技术的持续推进，Hybrid App 相关的前端框架也应运而生。今天就来 ......
2023年如何成为一名优秀的大前端Leader？
面对产品经理的请求，优秀的前端Leader要学会适当的拒绝，学会说No。并不是做的越多越好，而是让团队做的少价值高才好。这背后其实是当下互联网技术发展到一定阶段，出现了专业壁垒的问题。需要更加了解业务的专业人士来制定方案。低代码的出现，让业务人员参与软件开发成为可能，使软件设计更加标准化，符合需求，... ......
前端（四）
前端（四） 浮动 # 标签一浮动，就不分块标签和行内标签 div{ /*float: left;*/ # 往左浮 float: right; # 往右 } 浮动带来的影响 # 父标签塌陷 # 在块级标签内的浮动可能会导致父标签塌陷，解决方式可以用以下： #d2{ clear: left; /*在父块 ......
菜单、购物车逻辑
菜单逻辑 菜单方法1 dic = { "北京":{ "北京1":1, "北京2":2, "北京3":3 }, "上海":{ "上海1":1, "上海2":2, "上海3":3 }, "广州":{ "广州1":1, "广州2":2, "广州3":3 }, "深圳":{ "深圳1":1, "深圳2":2 ......
前端沙箱利用这些特性实现代码的隔离与限制
随着 Web 技术的不断发展，前端沙箱也在不断的演进和发展。未来，前端沙箱将更加智能化和自适应，可以根据代码的特征和行为动态调整运行环境，从而提高运行效率和安全性。 ......
若依前端后端分离 代码生成修改(1)
模板引擎修改 2023年3月7日 9:26 主要配置参数的引用和定义 表字段 .vm模板: 参数名 使用位置(.vm模板文件中) 前端表单表头 默认值来源 db表: gen_table packageName package ${packageName}.controller; 生成包路径 配置文件 ......
EasyUI Linkbutton 链接按钮/easyui的学习网站
https://www.jeasyui.net/plugins/187.html 关于easyui的学习，可以在这个网站：https://www.jeasyui.net/ 链接按钮（linkbutton）用于创建一个超链接按钮。它是一个正常的 <a> 标记的表示。它可显示图标和文本，或者仅仅显示图标 ......
浅谈两种前端截图方式：Canvas截图 vs SVG截图
背景 如今很多网站都引入截图功能，可用于问题反馈、内容分享等实用需求，而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式，虽然有些局限，但是也能应付大部分项目需求。 Canvas截图：html2canvas SVG截图：rasterizehtml 原理 首先来谈下两种前端截图方式的原理， ......
字节前端第一讲
第一点是关于信息是如何传到其他的地方： 视频中是用蟹煲皇帝国来进行说明：一旦多个地方都需要信息的共享，所以就需要转发表格来进行一个消息的交换，而这就是通信线路。 我们试想如果有太多了用户。如果还是单一的简单的交互，没有其他的操作，那么会使得时间很慢，因为要传送信息的地方间距很长，那么就会很费时间，我 ......
FinClip 与 uniapp：轻应用平台与前端开发框架
原文地址 juejin.cn FinClip 背后的产品经理发现很多开发者或业务部门的朋友，在刚了解到FinClip的时候，都会好奇FinClip能解决怎样的问题，也会经常将 FinClip 与 uni-app 进行对比考虑二者的区别与优劣势。 因此在本文中，FinClip的产品经理会和我们深入地探 ......
记一次公众号商城服务1分钱购物漏洞
前言 支付漏洞是一个攻击者可以通过利用漏洞，窃取用户支付信息或篡改订单，从而获得非法利益。这些漏洞可能源自支付系统的设计缺陷、开发过程中的疏忽、系统配置不当、网络攻击等多种原因。因此，支付漏洞的存在会给用户和商家带来严重的经济损失和信任崩溃。为了保障支付安全，企业需要不断加强对支付系统的监控、修复漏 ......