![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML CSS JS
文章平均质量分 66
kfepiza
这个作者很懒,什么都没留下…
展开
-
text-decoration-line、text-decoration-color、text-decoration-style、text-decoration-thickness
CSS 简写属性设置文本上的装饰性线条的外观。它是和较新的属性的缩写。原创 2024-06-23 04:35:46 · 930 阅读 · 0 评论 -
CSS的 text-decoration
CSS 简写属性设置文本上的装饰性线条的外观。它是和较新的属性的缩写。原创 2024-06-23 04:29:52 · 534 阅读 · 0 评论 -
Html去除a标签的默认样式
Html去除a标签的默认样式,a标签超链接字体默认蓝色带下划线;测试代码原创 2024-06-23 04:23:12 · 896 阅读 · 0 评论 -
place-content place-items 试验2406221223
原创 2024-06-22 13:11:45 · 100 阅读 · 0 评论 -
IndexedDB的ObjectStore的add和put方法有什么不同
IndexedDB的ObjectStore的add和put方法有什么不同?IndexedDB的ObjectStore的add和put方法的主要区别在于它们处理主键冲突的方式和返回值的类型。addaddputputaddIDBRequestputIDBRequestadd总的来说,选择使用add还是put方法取决于你的具体需求。如果你需要确保数据的主键唯一性,并且不希望更新已存在的数据,那么应使用add方法。如果你需要能够更新已存在的数据,或者添加新的数据(无论主键是否存在),那么应使用put方法。原创 2024-03-27 10:13:48 · 798 阅读 · 0 评论 -
css与鼠标光标指针相关的属性有哪些?
cursor设置鼠标光标的样式。:hover伪类选择器:用于选取鼠标悬停在元素上时的样式。可以通过:hover伪类选择器来设置鼠标悬停时的样式。:active伪类选择器:用于选取鼠标点击元素时的样式。可以通过:active伪类选择器来设置鼠标点击时的样式。:focus伪类选择器:用于选取具有焦点的元素。可以通过:focus伪类选择器来设置具有焦点时的样式。属性:控制元素是否响应鼠标事件。属性:控制用户是否可以选择元素的内容。cursor。原创 2024-03-21 00:33:28 · 1703 阅读 · 0 评论 -
css禁用元素指针事件,鼠标穿透,点击下层元素,用`pointer-events:none;`
属性用于控制HTML元素如何响应鼠标和触摸事件,如点击、悬停等。这个属性决定了在何种情况下元素能够成为鼠标或触摸事件的目标。属性为开发者提供了灵活的方式来控制元素与鼠标和触摸事件的交互,从而可以创建出更丰富、更有趣的用户体验。属性是一个可继承属性,这意味着如果父元素设置了该属性,而子元素没有设置,那么子元素将继承父元素的。属性有多种可能的值,但其中两个最常用的值是。例如,你可以使用以下CSS代码来设置元素的。比如 button按钮 上面有个元素挡着。鼠标穿透,使鼠标事件无效。原创 2024-03-21 00:31:18 · 1612 阅读 · 0 评论 -
Js的 Promise的 then catch 笔记240222
上面代码中,f的标准名叫做resolve, 所以应该写成实际上Promise和then都可以有两个参数,resolve和虽然Promise中的resolve和reject都会执行,但then参中的resolve和reject只会执行其中一个, 前面的执行了,后面就不执行了,将resolve和reject调换位置测试可以将resolve和reject分别写到中这样正常执行resolve, 异常执行reject .但如果在then块中抛异常了怎么办呢?可以写到catch函数中, 注意是catch。原创 2024-02-22 11:16:49 · 745 阅读 · 0 评论 -
js如何抛异常,抛自定义的异常
最简单的自定义异常来自chrome123的控制台的测试(匿名) @ VM209:1undefined示例1try{ throw "异常" } catch(e){ console.log(e);try{ throw new Error("自定义异常名") } catch(e){ console.log(e);try{ throw {n:"Object", v:"抛对象"} } catch(e){ console.log(e);原创 2024-02-22 05:49:37 · 615 阅读 · 0 评论 -
CSS的全局值 initial inherit revert overlay unset
在CSS中,全局值是一组特殊的值,可以应用于大多数的CSS属性,用于改变这些属性的默认值、继承行为或重置为浏览器的默认样式。不过,需要注意的是,使用这些关键字时,请务必检查它们的浏览器兼容性和预期的行为,因为CSS的规范可能会随着时间而更新,而浏览器的支持情况也会有所不同。是特殊的值,它们可以应用于大多数CSS属性,以改变属性值的继承、重置或层叠行为。使用这些全局值时,重要的是要理解它们的行为,并检查你的目标浏览器是否支持这些值。,因为它是一个相对较新的关键字,可能不是所有浏览器都支持。原创 2024-02-20 00:34:37 · 488 阅读 · 0 评论 -
css3的var()函数
需要注意的是,自定义属性的名称是区分大小写的,并且在引用时必须使用与定义时完全相同的名称。这个函数提供了一种强大的方式来创建可重用和可维护的样式,尤其是在大型项目中,当需要在多个地方使用相同的值时。CSS 变量的一个强大之处是它们可以动态更新,这意味着当变量的值改变时,所有使用该变量的样式都会自动更新。它允许你在样式表中定义可重用的值,并在多个地方引用它们,从而使你的CSS更加灵活和可维护。这些例子展示了如何在CSS样式中定义和使用自定义变量,并通过var()函数引用这些变量的值。这通常是通过修改元素的。原创 2024-02-19 08:38:23 · 1899 阅读 · 0 评论 -
CSS的伪类选择器:nth-child()
第一个匹配的元素是 0 [=5x0],但由于元素的索引是从 1 开始的而 n 从 0 开始,所以不会匹配任何元素。是一个非常强大的工具,它允许你根据元素在其父元素中的位置(序数)来选择特定的子元素。表示第 4 [=(3×0)+4]、7 [=(3×1)+4]、10 [=(3×2)+4]、13 [=(3×3)+4]……表示第七个及其之后的元素:7 [=0+7]、8 [=1+7]、9 [=2+7],等等。表示兄弟元素列表中的第 8 到第 15 个,且为 元素的元素。原创 2024-02-18 00:11:54 · 2056 阅读 · 0 评论 -
CSS的伪类选择器:nth-child()的用法示例
第一个匹配的元素是 0 [=5x0],但由于元素的索引是从 1 开始的而 n 从 0 开始,所以不会匹配任何元素。表示第 4 [=(3×0)+4]、7 [=(3×1)+4]、10 [=(3×2)+4]、13 [=(3×3)+4]……表示兄弟元素列表中的每个 元素。这与简单的 p 选择器选择的元素相同(尽管具有更高的优先级)。表示第七个及其之后的元素:7 [=0+7]、8 [=1+7]、9 [=2+7],等等。表示兄弟元素列表中的第 8 到第 15 个,且为 元素的元素。表示第 7 个元素。原创 2024-02-17 21:21:37 · 902 阅读 · 0 评论 -
CSS的注释:以“ /* ”开头,以“ */ ”结尾
**//*原创 2024-02-17 16:05:50 · 535 阅读 · 0 评论 -
CSS background-size
将使背景图片缩放至最大尺寸,同时保持其原始的宽高比,以确保图片完全适应容器元素。这个例子将一个名为image.jpg的背景图片应用到一个div元素上,并使用contain属性值来缩小图片以适应div元素的尺寸。:这些值分别将属性设置为其初始值或从父元素继承值,但它们在实际使用中较少见,因为通常你会想要明确指定背景图片的大小。contain:将背景图片缩小以适应元素的尺寸,同时保持图片的长宽比。如果容器元素的宽高比与图片的宽高比不同,图片将被裁剪以适应容器。百分比是相对于容器元素的宽度和高度的。原创 2024-02-17 05:20:03 · 1039 阅读 · 0 评论 -
CSS的background 背景图片自动适应元素大小,实现img的默认效果 background-size:100% 100%;
background-image:url(./200x200测试用黑底图片_2024-02-17_02-47-58.png);background-image:url(./200x200测试用黑底图片_2024-02-17_02-47-58.png);background-image:url(./200x200测试用黑底图片_2024-02-17_02-47-58.png);background-image:url(./200x200测试用黑底图片_2024-02-17_02-47-58.png);原创 2024-02-17 03:44:31 · 4113 阅读 · 1 评论 -
Html的<figure><figcaption>标签
标签用于包含独立的内容,这些内容应该与页面的主要内容分开,但仍然与页面有关。元素表示一段自包含的内容,通常与主内容相关,但也可以独立存在。标签通常一起使用,用于表示页面中的独立内容,如图片、图表、代码块等,以及为这些内容提供说明或标题。标签通常一起使用,用于对图像、图表、照片、代码块等进行分组,并为这些元素提供描述或标题。标签的内容以较小的字体显示,并将其与主要内容稍微区分开来,以便用户可以轻松地识别它。标签中,因此它们被视为一个独立的单元,与页面的其他内容分开。标签一起使用,以提供对内容的描述或解释。原创 2024-02-17 01:27:55 · 1343 阅读 · 0 评论 -
css3的calc()
了解一个英语单词,首先要看它在词典中的定义。我们来看一下calculate和compute在剑桥词典中的定义是什么:从上面的定义来看,calculate和compute都是计算某个事物的数量、总量,不过从方法来看,calculate没有限定是用什么方法,但compute往往是用机器得到结果。但是在方法这个层面也不是一定的,所以在大多数情况下,二者都可以互换。比如,下面的几个例子中calculate和compute可以互换:原创 2024-02-17 00:09:36 · 676 阅读 · 0 评论 -
echarts的title标题属性
left 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘left’, ‘center’, ‘right’。top 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘top’, ‘middle’, ‘bottom’。还可以是 ‘serif’ , ‘monospace’, ‘Arial’, ‘Courier New’, ‘Microsoft YaHei’, …图形阴影的模糊大小。原创 2024-02-10 02:29:17 · 2648 阅读 · 0 评论 -
Js的String的replace(和replaceAll(
相同点不同点比如给字符串"abcdaabcdefgabcaabcdefg"中符合/aa/规则的内容加括号以下代码等效也可以使用函数方式原创 2024-01-05 01:29:35 · 774 阅读 · 0 评论 -
使用注册表给Windows右键添加:新建HTML文档模板的功能
使用注册表给Windows右键添加:新建HTML文档模板的功能。原创 2023-12-01 08:40:12 · 1225 阅读 · 0 评论 -
CSS font-family 等宽字体
【代码】CSS font-family 等宽字体。原创 2023-08-01 00:08:59 · 1017 阅读 · 0 评论 -
Echarts dataZoom x轴横坐标缩放
房子 option下的第一级, 和 xAxis , yAxis , series 等 同级;可以是一个Object, 也可以是Object数组。原创 2023-07-01 04:10:54 · 929 阅读 · 0 评论 -
location.href=url 和 location.assign(url) 和 location.replace(url) 和 location.reload()
与 assign() 方法 不同的是,调用 replace() 方法后,当前页面不会保存到会话历史中(session History),这样,用户点击回退按钮时,将不会再跳转到该页面。当调用该方法的脚本所属的源与拥有 Location 对象所属源不同时,通常情况会发生这种异常,此时通常该脚本是存在不同的域下。由于一些历史的原因,网景浏览器的一些版本添加了对它的支持,显然被继承到了 Firefox 中。当调用此方法的脚本来源和页面的 Location 对象中定义的来源隶属于不同域的时候,就会抛出上述错误。原创 2023-06-10 17:14:55 · 1542 阅读 · 0 评论 -
location.href 和 document.URL 与 document.documentURI
该属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。然而 document.location.href 是可写的,document.URL 是只读的。该属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。document.URL 属于比较老的 api, 作为代替应该尽量使用 window.location.href 而非 document.URL.?的值改变了, 并且页面也改变了, 效果和。原创 2023-06-10 15:25:20 · 1655 阅读 · 0 评论 -
document.URL与document.documentURI
该属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。然而 document.location.href 是可写的,document.URL 是只读的。但是不像 URL,documentURI 适用于所有类型的文档。document.documentURI 也返回与该属性相同的值,不过它在非 HTML 文档中也可以使用。从 1990 年开始,并在“WWW 中的通用资源标识符”中进行了描述。与之前的 RFC 相比,所有重大更改均在附录 G 中注明。原创 2023-06-10 12:56:52 · 815 阅读 · 0 评论 -
对比 document.URL 和 location.href
document.URL 属于比较老的 api, 作为代替应该尽量使用 window.location.href 而非 document.URL.?浏览器地址栏输入 https://cn.bing.com/#aaa?document.URL只读 , location.href读写。因为页面改变了,控制台内容也清空了, 所以没法截图。的值改变了, 并且页面也改变了, 效果和。一样, 可以"后退"原创 2023-06-10 11:43:11 · 156 阅读 · 0 评论 -
Echarts的x轴调整间隔,可以用 xAxis数组子项的axisLabel.interval
如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。(index:number, value: string) => boolean 第一个参数是类目的。可以用数值表示间隔的数据,也可以通过回调函数控制。可设置为 : number 或 Function 数字或函数。index,第二个值是类目名称,如果跳过则返回 false。坐标轴刻度标签的显示间隔,在类目轴中有效。默认会采用标签不重叠的策略间隔显示标签。默认值是’auto’默认值是 ‘auto’原创 2023-06-06 07:55:53 · 9220 阅读 · 1 评论 -
JavaJs计算统计文档文本中字符串字段字符出现次数
方法5, 要用到第三方jar包, Apache的commons-lang的StringUtils的countMatches方法。split的速度是最快的。原创 2023-06-03 08:56:07 · 107 阅读 · 0 评论 -
element.append() node.appendChild() Element.prototype.append() Node.prototype.appendChild()
方法在元素的最后一个子元素之后插入一组Node对象或DOMString对象。DOMString对象作为等效Text节点插入。语法参数要插入的一组Node或DOMString对象。异常HierarchyRequestError:无法在层次结构中的指定点插入节点。示例附加元素追加文本追加元素和文本append方法是不可分的append()方法的作用域未限定在with语句中。有关详细信息,请参见Symbol.unscopables。规范文档浏览器兼容性参阅。原创 2023-05-08 01:24:06 · 490 阅读 · 1 评论 -
document.domian document.URL document.baseURI(Node.baseURI) document.documentURI location.href
网络页面(本页)的location:host,hostname,href,origin,pathname本地文件页面的location:host,hostname,href,origin,pathname网络的document.domian本地的document.domian是空字符串。原创 2023-05-05 11:44:23 · 186 阅读 · 0 评论 -
parentNode 与 parentElement
html元素的 parentNode 是 document。html元素的 parentElement 是 null。原创 2023-04-27 15:35:03 · 593 阅读 · 0 评论 -
CSS居中之 { left:50%; top:50%; transform:translate(-50%,-50%); }
也可以写成:用 translate 的必须是块级元素, 或者absolute,fixed 才会生效比如 translate 在 relative+inline 时不会起作用left 和 top 在 position:relative,absolute,fixed 才会生效所以position不能是static;display不能是inline,relative+inline 时, left和top起作用, translate不起作用。原创 2023-03-04 21:55:11 · 2105 阅读 · 3 评论 -
Html引入外部css <link>标签 @import
type=“text/css” 可以不写。原创 2023-02-27 22:06:34 · 2171 阅读 · 0 评论 -
Html和Markdown中的空格,  ;     以及   ‌ ‍三种Unicode空格
HTML和Markdown可以用以下转义字符分隔字符,,,,,的宽度,可运行于所有主流浏览器。其他几种空格(,,,,)在不同浏览器中宽度各异。原创 2022-11-11 07:06:30 · 3260 阅读 · 0 评论 -
HtmlCss光标(插入符caret)透明隐藏光标 221106笔记
没有设置 caret-color插入符光标红色 caret-color:red。文字插入符光标透明原创 2022-11-06 21:00:18 · 1091 阅读 · 0 评论 -
设置textarea禁止拉伸的方法: resize:none 221106笔记
设置textarea禁止拉伸的方法就是设置css的resize的值为none。原创 2022-11-06 19:49:58 · 1734 阅读 · 0 评论 -
textarea自动高度 笔记221106
textarea自动高度笔记2211061802原创 2022-11-06 18:26:02 · 424 阅读 · 0 评论 -
display:grid 时 , grid-auto-flow:row可以用align-content , grid-auto-flow:column可以用justify-content
display:grid 时 , grid-auto-flow:row可以用align-content , grid-auto-flow:column可以用justify-contentalign-content和justify-content既能用于flex,也能用于grid代码:原创 2022-11-05 19:33:46 · 96 阅读 · 0 评论 -
display:grid,gird-auto-flow:row时align-content的效果笔记221105
display:grid; grid-auto-flow:row; 时 align-content的效果代码:div原创 2022-11-05 19:24:40 · 67 阅读 · 0 评论