前端 全局css色彩
前端面试八股文汇总
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成:内容content、内边距padding、边框border、外边距margin 盒模型的类型: 标准盒模型 margin + border + padding + content IE盒模型 marg ......
15.高阶定位-CSS 定位与原生定位
目录 原生定位 css selector 定位 原生定位 官网地址 元素属性定位 组合定位 # ID 定位 driver.find_element_by_android_uiautomator('\ new UiSelector().resourceId("<element-ID>")') # 组合 ......
前端标签
前端标签是用于描述网页结构和内容的标签。它们可以分为以下几类: 文档声明、文档结构、功能标签 这类标签用于描述文档的类型、结构和功能。例如: <!DOCTYPE html>:声明文档的类型 <html>:定义文档的根元素 <head>:定义文档的头部 <body>:定义文档的主体 <title>:定 ......
前端体验优化(4)——数据
数据包括性能指标、监控数据以及通过埋点得到的业务数据,而数据分析是体验优化的最后一环。 通过数据来量化当前的工作,从而证明工作是否高效,优化是否有效等问题。 量化的工作包括代码质量和业务数据。 一、代码质量 代码质量的数据来源于思维导图中的性能指标和监控体系,包括 SLA、慢响应、前端错误、白屏和首 ......
前端json转excel 到zip下载
问题描述:后端返回数据原先返回是多个json文件的压缩包二进制文件流,前端直接下载二进制文件流。但是客户要求下载excel类型文件。 解决方案:前端拿到表格的json数据转换成对应table的html字符串,使用插件js-xlsx。 给个链接, import * as XLSX from 'xlsx ......
局部钩子和全局钩子
## 局部钩子的使用 # 1 在自定义的Form类中写 clean_字段名 # 2 取出字段的真正值,name=self.cleaned_data.get('name') # 3 判断自己的规则,如果判断失败,抛出ValidationError # 4 如果通过,return name# 局部钩子 ......
css适配ios状态栏和IOS底部安全区域的样式代码记录
safe-area-inset-left: 安全区域距离左边界的距离safe-area-inset-right: 安全区域距离右边界的距离safe-area-inset-top: 安全区域距离顶部边界的距离safe-area-inset-bottom: 安全区域距离底部边界的距离 css适配ipho ......
微信小程序使用iconfont通过transfonter转化成只有css样式的方式
1. 通过 iconfont 网站选择对应图表加入购物车,然后添加到自己对应项目中,现在至本地。 2. 解压下载到本地的文件 3. 进入 transfonter 后,点击 Add fonts 按钮,将上图中红色框中的文件上传上去,勾选启用 Base64 encode ,点击 Convert 按钮,完 ......
vue2前端调接口下载(导出)后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
CSS 文字渐变
/实现文字颜色从红到黄的线性渐变效果/ .text { background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/ -webkit-background-clip: text;/* ......
修复微前端无界[wujie]子应用window属性值在初始化后不再变化的问题
问题 部分的组件库(例如antd)使用到了window.innerWidth和window.innerHeight属性,可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用,导致后续不管主应用如何变化,子应用的这两个属性无法跟随变化,也就导致子应用使用的这些组 ......
【持续更新篇】SLAM视觉特征点汇总+ORB特征点+VINS前端
Harris角点 opencv函数 cornerHarris提取输入图像的Harris角点 检测原理 检测思想:使用一个固定窗口在图像上进行任意方向的滑动,对比滑动前后的窗口中的像素灰度变化程度,如果存在任意方向上的滑动,都有较大灰度变化,则认为该窗口中存在角点。 \(E(u, v)=\sum_{( ......
三维模型的顶层合并构建中纹理色彩匀色技术方法分析
三维工厂K3DMaker是一款三维模型浏览、分析、轻量化、顶层合并构建、几何校正、格式转换、调色裁切等功能专业处理软件。可以进行三维模型的网格简化、纹理压缩、层级优化等操作,从而实现三维模型轻量化。轻量化压缩比大,模型轻量化效率高,自动化处理能力高;采用多种算法对三维模型进行几何精纠正处理,精度高,... ......
css3
目录CSS介绍CSS 语法规范css代码风格样式格式书写紧凑格式展开格式样式大小写小写格式(推荐)大写格式样式空格风格css选择器的作用css基础选择器选择器分类标签选择器作用优缺点类选择器语法规范多类名选择器多类名使用方式多类名开发中使用场景id 选择器id 选择器和类选择器的区别通配符选择器基础 ......
前端开发者
当涉及到前端领域的成功人士,有许多杰出的开发者可以作为学习榜样。以下是一些在前端领域有所成就的人士,他们在社区中广受尊敬并有着丰富的经验和知识: Dan Abramov:React 的核心开发者之一,他的技术博客和社交媒体上的分享非常受欢迎。 Sarah Drasner:她是 Vue.js 的倡导者 ......
如何实现前端跨域,配置代理
// 在vue.config.js中配置代理 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线
组件的自定义事件 通过props可以将信息传递给子组件,那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法,我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
42道CSS高频题整理(附答案背诵版)
1、简述CSS3选择器优先级及计算? CSS的选择器优先级是一个相对复杂的概念,它规定了在一组样式冲突时,哪些样式将被浏览器采纳。选择器优先级是通过一个四位的值来计算的,形式为:[内联样式, ID选择器, 类选择器/属性选择器/伪类, 元素选择器/伪元素]。这四个等级的优先级从左到右递减,左边的优先 ......
关于若依框架前端页面验证码加载不出来,404报错的问题
问题页面如下: 上网查询了一堆资料后,终于解决 原因是前后端的端口号不一致,改成一致即可 打开前端vue.config.js文件 把target: http://localhost:8080,改成http://localhost:8085,这里的端口根据实际更改即可 重新启动后页面恢复正常 ......
css渐变背景,linear-gradient()线性渐变和radial-gradient()径向渐变
1.简单的线性渐变 .layout{ width: 100%; min-height: 100vh; background: linear-gradient(#FFE8E9,rgba(0,0,0,0) 200px); } 2.层叠多层的渐变(左右+上下+背景图) .layout{ width: 10 ......
前端导出Excel【支持样式配置,多sheet,多级表头】
在我们的管理系统项目中,将表格数据导出为Excel文件是很常见的需求,一线业务人员经常会利用生成的excel文件做汇总和报告。根据功能的实现方式可以分为前端导出和后端导出,作为前端开发人员,后端导出对我们来说比较简单,本文主要讨论前端导出。 在正常的项目中,后端导出的情况会更多一下,因为前端导出受限 ......
CSS transition属性
在给定的transition属性中,有三个参数:过渡属性、过渡时间和过渡速度曲线。 过渡属性:all 表示对元素的所有属性进行过渡动画,包括宽度、高度、颜色、位置等。你也可以指定单个属性进行过渡,例如 opacity,表示只对透明度进行过渡动画。 过渡时间:0.3s 表示过渡的持续时间,单位为秒。这 ......
CSS(层叠样式表,Cascading Style Sheets)
CSS(层叠样式表,Cascading Style Sheets)是一种用于描述文档样式和布局的样式表语言。它可以与HTML结合使用,用于控制网页的外观和格式。以下是CSS的主要特点和一些基本概念: 基本概念: 选择器(Selectors): 选择器是CSS规则的一部分,用于选择要应用样式的HTML ......
推荐给前端开发的 5 款 Chrome 扩展
工欲善其事,必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中,下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ? ......
前端体验优化(3)——后端
前端很多时候是不会接触到后端的工作,不过我们公司由于历史原因,维护了大量的 Node.js 服务。 所以也积累了一些后端优化的经验,主要分两块 Node.js 和数据库。 一、Node.js Node.js 的监控没有从 0 开始,业务逻辑的日志直接记录在阿里云中,性能监控部署的是阿里云提供的系统。 ......
css样式穿透
在 Ant Design 中,Table 组件提供了一些属性和样式可以用来定制表格的外观,包括表头和每一行的背景色,以及每一列的样式。以下是一些常用的属性和样式: 1. 表头背景色和每一行的背景色: 使用 columns 属性设置每一列的配置,其中可以包含 title 属性用于设置列标题。 使用 r ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
前端docx-templates生成word文档
说明 docx-templates项目地址:https://github.com/guigrpa/docx-templates 原文:https://juejin.cn/post/7170695319004315679?searchId=202312171247306E0B93A485DAE6B4E ......
RGB转YcbCr色彩空间
%将一幅640*480的彩色图片转换成显示成灰度显示? clc; clear all; close all; RGB_data = imread('lena.jpg');%图像读入 R_data = RGB_data(:,:,1); G_data = RGB_data(:,:,2); B_data ......
2023最新中级难度CSS面试题,包含答案。刷题必备!记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度CSS面试题合集 问: 描述一下CSS的作用和重要性。 CSS(Cascading Style Sheets)是一种用于定义网页元素外观和表现的样式表语言,它对于网页设计至关重要。CSS的主要作用有以下几点: 样式控制:通过CSS,开发者可以为网页上的文 ......