前端css
web前端动画网址
很实用的web前端动画网址 1.https://lhammer.cn/You-need-to-know-css/#/zh-cn/2.https://chokcoco.github.io/CSS-Inspiration/#/3.https://qishaoxuan.github.io/css_tric ......
CSS定位方法详解
css概述： 1.css（Cascading Style Sheets）是一种语言，它用来描述HTML和XML的元素显示样式。 2.css语言中有css选择器，在selenium中可以使用这种选择器来进行元素定位。 3.css定位方法比xpath快，而且css语言也非常强大，所以非常推荐这种定位方法 ......
CSS 常用苹方字体
// 苹方-简 常规体font-family: PingFangSC-Regular, sans-serif; // 苹方-简 极细体font-family: PingFangSC-Ultralight, sans-serif; // 苹方-简 细体font-family: PingFangSC-L ......
常用css
单行省略 /* * 强制不换行： white-space: nowrap; * 超出隐藏： overflow: hidden * 超出的文本显示省略号： text-overflow: ellipsis; * 需要设置宽度 */ .t-ellipsis { white-space: nowrap; o ......
前端面试题-常见的水平垂直居中实现方案
方案一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ......
css中rem，em
名词解释,rem是使用的重点 1.rem的定义理解： 通过设置 根元素<html>的font-size的大小，来控制整个html文档内的字体大小、元素宽高、内外边距等， 2.rem（font size of the root element）是指相对于根元素的字体大小的单位。 em（font siz ......
前端定时器防抖节流
// 防抖（输入框可用） debounceFun (fun, time = 300){ clearTimeout(this.debounceTimer) this.debounceTimer = setTimeout(() => { fun() }, time) }, // 节流 throttleF ......
前端开发从入门到入土系列之——前端好社区（一）
当然可以。在中国境内，有一些非常受欢迎的前端开发专门社区，类似于墨天轮。这里为您推荐几家： 1. 掘金（Juejin.im）：掘金是一个优质的技术社区，汇集了大量的前端、后端、移动开发等方向的技术文章和教程。这里有很多经验丰富的开发者分享自己的心得和技巧。 2. V2EX：虽然V2EX不仅仅关注前端 ......
未知大小的图片适应（保持宽高比且不超出）图片容器的CSS属性
假设我们本地代码中有一个宽*高为100px*100px的图片的容器元素 <div class="img-wrapper" style="width: 100px; height: 100px;"> <img src="..." alt="待展示图片" /> </div> 如果图片不我们本地，而是属于 ......
vue 后端传文件流前端解析并下载
注：很多小伙伴可能会出现，下载后乱码情况，因为后端传的文件流。 前端请求的时候，在请求体上需要添加申明： export function downloadExcelTemplate() { return request({ url: 'api/xxx/xxxx', method: 'post', r ......
汽车之家Unity前端通用架构升级实践
随着之家3D虚拟化需求的增加，各产品线使用Unity引擎的项目也越来越多，新老项目共存，代码维护成本也随之增加。代码质量参差加之代码规范仍没有完全统一产生高昂学习成本进一步加重了项目维护负担。
为应对这些问题，我们决定借助主机厂数科产品线销冠神器VR版本大升级为契机，开发一套移动端通用Unity代码... ......
前端ajax异步访问导致的问题
经过很多次尝试发现在执行return的时候异步访问中的给result_没有执行，后来发现在执行ajax的时候系统分出了另外一个线程单独执行ajax的代码，原来的线程继续往后执行导致还没有给result_赋值就已经执行了return语句而且后面那个单独分出来的线程执行完的时候，日志信息照样打印。所以一 ......
FreeCodeCamp-创建一副毕加索绘画来学习中级 CSS
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Picasso Painting</title> <link rel="stylesheet" href="./styles.css" / ......
Python前端面试题
JavaScript(或 jQuery)如何选择一个 id 为 main 的容器 #main 2.JavaScript(或 jQuery)如何选择一个 class 为 menu 的容器 .menu 3.简述什么是浏览器事件流 DOM2级事件规定的事件流包括三个阶段： 1、事件捕获阶段 2、处于目标阶 ......
使用Webstrom自动编译SASS/SCSS为CSS
sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!） window下安装SASS首先需要安装Ruby，先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量 ......
CSS
CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......
HTML与CSS规范
此规范主要实现目标：代码一致性和最佳实践.降低代码的成本同时改善多人协作的效率。同时遵守最佳实践，确保页面得到最佳优化和高效代码。 命名规则 项目命名 全部采用小写方式， 以下划线分隔。 例如:my_project_name 目录命名 参照项目命名规则 常用css/images/js/styles ......
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件： 举个栗子： <template> <!-- 获取客户下拉数据，type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
前端传数组，后端可用list接收，apifox对应用数据结构-array
一开始apifox的body设置如图 idea报错： Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize value of ......
css 背景色渐变 line-gradient
background-image: linear-gradient(-55deg, #07265d, #0d3d92),linear-gradient(#2d323b, #2d323b); ......
css 文字内容过长和下一个信息项重叠解决办法(uniapp)
1. 把固定高度注释掉，自动调整高度 .cardBox{ padding:20rpx 30rpx ; .item{ // width: calc(100% - 40rpx); // height:398rpx ; padding:10rpx 20rpx 0rpx; margin-bottom: 25 ......
2023前端面试题
1.什么是重绘和回流，有哪些措施可以避免回流，从而提高页面性能 重绘（repaint）和回流（reflow）是浏览器渲染页面时的两个重要的步骤。 重绘是指当一个元素的样式（如颜色、背景等）发生变化，但没有影响其布局（如位置、大小等）时，浏览器会将这个元素的新样式重新画到页面上。 回流则是指当一个元素 ......
CSS选择器
Beautiful Soup还提供了另外一种选择器——CSS选择器，所以CSS选择器是基于Beautiful Soup的库来实现的。使用CSS选择器只需要调用select方法，传入相应的CSS选择器即可。下面我们通过一个实例来看一下CSS选择有哪些具体用法。 代码案例如下： html='<div c ......
如何利用Requestly提升前端开发与测试的效率，让你事半功倍?
痛点 前端测试 在进行前端页面开发或者测试的时候，我们会遇到这一类场景： 在开发阶段，前端想通过调用真实的接口返回响应 在开发或者生产阶段需要验证前端页面的一些 异常场景 或者 临界值 时 在测试阶段，想直接通过修改接口响应来验证前端页面是否正常 想验证后端服务响应比较慢的情况下，验证前端页面是否正 ......
小米商城主页展示HTML+CSS
大佬们呀，花了好几天的时间总算是看着页面展示可以了，求赐教！ 小米商城主页，对大佬来说肯定简单爆了，我抄写了好久呀，总是有一点点的小问题，还搞不明白 主要是一个静态的小米商城页面，HTML前端代码不复杂，一堆的div和ul、li就没问题了，主要是css代码搞不懂导致显示不正常 话不多说，直接上代码： ......
css3 flex弹性布局详解
一、flexbox弹性盒子 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 二、基本概念 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提 ......
UIOTOS：一款无门槛的前端0代码搭建工具
什么是UIOTOS？ UIOTOS中文名称前端大师，是一款基于图形技术的前端0代码工具，支持通过连线和嵌套无门槛来搭建各类复杂的的交互界面，包括后台管理系统、组态数据大屏等，实现跟代码开发媲美的效果。 为什么要做？ 前端技术更新快，开发和学习成本高 在软件开发领域，UI界面开发技术更新迭代最快，层出 ......
前端配置化表单组件设计方法
前端开发中涉及表单的页面非常多，看似功能简单，开发快速，实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多，vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本，下面介绍表单配置化组件的封装原理与封装方法。 ......