前端 头像 国庆

10道或许你不熟练的前端HTML5的经典面试题

1.什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HTML5推出的设计目的,以及现在市场的使用情况,浏览器支持情况等。。。。设计目的 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进 ......
前端 经典 HTML5 HTML

这可能是前端处理excel最好的工具了

ExcelJS是一款强大的JavaScript库,专为在Web应用程序中处理Excel文件而设计。该工具提供了丰富的功能,使开发者能够轻松地读取、修改和生成Excel文档。不论是用于数据导入、报告生成还是数据分析,ExcelJS都能帮助你实现各种复杂的操作。 ExcelJS支持在浏览器端和服务器端... ......
前端 最好 工具 excel

前端异常监控之 Sentry的部署和使用

由于最近在整理前端异常监控相关内容,所以自己在虚拟机搭建部署了一下Sentry,把搭建过程及一些自己踩得坑整理如下 一、Sentry部署 Sentry搭建有两种方式: 通过Python安装 教程地址 通过Docker容器安装 教程地址 我本地是用Docker进行搭建的。 1、安装docker arm ......
前端 Sentry

前端几种下载文件的方式

1、location.href方式下载 对于浏览器不能打开的文件(例如:..rar .doc等)是可以实现下载的,但是对于浏览器可以打开的(例如:txt,xml等)只可以实现预览功能 window.location.href = "https://xxxx...测试.xlsx" 2、window.o ......
前端 方式 文件

前端常用配置

`DNS:223.5.5.5` 用于解决部分yarn和npm问题 #### npm镜像 `npm config set registry https://registry.npm.taobao.org` #### 创建React模板 (js) `npx create-react-app my-app ......
前端 常用

前端之localStorage

#### 问题:同一个浏览器同时打开两个saas,发现localStorge共用同一个,相同key值的存储会相互覆盖 ![](https://img2023.cnblogs.com/blog/822442/202307/822442-20230726161332174-188121171.png) ......
前端 localStorage

前端视角的可观测性(一)

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

web前端外包公司的未来来哪里?

1、前端工程师外包公司 2、web前端外包公司的未来来哪里? 3、web前端人力外包公司应该如何选择 4、如何开一家前端外包公司? 5、web前端外包公司选择时应该注意些什么 6、前端web开发外包公司有哪些 前端工程师外包公司 推荐阳狮网帆,要求蛮高的,对前沿的技术比较追崇,特别是对canvas的 ......
前端 公司 web

一文摸清前端监控自研实践(一)性能监控

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)

![image](https://img2023.cnblogs.com/blog/436453/202307/436453-20230726100409784-1077991420.png) [OpenTelemetry](https://opentelemetry.io/) 可用于跟踪 `Rea ......
前端 OpenTelemetry SigNoz React K8S

前端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 ......
前端 Bootstarp 框架

前端多次调用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 网页或请求 ......
前端 静态 路径 问题 资源

前端-antd table 分页器自定义

按照时间排序, ......
前端 table antd

纯前端获取当前用户IP和归属地

```html IP Address ``` ......
前端 用户

前端基础之jQuery

jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。库就类似于是Python中的模块,简称为jq,就是js、css等的封装版本。 前端最大的问题就是兼容性问题,需要兼容各个浏览器,使用jQuery就不用担心兼容问题,其内部已经做好了。 它的宗旨就是:“Write le ......
前端 基础 jQuery

前端私有化部署配置共有信息解决方案

方案一:环境变量 在这个方案中,我们可以通过将配置信息作为环境变量,然后在构建过程中获取这些变量。具体来说,在Webpack的DefinePlugin插件中,我们可以定义一些全局的常量。 这是一个具体的实现示例: 1 // webpack.config.js 2 const webpack = re ......
前端 解决方案 方案 信息

前端基础之BOM和DOM

## window对象常用方法 ● window.innerHeight - 浏览器窗口的内部高度 ● window.innerWidth - 浏览器窗口的内部宽度 ● window.open() - 打开新窗口 ● window.close() - 关闭当前窗口 ## navigator对象 na ......
前端 基础 BOM DOM

前端请求报错:'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 ......
error 39 前端 VluJeA9upFXgJD 2selectUid

谈谈干前端四年的几点感受

[谈谈干前端四年的几点感受 - 掘金](https://juejin.cn/post/7258509816691834917) 19年毕业的我,最开始怀揣着无限憧憬进入这个行业 不知不觉,已经工作4年了,如果算上大四实习的时光,也接近5年了。 4年间换了两家公司。 对于工作,我也有过很多的困扰和迷茫 ......
前端