前端 购物车 按钮 数量
高级 / 资深前端面试题集锦
以下是一线互联网公司高级前端面试题总结，包括百度、腾讯、网易、字节、知乎、京东、滴滴，小米，感兴趣的欢迎留言交流。 1、请简述Js Bridge 2、请说一下SSR的单机QPS 3、请说一下eggJs的初始化原理 4、前端错误如何捕获，promise的错误是如何捕获的 5、vue的dom diff算 ......
前端面试经典手写题
## 1、手写Promise ``` class Promise2 { state = "pending"; callbacks = []; constructor(fn) { fn(this.resolve.bind(this), this.reject.bind(this)); } resolv ......
前端常用页面适配
1、媒体查询（media ) 通过在CSS文件中使用@media规则来定义媒体查询。 @media screen and (max-width: 768px) { /* 在宽度小于等于768px时应用的CSS样式 */ } @media screen and (min-width: 768px) a ......
前端多人协作之代码规范
# 代码规范 学习自并感谢 Geekers-Admin 和 Hooks-Admin 开源项目的作者 HalseySpicy ## 一、EditorConfig > EditorConfig 用于定义项目中的编辑器配置。可以确保团队成员在不同的编辑器中保持一致的代码风格和格式。 [🚀EditorCo ......
swift 按钮设置图片 颜色
actionBtn.setTitleColor(UIColor.gray, for: UIControl.State.normal) actionBtn.tintColor = UIColor.gray actionBtn.setImage(UIImage.init(named: "report") ......
爬虫前端代码
爬取前5个视频的视频以及弹幕。 url = 'https://search.bilibili.com/video?keyword=%E7%81%AB%E5%BD%B1&from_source=webtop_search&spm_id_from=333.1073&search_source=5' ......
前端项目-记事本制作
## 效果预览： 夜间模式：  日间模式：  => {}, 1000)` 模拟接口调用； 2. 数据总条数 `total` 是符合搜索结果的数据总条数； 3. ......
前端往读取到的压缩文件里添加文件，针对了shapefile(shp)压缩文件里没有.cfg导致中文乱码的情况
前端使用shpjs库处理shp压缩文件(.zip)，在没有.cpg文件的情况下会出现中文乱码问题。.cpg文件中定义了字符编码的格式，通过shp.js源码，可以看出是parseDbf这个库的函数解析dnf文件需要获取字符编码格式(encoding)，最简单的方法是将整个shpjs模块复制到src下面 ......
快速掌握Vue3：速成Vue3前端开发看这篇就够啦
vue3引入了Composition API，使开发者能够更灵活组织和重用组件逻辑。采用了基于Proxy的响应式系统，对虚拟DOM进行了优化等，提升了开发体验、性能 ......
前端性能优化的利器 ——— 浅谈JavaScript中的防抖和节流
防抖函数和节流函数是工作中两种常用的前端性能优化函数，今天我就来总结一下什么是防抖和节流，并详细说明一下如何在工作中应用防抖函数和节流函数 ......
h5(html5)+css3前端笔记二
###HTML标签 ####表格标签 表格的主要作用： 表格主要用于**显示、展示数据**，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 1.``用来定义表格的标签。 2.``用来定义行的标 ......
前端项目时因chunk-vendors过大导致首屏加载太慢，Vue Build时chunk-vendors的优化方案
1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的，试过更高的版本会有ES6语法的报错，因为我node使用的是v12，如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
jeecgboot前端 vue生产环境下console.log不显示的问题解决
我这里使用搞得jeecgboot低代码平台开发的系统，有时候会为了调试用console.log语句输出相应的日志。 但是我发布到生产环境后，发现有console.log的地方，竟然都没有输出日志信息，这给调试带来了极大的不便。 于是我苦苦思索，寻找了很多办法，经过九九八十一难，终于换了个思路，心想是 ......
在AntD的table里面实现点击按钮跳转路由
需求：在AntD的table组件的操作栏里面，实现点击按钮跳转到路由指定路由，并携带参数 方法1： ``` // 引入 import { useHistory } from "react-router-dom"; // 处理逻辑 let history = useHistory(); const o ......
前端如何实现将header、footer、main都处于一屏
html结构： <html> <body> <header></header> <main> <section></section> </main> <footer></footer> </body> </html> scss： body { display: flex; flex-directio ......
前端vue uni-app自定义精美海报生成组件
在当前技术飞速发展的时代，软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用，一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改，从而造成牵一发而动全身的情况。为了解决这个问题，组件化开发逐渐成为了一种趋势。通过组件化开发，我们可以实现单独开发、单独维护，并且组件之间可以随 ......
但因热爱，愿迎万难，OpenTiny 社区增加一枚前端程序媛贡献者
我们非常高兴地宣布，OpenTiny Vue Playground 正式上线！在此非常感谢 xiaoy 同学对 OpenTiny Vue Playground 项目的贡献！ ......
前端代码规范-2分钟教会你在nodejs中使用eslint定制团队代码规范
## ESlint 是什么？ [ESlint官网](https://eslint.nodejs.cn/docs/latest/use/core-concepts) #### 官网是这么写的： ESLint 是一个可配置的 JavaScript 检查器。 它可以帮助你发现并修复 JavaScript ......
Java实践项目 - 购物车模块
Smiling & Weeping 世界上美好的东西不太多，立秋傍晚从河对岸吹来的风， 加入购物车 1.数据创建--创建t_cart CREATE TABLE t_cart( cid INT AUTO_INCREMENT COMMENT '购物车数据id', uid INT NOT NULL COM ......
vite+vue3+ts+elementPlus前端框架搭建 [二] pinia状态管理
前面已经完成了基本框架搭建，下一步针对各个模块的封装以及实验 本章主要是针对pinia的状态模块实现 1. 创建Store 在src文件夹下创建一个store的文件夹，并在该文件夹下创建index.ts文件，内容如下： import type { App } from 'vue'; import { ......
前端项目模块
用户注册和登录模块: 用户可以通过注册账号并登录系统，保证用户身份和权限的安全性。 主页模块: 展示网站的主要内容和功能入口，提供用户导航和快速访问功能。 商品展示和搜索模块: 展示网站的商品信息，支持用户根据关键词搜索商品。 商品详情模块: 展示单个商品的详细信息，包括图片、描述、价格等。 购物车 ......
vite+vue3+ts+elementPlus前端框架搭建 [一]
记录下搭建vite + vue3 + ts + elementPlus项目的过程及遇到的问题。 建议使用pnpm安装依赖，npm切换到pnpm 链接地址：[https://www.pnpm.cn/installation]() 1. 运行环境 node -v v18.17.0 npm -v 9.8. ......
前端输入框空格校验
.校验开头不能有空格: jQuery.validator.addMethod("firstNotHasBlank", function(value, element) { var fBlank =/^\S+/; return this.optional(element) || (fBlank.tes ......
禁止别人调试自己的前端页面代码
🎈 为啥要禁止？ 由于前端页面会调用很多接口，有些接口会被别人爬虫分析，破解后获取数据 为了 杜绝 这种情况，最简单的方法就是禁止人家调试自己的前端代码 🎈 无限 debugger 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点，因为 debugger 在控制台被打开的时 ......
微信小程序：隐藏按钮边框
1、先给button加一个plain属性 <button wx:elif="{{isLogin}}" type="default" plain class="userinfo-avatar" open-type="chooseAvatar" bind:chooseavatar="onChooseAv ......