zer0fire

实在没什么想法遂去查了资料，发现一个完全面生的 API ，document.fonts ，自己浏览器里实验了下默认字体正常可用，外部引用字体正常可用 [Demo](https://output.jsbin.com/rosuvutagu) 还不太熟悉这个 API 的全部用法，所以目前我的办法是如果要引入字体的话，要先在 css 引入字体，然后再执行如下代码，不知道是否符合题意 ```css @font-face { font-family: 'lota'; src: url('../static/font/lota.woff2'); font-weight: normal; font-style: normal; } ``` ```js document.fonts.load('50px lota').then(val => { console.log('success') var...

[Demo](https://jsbin.com/gosorepivi/1/edit?html,css,output) ```css ul,li { list-style-type: none; } ul { padding: 0; display: flex; justify-content: center; /* 居中 */ flex-wrap: wrap; /* 可换行 */ } li { margin: 10px; height: 120px;...

```js document.addEventListener( "visibilitychange", function(){ // 可视态切换 if( document.visibilityState === 'visible'){ getAccount(); } }) getAccout() // 首次进入页面 ```

[Demo](https://jsbin.com/jolamizeju/edit?html,css,output) ```html JS27 function charCheck (str = '') { let filterList = [ // 使用 u 标识识别 Unicode，使用 /\p{Unified_Ideograoh}/u 匹配汉字，这样当生僻或者新造字加入后不会造成匹配不到的情况 { reg: /\p{Unified_Ideograph}+[A-Za-z]+|[A-Za-z]+\p{Unified_Ideograph}+|\p{Unified_Ideograph}[A-Za-z]+\p{Unified_Ideograph}/gmu, text: '中英文之间需要增加空格', }, { reg: /\p{Unified_Ideograph}+\d+|\d+\p{Unified_Ideograph}+|\p{Unified_Ideograph}\d+\p{Unified_Ideograph}/gmu, text:...

```html Document body { height: 2000px; background-color: rgba(0,0,0,0.05); } #wrapper { overflow: scroll; background-color: rgba(0,0,0,0.05); width: 500px; height: 500px; position: relative; } #content { height: 1000px; background-color: rgba(0,0,0,0.05); } #backTop1,...

[demo](https://jsbin.com/qijizazope/1/edit?html,css,js,output) ```css ul { list-style: none; padding: 0; margin: 0; transform-style: preserve-3d; /* display: inline; */ /* justify-content: center; */ align-items: center; margin: 45px; } li { display: inline-block; list-style:...

```js // const selector = document.getElementById('#selector') // 1 获取 selector 的 form 父元素 selector.form // 2 获取 selector 选中的 selectedIndex selector.selectedIndex // 3 获取 selector 第 3 个 options 元素的...

[demo](https://jsbin.com/banuzomope/edit?html,css,js,output) ```css .radius { width: 200px; height: 100px; position: relative; background-color: #fff; margin: 40px; } .radius::after { content: ''; position: absolute; width: 220px; height: 120px; background: linear-gradient(deepskyblue, deeppink); border-radius: 10px;...

```js let param = new URLSearchParams(window.location.search) let dialog = document.querySelector('#overlay') let showButton = document.querySelector('#showButton') let urlFlag = param.get('show') if(urlFlag) { dialog.style.display = 'block' } showButton.addEventListener('click', () => { let param...

[Demo](https://jsbin.com/favorey/3/edit) ```html DOM43 h2 { margin: 0; background-color: lightblue; height: 300px; } #nav { text-align: center; } .container { display: inline-block; } .item-container { margin: 0; padding: 0; list-style: none;...