前端css
前端每日习题解释版
# 前端每日习题解释版 # 1.什么是HTTP协议，列举你所知道的相关知识点 - HTTP（超文本传输协议）是一种用于在计算机网络上进行传输的协议。 - 它是一种客户端-服务器协议，用于在Web浏览器和Web服务器之间传输数据和资源。 以下是HTTP协议的相关知识点： - HTTP采用请求-响应模型 ......
React 前端应用中快速实践 OpenTelemetry 云原生可观测性(SigNoz/K8S)
 [OpenTelemetry](https://opentelemetry.io/) 可用于跟踪 `Rea ......
前端Vue仿支付宝自定义可滑动轮播分页宫格菜单组件，可支持九宫格 十二宫格 十五宫格
## 背景介绍 随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进 ......
css 伪元素
CSS 伪元素是一项强大的功能，它允许您为所选元素的特定部分设置样式，而无需额外的 JavaScript 代码。 虽然许多开发人员都熟悉常用的伪元素，如 ::before 和 ::after，但还有一些其他元素经常被忽视或未得到充分利用。 在本文中，我们将分享9 个鲜为人知的 CSS 伪元素，它们可 ......
前端同事最讨厌的后端行为，看看你中了没有
> **公众号「古时的风筝」，专注于后端技术，尤其是 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 ......
css案例-after伪类元素的例子
下位三角例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
02_CSS
# 1.CSS ## 1.简介 ### 1.是什么 `Cascading Style sheets`,层叠样式表 CSS可以用来为网页创建样式表，通过样式表可以对网页进行装饰。所谓层叠，可以将整个网页想象成一层一层的结构，层次高的将会覆盖层次低的，CSS可以分别为网页的各个层次设置样式。 ### 2 ......
css案例-水平垂直居中
水平垂直居中方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> ......
每日汇报 第五周第三天 html表单的认证和css盒子模型
今日学习： html表单的小考试；css简单的盒子模型；盒子模型代码 html： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Rothko Painting</title> 6 <li ......
前端之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 网页或请求 ......
TailWind CSS工具库使用
# 一、简介 [官方文档](https://www.tailwindcss.cn/) 本 CSS 框架本质上是一个工具集，包含了大量类似 flex、 pt-4、 text-center 以及 rotate-90 等工具类，可以组合使用并直接在 HTML 代码上实现任何 UI 设计。 # 二、安装 介 ......
css3 object-fit使用
1、object-fit:fill; 拉伸填满整个容器 2、object-fit:contain; 宽度铺满整个容器，高度等比缩放，超出则裁剪 3、object-fit:cover; 高度铺满，宽度等比缩放，超出则裁剪 4、object-fit:none; 图片大小不变，超出则裁剪，裁剪保留中间部分 ......
css制作三角
使用border属性制作三角：当给一个宽高为0的盒子设置不同颜色的边框时会如下图所示，由此可见，想要设置三角，则可以将其余三条边框设置为透明色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie ......
[爬虫]1.2.2 CSS选择器
CSS (Cascading Style Sheets) 是一种样式表语言，用于描述HTML元素的样式。CSS选择器是CSS规则的一部分，它决定了CSS规则应用于哪些元素。在网络爬虫的开发中，我们经常使用CSS选择器来定位和选取HTML元素。 以下是一些常见的CSS选择器： ## 1. 元素选择器 ......
CSS margin属性值不同写法的含义
+ margin: 0; /* 四个方向的外边距都为0 */ + margin: 10px; /* 四个方向的外边距都为10像素 */ + margin: 10px 20px; /* 顶部/底部外边距为10像素，左侧/右侧外边距为20像素 */ + margin: 10px 20px 30px; / ......
css进度条
使用过度属性transition制作进度条 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= ......
前端基础之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 ......