html
关注
分享
扫一扫
兮木兮木
此人不懒,也什么都没有写。
展开
-
字符实体、字体图标与Unicode码
在 HTML 中，某些字符是预留的，例如小于号「」等，浏览器会将它们视作标签。我们比较熟悉的字符实体有空格「 」，小于号「」等。「你好」二字分别是 Unicode 字符 U+4F60 和 U+597D，十六进制表示的 code point 数值「4F60」和「597D」，同时也就是十进制的「20320」和「22909」。每个字体图标在定义的时候有一个Unicode码，这个Unicode可以是自定义的。以「&#」开头的后接十进制数字，「&#x」开头的后接十六进制数字。原创 2023-02-09 09:52:17 · 1376 阅读 · 0 评论 -
nth-child 与 nth-of-type的一个细节
nth-child 与 nth-of-type的一个细节nth-of-type 选择器只能用在标签后面nth-child 可以用在类名后面demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2021-07-07 09:02:49 · 183 阅读 · 0 评论 -
js xlsx使用说明（主要讲导出表格与设置表头相关）
workbook： 可以理解为XLSX对excel文件描述的一个对象，可通过 XLSX.utils.book_new()来创建，该方法返回workbook对象worksheet：可以理解为XLSX对 excel 中sheet的描述的一个对象，可通过 XLSX.utils.aoa_to_sheet 、 XLSX.utils.json_to_sheet 、XLSX.utils.table_to_sheet 等方法创建，下面会具体讲每个方法的使用。cellAddress: 单元格的地址对象 { c: nu.原创 2021-03-11 03:27:32 · 16412 阅读 · 10 评论 -
h5 操作浏览器历史记录的api pushState replaceState 以及 popstate 事件
在history中跳转使用 back(), forward()和 go() 方法来完成在用户历史记录中向后和向前的跳转。向前和向后跳转在history中向后跳转：window.history.back();这和用户点击浏览器回退按钮的效果相同。类似地，你可以向前跳转（如同用户点击了前进按钮）：window.history.forward();跳转到 history 中指定的一个...原创 2020-05-01 21:11:11 · 968 阅读 · 0 评论 -
vue中 style 中scoped的说明
通俗来讲，在vue文件的style中加上scope关键字，可以保障此文件中的css样式只在此文件内生效，即便是class类名相同。就是不会作用于子组件中与父组件相同类名元素。还有一种例外的情况，就是即使加上了scoped，子组件的根元素样式，会受父组件与子组件共同影响，比如，我在父组件设置.content {color: red},如果子组件的根元素也是class='content'，那...原创 2020-04-12 00:50:57 · 306 阅读 · 0 评论 -
document.documentElement.clientHeight与document.body.clientHeight的区别
网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeightclientHeight： 表示可视区域高度， 包括padding但不包括border、水平滚动条、margin的元素的高度offsetHeight：表示可视区域高度，包括padding、border、水平滚动条，但不包括margin的元素的高度...原创 2020-04-08 15:34:12 · 2874 阅读 · 0 评论 -
css声明变量 :root 伪类 以及 getPropertyValue()方法的各种细节
:root 伪类及css声明变量:root选择器用匹配文档的根元素，在HTML中根元素始终是HTML元素。但是:root的权重高于html声明css变量，一般声明在:root根元素上，这样文档全局都可以取到声明的变量名以--开头比如--text-color在其他css样式中引用变量用var(--text-color)相同的css变量，子级会覆盖:root级，也就是说，当某个元素取cs...原创 2020-03-08 20:38:40 · 1730 阅读 · 0 评论 -
transition 动画与 display: none 冲突的问题
几种元素消失的属性display: none; 元素消失，不占位。visibility: hidden; 元素消失， 占位。opacity: 0;透明度设为0， 元素看不见，占位。width: 0;宽度设为0 ， 元素看不见，不占位。问题transition与display搭配使用时，会导致过渡消失，直接呈现或者消失元素，可能是transition过渡不支持display的...原创 2020-02-24 20:38:16 · 7508 阅读 · 0 评论