前端笔记

JS代码初始化加载问题

对象初始化器 - JavaScript | MDN
JavaScript初始化加载的3种方式_js初始化加载方法_——潇洒走一回——的博客-CSDN博客
页面初始化时执行js方法_51CTO博客_js页面加载后执行

<script>
//只能有一个
window.onload = function(){
    alert("JS初始化加载");
}
</script>
<script>
// 可以有多个但是容易被断开传播链
window.addEventListener("load", (event) => {
    alert('load1');
});
window.addEventListener("load", (event) => {
    alert('load2');
});
</script>
<script>
<script>
// 这个就可以随心所欲，为所欲为了
function thisPageInit(){
    alert('function init')
}
// 可以不timeout
setTimeout(function(){
    thisPageInit();
},1500)
</script>

设置自动换行

.el-radio-button__inner{
    word-break: break-word;
    white-space: normal;
    word-wrap: break-word;
    height: auto;
}

移动端设置宽度

calc() - CSS：层叠样式表 | MDN

.radioDiv{
    width: calc(86vw);
    max-width: 960px;
    min-width: 320px;
 
}

https://blog.csdn.net/daocaorenII/article/details/104797494
window.self

功能：是对当前窗口自身的引用。它和window属性是等价的。

语法：window.self

注：window、self、window.self是等价的。

window.parent

功能：返回父窗口。

语法：window.parent

注：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。

window.top

功能：返回顶层窗口，即浏览器窗口。

语法：window.top

注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用；如果窗口仅在一层iframe中，top属性与parent属性等价。

通过window.parent ,window.top,window.self可以分别获取当前窗口、父窗口、顶层窗口的对象引用，我们可以使用这三个对象判断是否应用有iframe嵌套或者是否有多层iframe嵌套或实现其它功能。

js 中变量的作用域问题

JavaScript 是一门动态类型脚本语言，语法灵活（匿名函数、闭包、原型继承等），是单线程的（具有异步和事件驱动模型）