前端 购物车 按钮 数量
直播app开发搭建，web前端JS中的继承方式
直播app开发搭建，web前端JS中的继承方式 ES5 //ES5中的写法一 function Phone(color){ this.color = color; this.show = function(){ console.log("你喜欢看的颜色是:"+this.color); } } fun ......
前端面试题（一）
前端面试题汇总 VUE面试题 1、v-show 和 v-if的区别，v-show 和 keep-alive 的区别 答案：v-show是 CSS display 控制显示和隐藏 v-if 是组件真正的渲染和销毁，而不是显示和隐藏 频繁切换显示状态用 v-show，否则用 v-if keep-aliv ......
前端codeReview规范指南
博主的写的：https://www.cnblogs.com/mrwh/p/17462559.html 一、前言针对目录结构、CSS规范、JavaScript规范、Vue规范可参照官方给出的 风格指南：https://v2.cn.vuejs.org/v2/style-guide/index.html这 ......
前端 & 设计师常用图标资源库
# 1. Iconfont * 阿里倾力打造的矢量图标管理、交流平台，设计师将图标上传到 iconfont 平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。 * 地址：Iconfont  这里主要总结业务开发中常遇到的代码问题和实践，帮助大家后续各自做好codeReview，一些 ......
淘宝母婴购物数据可视化分析
数据来源于阿里天池： 淘宝母婴购物数据可视化分析_学习赛_赛题与数据_天池大赛-阿里云天池 (aliyun.com) Ali_Mum_Baby数据集包含脱敏后抽样淘宝母婴购物数据，由淘宝网提供。 本次可视化分析的目的是对用户行为数据进行分析，使用Python、Numpy、Pandas和Matplot ......
前端大文件分片上传/多线程上传
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步： 前端修改 由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify ......
前端数据传输加密_解密方式
1. 首先安装 crypto-js插件，安装命令： npm install crypto-js -S -S等同于--save，保存在package.json文件中，是在dependencies 下，--save安装包信息将加入到dependencies（生产环境）中，生产阶段的依赖，也就是项目运行时 ......
前端八股文everybody准备好了没
前端八股文可以帮助everybody更好地准备前端的一些面试，了解面试官可能会问到的问题，并且提前准备好答案。当然这不是唯一的也不是肯定的，还是需要大家自身好好理解所学的知识。 ......
原生实现按钮点击涟漪效果
### 效果  ### 实现 #### 思路 - 一个按钮，点击实现涟漪效果； - 按钮有底色，他的涟漪效果需要一个在它上面的蒙版实 ......
android应用启动的时候添加图片,并设置跳过按钮
要在显示图片时添加跳过按钮，可以使用 Android SDK 提供的 splashscreen 资源文件，并在布局文件中使用。 以下是添加跳过按钮的一般步骤: 1. 在 AndroidManifest.xml 文件中的应用程序标签中添加以下行: android:splashScreen="res/d ......
VUE+elementUI前端导出解决方案，截断，清晰度，页边距，页眉页脚，富文本都处理了
pdfLoader.js /* * @Description: html转pdf 新版解决方案 * @Author: jeseven/wwl * @Date: 2023-05-23 10:03:57 * @LastEditTime: 2023-05-23 10:23:22 * @LastEditor ......
在前端中函数柯里化的妙用~
前言： 在使用它之前我们需要先了解什么是柯里化？ 所谓的柯里化不过就是将多个固定的参数生成一个新动态的调用函数，这句话看起来有点绕！但是我们理解清楚后就不会有这种感觉~ 在某些场景中我的执行函数是固定参数才会执行的，但是这些参数取数又不是一次性的时候你会怎么处理？ 我们一个函数有七八个函数，但是我们 ......
前端实现导出功能
主要是利用XML文件和Excel文件之间可以互相转换，因此可以将XML数据从web服务中导出到Excel中 下面是实现代码和注释(因为一般导出都是导出table的数据，所以直接整table)： ``` function tableToExcel(titleList = [], dataSource ......
前端彩色背景
div { background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); background-size: 1000% 100%; animation: smooth-transiti ......
Vue购物车展示功能
### 1.基本购物车 ```html 购物车 商品id 商品名 商品价格 商品数量 操作 {{good.id}} {{good.name}} {{good.price}} {{good.number}} 选中了：{{checkGroup}} 总价格：{{getPrice()}} 选中了checkb ......
Vue——表单控制、购物车案例、v-model进阶、与后端交互三种方式、箭头函数
## 表单控制 ```html // 1 checkbox 单选 多选 // 2 radio 单选 checkbox单选 用户名: 密码: 记住密码: 用户名：{{username}} >密码：{{password}} >记住密码：{{remember}} checkbox多选 用户名: 密码: 记 ......
表单控制，购物车案例，v-model进阶，与后端交互的三种方式
# 1 表单控制 ```python # 1 checkebox: -单选 -多选 # 2 radio -单选 ``` ```html Title checkbox单选 用户名: --> 密码: --> 记住密码: --> --> checkbox多选 用户名: --> 密码: --> 记住密码: ......
前端遗忘知识点
# JS 1.基本数据类型 number string boolean undefind null bigint symbol 2.交互 alert confirm确认 prompt带输入的确认 3.Object.assign(a,b,c)进行合并将a，b，c中的同名属性进行合并 4.计算属性名 可 ......
前端实现导出word文档docx格式
## 说明 前端实现导出word文档，我们需要用到docxtemplater这个库 使用的是vue2.6和vue-cli5 还需要准备一个word模板，更多模板变量请去[docxtemplater官网获取](https://docxtemplater.com/demo/ "docxtemplater ......
druid活跃线程数量持续增长问题
## 1、问题现象 前一阵子，在一个老项目里面加了一个接口，分页查询数据库里面的记录，用于前端展示。 （嗯，先别急，我要说的不是分页查询的性能导致的问题。） 需求很easy，三两下就搞定了，结果上线后过不了多久就收到告警druid活跃线程数量超过90%。  # 1.若依前后端分离页面改变title 修改浏览器title和icon图标 在项目==public==文件夹中有==index.html==文件 配置spring ......
Element-Ui 根据开关按钮状态选择多选框某一行禁用和按钮禁用
# 1、实现效果  # 2、按钮状态改变 ```vue 修改 删除 ``` ![](https://img2023. ......
2021-08-12--Web前端性能指标和性能优化（综述）
title: 网站的几个性能指标和优化（简易） categories: - 网络安全与性能优化 tags: - 性能优化 - 性能指标 - 白屏时间 - 首屏时间 - TTFB abbrlink: 5c56 date: 2021-08-12 23:42:49 updated: 2021-08-12 ......
系统化学习前端之Vue（vue2 组件通信）
## 前言 前文 vue2 基础中聊过，页面本质是 DOM 树，而在vue2 中 组件 = vm 实例对象 = DOM。因此，页面其实也是组件树构成，组件之间形成父子关系，兄弟关系等，相互之间通信也是组件树的必须要求。 ## vue2 组件通信 组件通信即组件之间的数据传递。 ### props 和 ......
帮你梳理了一份前端知识架构图
列一份前端知识架构图 在上一篇文章中，我们简要地总结了前端的学习路径与方法，我们提到的第一个学习方法就是：建立知识框架。那么，今天我们就一起来列一份前端的知识框架图。 在开始列框架之前，我想先来谈谈我们的目标。实际上，我们在网上可以找到很多参考资料，比如 MDN 这样的参考手册，又比如一份语言标准， ......
css实现点击按钮进行右移的动画
html页面： <div v-if="hideTip" id="tipsButton"> <el-tooltip class="item" effect="dark" content="打印表格" placement="top"> <el-button icon="el-icon-printer" ......