前端 购物车 按钮 数量
前端之localStorage
#### 问题：同一个浏览器同时打开两个saas，发现localStorge共用同一个，相同key值的存储会相互覆盖  ......
2558. 从数量最多的堆取走礼物
2558. 从数量最多的堆取走礼物 给你一个整数数组 gifts ，表示各堆礼物的数量。每一秒，你需要执行以下操作： 选择礼物数量最多的那一堆。 如果不止一堆都符合礼物数量最多，从中选择任一堆即可。 选中的那一堆留下平方根数量的礼物（向下取整），取走其他的礼物。 返回在 k 秒后剩下的礼物数量。 示 ......
前端视角的可观测性(一)
TL;DR Gartner将应用可观测性列为2023年重要战略趋势之一。 作为开发者, 即便没有专精此道。但了解一下，还是有必要的。 前言 最近，我所在的产品组，将完善监控系统，放入了版本规划中。 趁此良机，了解了一波可观测性相关的背景和技术。 同时，对原有的监控方式，进行了一定的改造。 可观测性 ......
目前为止整理最全的前端监控体系搭建篇(长文预警)
参考： https://cloud.tencent.com/developer/article/1983779 https://github.com/miracle90/monitor https://wpk.ucweb.com/index 概览 为什么要做前端监控 前端监控目标 前端监控流程 编写 ......
第五章、web前端架构师
[TOC] ####九、项目整体搭建 #####1、导学 + 将收获什么 ``` * 第一部分：相关准备知识 - 前端工具链的相关工具介绍 - 脚手架工具的使用和对比 ~ Imooc CLI ~ Vue CLI ~ Vite - 编码规范 ~ ESLint ~ Prettier ~ 产出**编码规范 ......
web前端外包公司的未来来哪里?
1、前端工程师外包公司 2、web前端外包公司的未来来哪里? 3、web前端人力外包公司应该如何选择 4、如何开一家前端外包公司? 5、web前端外包公司选择时应该注意些什么 6、前端web开发外包公司有哪些 前端工程师外包公司 推荐阳狮网帆，要求蛮高的，对前沿的技术比较追崇，特别是对canvas的 ......
一文摸清前端监控自研实践（一）性能监控
https://juejin.cn/post/7097157902862909471 前言 这篇文章整理了一下自己在团队中自建web环境下前端监控的实践经验，整理成文分享出来： 一般来说，前端搭建监控体系，可以概括为为了做两件事：如何及时发现问题、如何快速定位问题，而为了解决这两个问题，前端监控体系 ......
一文摸清前端监控自研实践（二）行为监控
前言 上篇文章我们分享了关于 页面性能监控 的内容，本文我们接着来看 用户行为监控 的方面 系列文章传送门 一文摸清前端监控实践要点（一）性能监控 一文摸清前端监控实践要点（二）行为监控 一文摸清前端监控实践要点（三）错误监控 腾讯三面：说说前端监控告警分析平台的架构设计和难点亮点？ 用户的行为特征 ......
一文摸清前端监控自研实践（三）错误监控
前言 上篇文章我们分享了关于 用户行为监控 的内容，本文我们接着来看 错误异常监控 的方面 系列文章传送门 一文摸清前端监控实践要点（一）性能监控 一文摸清前端监控实践要点（二）行为监控 一文摸清前端监控实践要点（三）错误监控 腾讯三面：说说前端监控告警分析平台的架构设计和难点亮点？ 应用的稳定情况 ......
前端每日习题
# 前端每日习题 # 1.什么是HTTP协议，列举你所知道的相关知识点 # 2.列举你所知道的HTML标签 # 3.如何制作一个表格 # 4.写出form 表单常用标签及注意事项 # 5.简述盒子模型 # 6.css选择器的优先级是怎么样的 # 7.display属性的用法 # 8.背景属性相关的有 ......
前端每日习题解释版
# 前端每日习题解释版 # 1.什么是HTTP协议，列举你所知道的相关知识点 - HTTP（超文本传输协议）是一种用于在计算机网络上进行传输的协议。 - 它是一种客户端-服务器协议，用于在Web浏览器和Web服务器之间传输数据和资源。 以下是HTTP协议的相关知识点： - HTTP采用请求-响应模型 ......
React 前端应用中快速实践 OpenTelemetry 云原生可观测性(SigNoz/K8S)
 [OpenTelemetry](https://opentelemetry.io/) 可用于跟踪 `Rea ......
前端Vue仿支付宝自定义可滑动轮播分页宫格菜单组件，可支持九宫格 十二宫格 十五宫格
## 背景介绍 随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进 ......
前端同事最讨厌的后端行为，看看你中了没有
> **公众号「古时的风筝」，专注于后端技术，尤其是 Java 及周边生态。** 个人博客：[www.moonkite.cn](https://www.moonkite.cn) **大家好，我是风筝** 听说这是前端程序员最讨厌的后端行为，不知道你有没有碰到过，或者你的前端同事虽然没跟你说过，但是你 ......
小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码增加新的登录方式配置
前面我们已经搭建好了小狐狸AI付费创作系统chatgpt管理后台vue前端环境 现在，就修改一下设置地方，使其可以配置使用哪种登录方式 查看路由找界面 一般我们找界面源码，先看一下路由部分，就能知道在哪个界面里 /src/router/index.js 直接就能找到设置地方/views/module ......
小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码环境搭建
小狐狸AI付费创作系统搭建完成以后，只能对接到微信公众号才能使用。我的公众号已经对接了自己的客服系统，没法再对接到小狐狸，所以就想着改造一下用户的登录方式。 现在后台设置部分，除了扫码公众号登录，想要新增一个登录方式，账号密码登录。 编辑源码 后台vue源码已经有了，是基于vue-admin-tem ......
前端之Bootstarp框架
Bootstarp简介 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap是前端开发中比较受欢迎的框架，简洁且灵活。它基于HTML、CSS和JavaScript，HTML定义页面元素，CSS定义页面布局，而JavaScript负责页面元素的响应。Boots ......
前端多次调用1个接口， 要最后一次请求的数据
前端多次调用1个接口， 要最后一次请求的数据，在以上示例中，我们使用`lastRequestId`来记录最后一次请求的ID，每次请求时都将`lastRequestId`更新为当前的请求ID。在请求完成后，我们只会将最后一次请求的数据保存到`lastResponse`变量中，并将其传递给`update... ......
web前端 静态资源路径问题
问题：对于一个简单的form表单，url究竟应该如何填写？ 1、url的各部分组成 对于地址：http://192.168.1.1:8080/hello/index.html其中：分解为三部分 服务器地址： http://192.168.1.1:8080 WEB应用上下文： /hello 网页或请求 ......
按钮重复点击问题
问题：用户过快点击，导致信息重复提交，引起数据异常 解决方案：同一个按钮，一定时间内限制重复点击 > 1. 引入preventReClick.js > > ```javascript > export default { > install(Vue) { > // 防止重复点击 > Vue.dire ......
Kubernetes修改Pod数量
修改kubelet pod数量 并在启动命令尾部添加变量 $KUBELET_NODE_MAX_PODS 如下： 重启kubelet: [root@k8s02 ~]# systemctl daemon-reload && systemctl restart kubelet 检查结果： [root@k8 ......
前端基础之jQuery
jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。库就类似于是Python中的模块，简称为jq，就是js、css等的封装版本。 前端最大的问题就是兼容性问题，需要兼容各个浏览器，使用jQuery就不用担心兼容问题，其内部已经做好了。 它的宗旨就是：“Write le ......
前端私有化部署配置共有信息解决方案
方案一：环境变量 在这个方案中，我们可以通过将配置信息作为环境变量，然后在构建过程中获取这些变量。具体来说，在Webpack的DefinePlugin插件中，我们可以定义一些全局的常量。 这是一个具体的实现示例： 1 // webpack.config.js 2 const webpack = re ......
前端基础之BOM和DOM
## window对象常用方法 ● window.innerHeight - 浏览器窗口的内部高度 ● window.innerWidth - 浏览器窗口的内部宽度 ● window.open() - 打开新窗口 ● window.close() - 关闭当前窗口 ## navigator对象 na ......
前端请求报错：'JSON parse error: syntax error, expect {, actual e…1, line 1, column 2selectUid%5B%5D=VluJeA9upFXgJD', code: '500'}
1、如果不用 JSON.stringify(inputJson) 包起来就会报错 let inputJson = {"selectUid" : selectUid}; var response = await $.ajax({ type: 'POST', url: 'xxx', data: inpu ......
谈谈干前端四年的几点感受
[谈谈干前端四年的几点感受 - 掘金](https://juejin.cn/post/7258509816691834917) 19年毕业的我，最开始怀揣着无限憧憬进入这个行业 不知不觉，已经工作4年了，如果算上大四实习的时光，也接近5年了。 4年间换了两家公司。 对于工作，我也有过很多的困扰和迷茫 ......
前端文件下载方法封装
1 export const downloadFileAxios = (fileUrl) => { 2 axios({ 3 url: fileUrl, 4 method: 'GET', 5 responseType: 'blob', 6 }).then((response) => { 7 const ......
前端基础之JavaScript
一个完整的 JavaScript 实现是由以下 3 个不同部分组成的： ● 核心（ECMAScript） >基础语法 >必须要会的 ● 文档对象模型（DOM） Document object model (整合js，css，html) >重要 ● 浏览器对象模型（BOM） Broswer objec ......