前端 购物车 按钮 数量
el-pagination在表格中用法（纯前端分页）
1、el-table <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" > ... </el-table> 2、el-pagination <div> <el-paginat ......
前端如何防止数据被异常篡改并且复原数据
每天，我们都在和各种文档打交道，PRD、技术方案、个人笔记等等等。 其实文档排版有很多学问，就像我，对排版有强迫症，见不得英文与中文之间不加空格。 所以，最近在做这么一个谷歌扩展插件 chrome-extension-text-formatting，通过谷歌扩展，快速将选中文本，格式化为符合 中文文 ......
微前端实战
微前端实战 什么是微前端 微前端是指存在于浏览器中的微服务，其借鉴了微服务的架构理念，将微服务的概念扩展到了前端。 如果对微服务的概念比较陌生的话，可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块，每个微前端模块可以由不同的团队进行管理，并可以自主选择框架，并且有自己的仓库，可以独立部署 ......
一键生成前端UI，公司90%项目UI都靠它搞定
今天看公众号，有大神分析了这样的一篇文章：一键生成前端UI，公司90%项目UI都靠它搞定 地址：https://mp.weixin.qq.com/s/UhmLwVeZ0jwZORur8XD2MQ ......
前端实现Excel导出【xlsx】【xlsx-js-style】
最终效果 场景 有的时候我们需要根据服务端返回的数据来导出excel表格 优化一：设置单元格样式 比如：可以调节背景色、字体样式、border xlsx基础库不提供样式设置，可以使用xlsx-js-style库，这个库是xlsx库的fork版本，并添加了样式定义 详细样式可以查看https://gi ......
07前端开发jQuery
作业讲解 """ 一定要明确手上的标签是什么对象 如果原生的js代码查找出来的对象 那么只能调用原生的js方法 如果原生的jQuery代码查找出来的对象 那么只能调用原生的jQuery方法 原生js与jQuery对象的关系 可以将jQuery对象看成是数组包了标签对象 原生js就是标签对象 eg：[ ......
前端常用设计模式
什么是设计模式？ 设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，设计模式并不是一种固定的公式，而是一种思想，是一种解决问题的思路；使用设计模式是为了可重用代码，让代码更容易被他人理解，保证代码可维护性。 设计模式不区分编程语言，设计模 ......
前端性能优化有哪些？
前端有哪些性能优化？前端性能优化分两部分1、加载性能优化2、渲染性能优化一、加载性能优化 本质： • 1、减少请求次数； • 2、减少请求资源的大小； • 3、网络优化； 1、 减少请求次数方式 1）图片资源 ○ CSS雪碧图：把一些常用、重复使用的小图合并成一张大图 ○ 图片懒加载： 利用css的 ......
前端实现文件的断点续传
早就听说过断点续传这种东西，前端也可以实现一下不过本文所说的断点续传并不一定是真的断点续传，只是一种实现方式，等到有业务需求再去验证能不能用这里的断点续传在前端的实现主要依赖着HTML5的新特性，所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收）， ......
后端返回pdf文件流，前端请求返回乱码文件流下载之后pdf文件空白
vue项目中遇到个问题：后端返回pdf文件流，前端请求返回乱码文件流下载之后pdf文件空白 解决办法： 在请求接口的时候设置responseType: "blob"。 axios.get(url,{ responseType: "blob",//这里一定要设置，否则返回的流是乱码，下载之后文件是空白 ......
Redis 用Hash实现简单购物车
先看 Hash 存储结构： 简单画一个购物车 问题引入： 不同的用户的购物车是各用各的； 一个购物车有多个商品； 一个商品有购买数量； 得出： 用户id 作为 key ； 用户所买商品的编号 作为 field ； 对应购买数量 作为 value ； file 和 value 作为 key 对应的 ......
前端开发解决方案
Arco Design - 企业级产品的完整设计和开发解决方案 ArcoDesign 是一套设计系统的简称。 ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题，同时它能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。 A ......
基础课-前端CSS
CSS基础语法 CSS的作用：让前端界面美化 CSS代码的编写位置：1.嵌入编写：CSS代码可以嵌入中HTML一个特殊标记style里，style标记必须是head的子标记 2.外部编写：CSS代码单独编写在后缀是.css文件中，如果某个HTML需要使用CSS代码文件中的样式，就需要使用link标记 ......
前端处理大文件/视频分片上传，断点续传
1、html部分，项目使用的是ant-design-vue组件库；spark-md5进行加密上传 2、使用变量：（通过上传成功的分片数与总分片数对比判断上传是否完成） 3、主要方法： 1、 查询当前文件是否上传 2、获取文件的MD5编码 // 获取文件的MD5编码 computedSliceMd5 ......
python3-TK实现一个可视化界面，选中文件夹可以计算文件夹下文件的数量
借助Python3中Tkinter库，实现一个可视化的界面，通过界面选择文件夹，可以计算文件夹下文件的数量，嵌套文件夹的情况依旧可以计算。import os import tkinter as tk from tkinter import filedialog def count_files_in_ ......
bitsdojo_window自定义导航以及关闭按钮
1、Windows里面的配置 在应用程序文件夹中，转到windows\runner\main.cpp，并在文件开头添加以下两行： #include <bitsdojo_window_windows/bitsdojo_window_plugin.h> auto bdw = bitsdojo_windo ......
项目中难点-页面点击“取消”按钮实现无感刷新--reload
1、在App.vue页面中注册provide中定义reload provide(){ return { reload:this.reload } } 2、在App.vue页面中的methods中定义方法reload目的通过控制router-view的显示与隐藏进行重新加载页面，实现无感刷新。 rel ......
elementUI确认消息弹框区分取消和关闭按钮
预期效果： 说明：默认情况下，elementUI的确认消息弹框中取消按钮和右上角关闭按钮，走的是同一个方法，也就是catch方法的回调，如果项目中有区分，默认的是无法支持的。所以要重新配置一下，话不多说，上代码： //res.msg表示提示信息内容 this.$confirm(res.msg, '提 ......
助教工作10月总结（前端开发技术）
一、助教工作的具体职责和任务作为前端这门课程的助教主要的职责是辅助老师完成在课外的一些教学任务例如 1、课下的疑难解答 ：课下辅导中，我通过QQ私聊等方式与学生进行沟通，并帮助他们解决在学习过程中遇到的困惑和问题。我会提供适当的指导和建议，引导学生找到解决问题的方法和思路。 2、课外资源的推荐 ：由 ......
在ASP.NET MVC框架中，如何处理多个提交按钮？
内容来自 DOC https://q.houxu6.top/?s=在ASP.NET MVC框架中，如何处理多个提交按钮？ 在ASP.NET Framework Beta中，有几种方法可以处理同一表单中的多个提交按钮。 一种方法是使用一个隐藏字段来区分不同的提交按钮。例如： <% Html.Begin ......
vue 2 升级vue3 前端老白
vue 2 升级vue3 前端老白 原文链接：Vue 3已经发布，而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤，让您在升级中无后顾之忧。首先，我们需要升级Vue CLI到4.x。在升级前，我们需要备份项目代码，以防出现意外情况。接着，我们需要在命令行中 ......
Axure——按钮交互：打开链接&关闭窗口
（1）打开链接——在当前窗口打开链接 1.选中按钮元件——单击【新建交互】——选择【单击时】——选择【打开链接】——【链接到外部URL】并输入对应的网址，如www.baidu.com——点击【确定】 我们按F5预览一下效果：点击按钮，在当前窗口打开百度页面 （2）打开链接——在新窗口打开链接 1.选 ......
若依前端项目理解&官方文档学习
若依前端项目理解&官方文档学习：https://blog.csdn.net/u010657801/article/details/129441209?ops_request_misc=&request_id=&biz_id=102&utm_term=%E8%AF%BA%E4%BE%9D%20%20f ......
微前端无界机制浅析
随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。为了能够将前端模块解耦，通过相关技术调研，最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架，我们对其运行机制进... ......
基础课-前端
前端技术的实际意义 前端就是软件中的图形界面页面 软件通过前端界面：1.获得用户的输入数据 2.展示数据给用户 前端开发需要掌握的三项技术（语言）： 1.HTML 超文本标记语言 2.CSS 层叠样式表语言 3.Java Script（JS） 动态脚本语言 HTML基本语法 HTML代码需要编写在后 ......
06前端开发jQuery
DOM操作标签 ''' 在起变量名的时候 如果该变量指向的是一个标签 那么建议使用 xxxEle eg:aEle\pEle\divEle\spanEle ''' # 动态创建一个a标签并添加到页面指定位置 var aEle = document.createElement('a') # 创建a标签 ......
前端的路由如何实现跳转?
下面的路由配置- 访问路径为: http://localhost:9999/#/ok/productData/tpProductData js配置路由跳转const tpRouter = { path: '/ok', component: Layout, name: 'ok', meta: {}, ......
极致性能优化：前端SSR渲染利器Qwik.js
引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互，而前端框架的选择对于实现这些目标至关重要。然而，传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下，我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架，更是一种前端 ......
前端开发笔记[5]-rust的webassembly
摘要 基于rust开发webassembly入门,通过rust实现在网页中弹出警告框. rust的webassembly开发方式 https://zhuanlan.zhihu.com/p/104299612 入门 Rust 开发 WebAssembly Rust 编译为WebAssembly 在前端 ......