前端html css
前端体验优化（4）——数据
数据包括性能指标、监控数据以及通过埋点得到的业务数据，而数据分析是体验优化的最后一环。 通过数据来量化当前的工作，从而证明工作是否高效，优化是否有效等问题。 量化的工作包括代码质量和业务数据。 一、代码质量 代码质量的数据来源于思维导图中的性能指标和监控体系，包括 SLA、慢响应、前端错误、白屏和首 ......
前端json转excel 到zip下载
问题描述：后端返回数据原先返回是多个json文件的压缩包二进制文件流，前端直接下载二进制文件流。但是客户要求下载excel类型文件。 解决方案：前端拿到表格的json数据转换成对应table的html字符串，使用插件js-xlsx。 给个链接， import * as XLSX from 'xlsx ......
Shadow DOM处理html渲染，样式隔离
参考文章 https://cloud.tencent.com/developer/article/1965869 handleDetailData() { this.content = ` <style> ${markdown.style} </style> ${this.content} `; / ......
HTML转义字符大全
针对html一些常用的字符集处理整理清单如下： SO Latin-1字符集: 	 — 制表符Horizontal tab — 换行Line feed — 回车Carriage Return   — Space ! ! — 惊叹号Exclamation ......
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;/* ......
Jquery之append()和html()的区别
Jquery之append()和html()的区别_jquery html append-CSDN博客 jQuery的append()和html()方法都是用于向HTML元素添加内容的，但它们之间有一些重要的区别。 位置： append()方法将内容添加到选定元素的末尾。这意味着新内容会添加到元素的 ......
修复微前端无界[wujie]子应用window属性值在初始化后不再变化的问题
问题 部分的组件库（例如antd）使用到了window.innerWidth和window.innerHeight属性，可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用，导致后续不管主应用如何变化，子应用的这两个属性无法跟随变化，也就导致子应用使用的这些组 ......
【持续更新篇】SLAM视觉特征点汇总+ORB特征点+VINS前端
Harris角点 opencv函数 cornerHarris提取输入图像的Harris角点 检测原理 检测思想：使用一个固定窗口在图像上进行任意方向的滑动，对比滑动前后的窗口中的像素灰度变化程度，如果存在任意方向上的滑动，都有较大灰度变化，则认为该窗口中存在角点。 \(E(u, v)=\sum_{( ......
做一个wiki页面是体验HTML语义的好方法
HTML语义：如何运用语义类标签来呈现Wiki网页 在上一篇文章中，我花了大量的篇幅和你解释了正确使用语义类标签的好处和一些场景。那么，哪些场景适合用到语义类标签呢，又如何运用语义类标签呢？ 不知道你还记不记得在大学时代，你被导师逼着改毕业论文格式的情景，如果你回想一下，你在论文中使用的那些格式，你 ......
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: { ......
42道CSS高频题整理(附答案背诵版)
1、简述CSS3选择器优先级及计算？ CSS的选择器优先级是一个相对复杂的概念，它规定了在一组样式冲突时，哪些样式将被浏览器采纳。选择器优先级是通过一个四位的值来计算的，形式为：[内联样式, ID选择器, 类选择器/属性选择器/伪类, 元素选择器/伪元素]。这四个等级的优先级从左到右递减，左边的优先 ......
35道HTML高频题整理(附答案背诵版)
1、简述 HTML5 新特性 ？ HTML5 是 HTML 的最新版本，它引入了很多新的特性和元素，以提供更丰富的网页内容和更好的用户体验。以下是一些主要的新特性： 语义元素：HTML5 引入了新的语义元素，像 <article>, <section>, <nav>, <header>, <foot ......
关于若依框架前端页面验证码加载不出来，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文件做汇总和报告。根据功能的实现方式可以分为前端导出和后端导出，作为前端开发人员，后端导出对我们来说比较简单，本文主要讨论前端导出。 在正常的项目中，后端导出的情况会更多一下，因为前端导出受限 ......
HTML背景图片不重复平铺
//图片不平铺解决方法body { background-size: 100% 100%;//图片大小按照父级的大小适应 background-repeat: no-repeat;//不重复 background-image: url(../BigScreen/img/hgz_bg.png); } ......
CSS transition属性
在给定的transition属性中，有三个参数：过渡属性、过渡时间和过渡速度曲线。 过渡属性：all 表示对元素的所有属性进行过渡动画，包括宽度、高度、颜色、位置等。你也可以指定单个属性进行过渡，例如 opacity，表示只对透明度进行过渡动画。 过渡时间：0.3s 表示过渡的持续时间，单位为秒。这 ......
CSS（层叠样式表，Cascading Style Sheets）
CSS（层叠样式表，Cascading Style Sheets）是一种用于描述文档样式和布局的样式表语言。它可以与HTML结合使用，用于控制网页的外观和格式。以下是CSS的主要特点和一些基本概念： 基本概念： 选择器（Selectors）： 选择器是CSS规则的一部分，用于选择要应用样式的HTML ......
推荐给前端开发的 5 款 Chrome 扩展
工欲善其事，必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中，下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ? ......
HTML表格基础
一、表格相关标签 <table> </table>：表格相关的内容都需要包含在该标签内。 <tr> </tr> ：table row的缩写，创建一行。 <td> </td>：table data的缩写，创建一行中的一列。 <th> </th>：table head的缩写，类似<td> </td>，创 ......
前端体验优化（3）——后端
前端很多时候是不会接触到后端的工作，不过我们公司由于历史原因，维护了大量的 Node.js 服务。 所以也积累了一些后端优化的经验，主要分两块 Node.js 和数据库。 一、Node.js Node.js 的监控没有从 0 开始，业务逻辑的日志直接记录在阿里云中，性能监控部署的是阿里云提供的系统。 ......
HTML5的sql处理
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <title>HTML5本地存储之本地数据库篇</title> <script type="text/javascript"> //打开数据库 var db = openDatabase('c ......
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 ......