前端 全局css色彩

前端封装 IndexedDB 存储和使用gltf模型文件的方法,以重复使用代码

以下是一个简单的封装IndexedDB存储和使用gltf模型文件的方法,可以重复使用代码: function saveModelToIndexedDB(modelName, modelData) { return new Promise((resolve, reject) => { const re ......
前端 IndexedDB 模型 代码 文件

配置全局异常

配置相关 在python3.6之后,处理文件的路径模块由原来的os 变成 pathlib,这两者之间互相不会收到影响。 settings配置文文件 from pathlib import Path import os import sys # 项目根路径 # 我们就是要让小路飞路径作为项目根路径 B ......
全局

微信小程序九宫格布局css

微信小程序九宫格布局css .grid-list{ display: flex; flex-wrap: wrap; border-left: 1rpx solid #efefef; border-top: 1rpx solid #efefef; } .grid-item{ width:33.33%; ......
九宫 布局 程序 css

前端面试题总结

1 递归 是什么? 递归确定只是函数自调用吗? 如果非得要用递归渲染一个菜单, 你要怎么做. 说具体的步骤. 说核心. //第n项的和 sum(n) = sum(n-1)+n 终止条件n=1 function sum(n){ if(n==1) return 1 return sum(n-1) + n ......
前端

两个div在同一行显示CSS如何实现

一般两个div同行显示可以用float: left和display: inline_block来实现 <div class="div1">div1</div> <div class="div2">div2</div> .div1 { width: 200px; height: 200px; text ......
一行 两个 div CSS

事件 jQuery 选择器 筛选器 样式操作 CSS操作 文本操作

事件 事件可以理解为:给HTML标签添加了一些额外的功能,并且能够触发JS的代码运行 1.事件就是达到某个触发条件,自动触发的动作 2.常用的事件 1.onclick:当用户点击某个对象是调用的事件句柄 2.onfoucus:元素获取焦点 3.onblur:元素失去焦点 4.onchange:域的内 ......
样式 文本 事件 jQuery CSS

前端(七)

前端(七) jQuery 属性操作 # 属性操作就是给标签增加删除之类的 # js中如果是自带属性就是点语法不是自带属性就是div.setAttritube('k','v') JQuery: 1. attr(attrName); # 获取匹配到的属性 2. attr(attrName, value) ......
前端

浅谈全局平衡二叉树

首先,这个是GBT,不是GPT。其次,那个是ChatGPT,不是ChatGBT。 原理 我们先考虑一个经典的问题:单点修树上最大权独立集问题,也就是Luogu P4719 【模板】"动态 DP"&动态树分治。 使用树剖维护矩阵可以做到 $O(n\log^2n)$ 的复杂度,可以通过 $10^5$ 的 ......
全局

用css画箭头

在CSS中,可以使用伪元素 ::before 或 ::after 结合 border 属性来创建箭头。以下是一个简单的示例代码: ```html<div class="arrow"></div>``` ```css.arrow { position: relative; width: 0; heig ......
箭头 css

前端奇遇收集

1. jeecgboot-vue3的表格组件,使用的ant-design-vue的2.x版本的组件,其字典字段,页面首次加载,当字段在可视范围内,可正常显示,超出可视范围,即需要横向滚动条拉动,则不能正常显示字段 2. uniap的onShow周期,选择图片,在chrome的手机模拟器中不会触发on ......
前端 奇遇

漫谈前端自动化测试演进之路及测试工具分析

随着前端技术的不断发展和应用程序的日益复杂,前端自动化测试也在不断演进。随着 Web 应用程序变得越来越复杂,自动化测试的需求也越来越高。如今,自动化测试已经成为 Web 应用程序开发过程中不可或缺的一部分,它们可以帮助开发人员更快地发现和修复错误,提高应用程序的性能和可靠性。 ......
测试工具 前端 工具

前端基础之JavaScript

前端基础之JavaScript JavaScript和Java没有半毛钱关系,由于当时的Java热度很热,蹭一下热度。 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布26 ......
前端 JavaScript 基础

web前端

工程认知——Web前端 Week1 一、课程概要、要求和学习方法 概要:本课程将系统地学习现代软件前端开发的实用技术,在前端技术中属于中级实用技术范畴。课程包含前端三大部分 HTML5、CSS3、JavaScript、前端框架和后端框架,循序渐进地将每一部分的实用技术结合讲解、演示,最后交予学生不断 ......
前端 web

CSS实现居中的几种方法

1.flex弹性布局、grid网格布局实现居中(可能有兼容问题) 可以将justify-content: center; align-items: center;简写为:place-items:center; place-items是两者的复合属性,接收两个参数,第一个是align-items,第二 ......
方法 CSS

直播系统代码,小程序全局分享和页面分享

直播系统代码,小程序全局分享和页面分享 全局分享 App({ onShareAppMessage() { wx.onAppRoute(() => { console.log('当前页面路由发生变化 触发该事件onShareAppMessage') const pages = getCurrentPa ......
全局 代码 页面 程序 系统

Vue2 css mixins变量自动导入配置

vue.config.js const path = require("path"); function addStyleResource(rule) { rule .use("style-resource") .loader("style-resources-loader") .options({ ......
变量 mixins Vue2 Vue css

视频直播系统源码,CSS3如何调整背景图片大小

视频直播系统源码,CSS3如何调整背景图片大小 1.length length:设置背景图片的高度与宽度。第一个值设置宽度,第二个值为高度。如果只给出第一个值,那么第二值则设置为auto(自动)。 举例,将背景图片改为20emx20em(默认1px = .05em) width: 30em; hei ......

CSS—相对单位rem

一、概述 rem是一个相对长度单位,它的单位长度取决于根标签html的字体尺寸。rem即root em的意思,中文翻译为根em。浏览器的文本尺寸一般默认为16px,即默认情况下: 1rem = 16px rem布局原理:根据CSS媒体查询功能,更改根标签的字体尺寸,实现rem单位随屏幕尺寸的变化,如 ......
单位 CSS rem

css选择器

1、id选择器 #id_name{} 前缀#,后接选中html元素的id属性值 选取单个 2、class选择器 .class_name{} 前缀.,后接选中html元素的class属性值 可以选择多个 class_name的第一个字符不能是数字 3、标签/元素选择器 label_name{} 直接使 ......
css

css-背景

1、背景颜色 background-color:red; background-color:#b0c4df; background-color:rgb(255,0,0); 设置背景颜色,有三种值,十六进制、RGB方法、颜色名称 在线颜色选择器:在线颜色选择器 | RGB颜色查询对照表 (jb51.n ......
背景 css

css文本

1、color color:red; 设置字体颜色 2、text-align text-align:center; 设置文本的水平对齐方式,可选项:center居中对齐,right向右对齐,left向左对齐,justify两端对齐 3、文本修饰 text-decoration:none; 可选项:o ......
文本 css

css字体

1、font-family字体系列 font-family:"Times New Roman", Times, serif; 应该设置多个,以作为后备机制,如果浏览器不支持第一种字体,他将尝试下一种字体。 字体系列的名称超过一个字,必须使用引号 2、字体样式 font-style:normal; 可 ......
字体 css

css盒子模型

1、介绍 所有HTML元素可以看作盒子,包括: 外边距margin 边框border 内边距(填充)padding 实际内容:显示文本和图像,指定元素的width和height属性实际就是内容的宽度和高度 2、边框 (1)border-style样式 none:默认无边框 dashed 虚线边框 s ......
盒子 模型 css

css一般设置

1、链接 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 超链接a标签具有四个状态,可以基于css选择器进行选择 a:hover 必须跟在 a:link 和 a:visited后 ......
css

css基础

1、介绍 CSS 指层叠样式表 (Cascading Style Sheets),作用是定义如何显示html元素。 解决内容与显示的分离。 2、形式 (1)内联 <p style="color:red">段落</p> (2)内部 <style> p{color:red} </style> (3)外部 ......
基础 css

CSS Font Loading Module Level 3 有哪些变化

CSS Font Loading Module Level 3 是 CSS 中的一个新特性,它允许开发者在不同的浏览器中使用不同的字体加载器。在 Level 3 中,浏览器将使用不同的字体加载器来加载字体,以提高性能和兼容性。 相比 Level 2,Level 3 引入了以下变化: 支持多个字体加载 ......
Loading Module Level Font CSS

php超级全局变量

1、介绍 PHP中预定义了几个超级全局变量(superglobals) ,这意味着它们在一个脚本的全部作用域中都可用。 你不需要特别说明,就可以在函数及类中使用。 PHP 超级全局变量列表: $GLOBALS、$_SERVER、$_REQUEST、$_POST、$_GET、$_FILES、$_ENV ......
全局 变量 php

Css预编语言以及区别

一、是什么 Css 作为一门标记性语言,语法相对简单,对使用者的要求较低,但同时也带来一些问题 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 Css 编写经验而很难写出组织良好且易于维护的 Css 代码 Css预处理器便是针对上述问题的解 ......
语言 Css

CSS个人笔记

CSS 一.CSS又称层叠样式表 《1》结构: ​ 选择器{声明;声明} 声明=属性+属性值 p { color: pink; } 总结: 选择器写在 { } 前面,声明写在 { } 内,声明和声明之间用;隔开 声明是由属性和属性值组成,属性和属性值之间用:连接 《2》CSS样式 | color | ......
笔记 个人 CSS

前端(六)

前端(六) 事件 // 用的地方非常多,需要掌握,但是不需要全部掌握。事件就是达到某个触发条件,自动触发的动作 常用事件: 1. onclick 当用户点击某个对象时调用的事件句柄。 2. onfocus 元素获得焦点。 3. onblur 元素失去焦点。 4. onchange 域的内容被改变。 ......
前端