24年4月-6月工作笔记整理（前端）

一、css样式

1.css文字方向配置
writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
horizontal-tb：水平方向自上而下的书写方式。
vertical-rl：垂直方向自右而左的书写方式。
vertical-lr：垂直方向内内容从上到下，水平方向从左到右。
sideways-rl：内容垂直方向从上到下排列。

2.css实现渐变色边框
.border-box {
border: 4px solid transparent;//边框宽度设置
border-radius: 16px;//圆角设置
background-clip: padding-box, border-box;//背景图片延伸到内边距和边框
background-origin: padding-box, border-box;//背景图相对内边距和边框之间定位
background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #8F41E9, #578AEF); //第一个设置背景色，第二个设置边框渐变色
}

二、浏览器知识

1.iframe 里的内容默认是不支持全屏的，如果需要，加allowfullscreen参数
2.postMessage本地调试解决跨域问题：window.parent.postMessage(‘close’, ‘*’)

随着工作经验的增长，不懂的知识点越来越少，或许是简单重复的工作太多了，提升也会变慢，得自己给自己充电。