Web/16-前端综合/2022年-前端日记.md
2022-10-09 14:52:10 +08:00

38 lines
1.2 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

### 2022-03-30
有些Mac设备里Safari浏览器的默认字体竟然是宋体这太奇怪了。建议在页面的 body 标签设置**字体族**的优先级,还是很有必要的:
```css
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
```
参考链接:
- [Web 字体 font-family 再探秘 · Issue #69 · chokcoco/iCSS](https://github.com/chokcoco/icss/issues/69)
### 2022-04-27
在flex布局的容器里如果发现某个子元素的尺寸与预期不符说明这个子元素可能是被挤掉了。
解决办法是给这个子元素设置如下属性,则表示它不会被挤压:
```
flex-shrink: 0;
```
### 2022-09-26-从 html 富文本中提取纯文本(通过正则表达式)
```js
// 写法1
const text = html_str.replace(/<[^<>]+>/g,"");
// 写法2
const reg = new RegExp('<[^<>]+>','g');
const text = html_str.replace(reg ,"");
```
参考链接:
- [js提取html字符串的文本方法总结去html标签 - 掘金](https://juejin.cn/post/7020985945218351135)