前端css
前端三剑客之CSS
一、CSS介绍 1、CSS（层叠样式表，Cascading Style Sheets） 是一种用于描述网页内容（HTML或XML等）外观样式的标记语言。它是一种样式表语言，用于控制网页的布局、字体、颜色、大小、间距以及其他与显示有关的属性。 2、css学习步骤 先学习选择器，作用就是如何找到标签 找 ......
Web前端学习笔记
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>welcome t ......
伪类选择器，伪元素选择器，选择器的优先级，CSS属性相关
### 伪类选择器 ```python ``` ### 伪元素选择器 ```python ``` ### 文字属性 ```python ``` ### 背景属性 ```python ``` ### 边框 ```python 边框属性 ● border-width ● border-style ● b ......
CSS透视与Z轴
一.CSS透视通过模拟人眼的视角来创建三维效果（可以理解为看3D电影，需要借助3D眼睛，这个透视就是让了让网页上产生3D的效果）。我们在现实生活中，当物体远离我们时，会看到它们变小变远。透视效果就是基于这个原理。 ![image](https://img2023.cnblogs.com/blog/2 ......
css将多余的字变成...
display: -webkit-box;/*作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 1; /*显示的行数；如果要设置2行加...则设置为2*/ overflow: hidden; /*超出的文本隐藏*/ text-overflow: ellipsis; /* 溢出用省 ......
css 设置滚动条样式
::-webkit-scrollbar：指滚动条整体部分，它的属性有width,height,background等 ::-webkit-scrollbar-button：指滚动条两边的按钮。当不需要时可以用display:none将其隐藏 ::-webkit-scrollbar-track：指外层 ......
css圆环运动的两种写法
圆环运动如下，小圆绕大圆运动 写法有如下两种： 1. transform-origin使用外部旋转点 2. transform-origin使用内旋转点，两圆重合 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
前端接收后端返回的bigInt
通过 json-bigint 实现： ```js npm i json-bigint // 为避免影响已有功能，建议新建一个单独的 axios 对象去调用可能返回 bigInt 的接口 import JSONBig from 'json-bigint'; // 格式化规则为 bigInt 转 str ......
前端Vue uni-app App/小程序/H5 通用tree树形结构图
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
css3 loading效果3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
css3 loading 效果2
使用了css自定义属性var <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
CSS中关于Calc 函数的使用规则
calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规 ......
前端（CSS）
css css: 层叠样式表 就是给html增加样式的，让其变得更加好看。 先学习选择器：作用就是如何找标签 找到标签之后：给标签增加样式 选择器的语法结构 选择器 { 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4} CSS的注释语法： /* 内容 */ （快捷键： ......
如何使用CSS3 @font-face 实现个性化字体
如何使用CSS3 @font-face 实现个性化字体。 在网页中，我们可以使用CSS的font-family属性来定义字体。但是，定义的字体能否在用户的电脑上正确显示，取决于用户的电脑上是否安装了该字体。我们经常看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常用户的电脑上并没有安装，所以 ......
前端的一个问题——前端页面打不开
打开一个webapp下的页面会报这个错误 原因： 因为第三个函数拦截了所有的路径，所以web页面显示不出来 解决方法： 在创建一个放行的配置文件，把webapp中的四个目录放行，就可以了 ......
css
css html：超文本标记语言 css：层叠样式表（就是给html增加样式的，使其变得好看） 先学习选择器，选择器的作用是如何找到标签，找到标签后，给标签增加样式。 选择器的语法结构： 选择器{ 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4 } css的注释语法 ......
css 超出行显示展开收起
显示展开收起： <div class="wrapper"> <input id="exp111" class="exp" type="checkbox"> <div class="text"> <label class="btn" for="exp111"></label> 这是一个测试内容这是一个 ......
img、a标签、列表、表格(重要)、form表单(重要)、CSS
### img标签 ```python # 图片，在网页显示图片的 标签会有属性： 1. 自带的属性 2. 自定义的属性 src:写图片的地址 1. 外链地址 2. 相对地址 alt： 当图片地址加载失败的时候，显示的描述性信息 width="800px" height="200px" 控制图片的大 ......
关于前端请求接口封装（未完
src/utils/request.js 引入axios 创建axios对象， URl就是个对象，统一管理，通过设置一个baseURL，便于为axios实例的方法传递相对URL baseURL//url = baseurl + requesturl 添加请求拦截器 前端给后端的 在发送请求之前做些什 ......
前端工程化
## 一、前后端混合开发 1.沟通成本高 2.分工不明确 3.不便于管理 4.不便维护扩展 ## 二、前后端分离开发 1.当前最为主流的开发模式 2.流程 （1）需求分析； （2）接口定义（API接口文档）； （3）前后端并行开发（遵守规范）； （4）测试（前端、后端）； （5）前后端联调测试。 # ......
前端js解析word(.docx)
### 1. Mammoth 旨在转换 .docx 文档，并将其转换为 HTML。Mammoth 的目标是通过使用文档中的语义信息并忽略其他细节来生成简单干净的 HTML。比如Mammoth 会将应用标题 1 样式的任何段落转换为 h1 元素，而不是尝试完全复制标题的样式（字体，文本大小，颜色等）。 ......
纯CSS实现contain布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ......
vue前端项目启动
我们拉取了一个前端项目后，如果项目中有说明的文档，可以参照文档的步骤启动项目，如果 项目中没有说明文档，那我们可以按照以下的步骤启动项目 1、首先是安装依赖包 npm install 2、启动项目 npm run dev 这里的npm run 环境名称，这里的环境名称主要取决于项目中的package ......
前端Vue仿微信我的菜单栏组件按钮组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
前端开发报表工具所必须的三大能力
摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 数据分析一直以来都是业务决策中非常重要的一环，在数字化时代尤其如此。然而，数据分析只有在持续的监 ......
1. 前端简单介绍
## 前端定义 # 所有与用户直接打交道的都可以称之为是前端. >能够直接使用肉眼直接看到的都是前端 举例：PC端页面、手机端页面、平板页面、车载显示器等 ## 前端学习内容 """前端三剑客""" HTML：一个网站的骨架，没有任何的样式 CSS：就是给网页添加样式的，目的是让其更加的美观、好看、 ......
前端收到的数据和接口给的数据不一致--踩坑
后端确认自己传过来的是522880684734283776，但是我这边收到的确实是522880684734283800。 原因是：Long类型的数据过长的话会导致精度丢失。 解决方案：后端改为string类型传给前端。 ......