qq_42582773的博客

1. 分别用Flex布局和Grid布局实现两边固定中间自适应三列布局相关文章：https://juejin.cn/post/7249010956935266364?searchId=202407250009004EE0BBD1E792FB92FB60#heading-52. Http1.1 和 Http 2 有什么区别？新的二进制格式；多路复用：同一个TCP连接李敏啊，客户端和服务器可以同时发送多个请求和多个响应，并且不用按照顺序来。header压缩。HTTP1.x 的 header 带有大

历史小剧场唐代实在太高太强了，他们忽忘了民族界限，他们不懂害怕外国人，不懂提防外国人，大量使用外国人当兵作将，结果才弄得不可收拾。于是唐代的府兵一变而成为“藩镇”，军阀割据，胡族临制。----《中国历代政治得失》location 和 history接口window.location说到location对象，它有很多的属性。我们可以通过改变其属性值修改页面的url。我们在单页应用中需要做到的是改变url不刷新页面，location接口提供以下两种方式可以做到:locaiton.href 赋值时

当浏览器遇到了带有async属性的script时，请求该脚本的网络请求是异步的，不会阻塞浏览器解析HTML，一旦网络请求回来之后，如果此时HTML还没有解析完，浏览器会暂停解析，会让JS引擎执行代码，执行完毕后再进行解析。相对而言，流芳千古的钱谦益先生，就有点儿区别了，除了家产外，也很能挣钱（怎么来的就别说了），经常出没红灯区，六十岁多了，还娶了柳如是，明朝亡时，说要跳河殉国，脚趾头都还没下去，就缩了回来，说水冷，不跳了，就投降了清朝。----《明朝那些事儿》很明显，执行JS脚本和渲染占据了大量时间。

历史小剧场一个皇帝从不需要用个人的良好品格来证明自己的英明，恰恰相反，在历史上，干皇帝这行的人基本都不是什么好人，因为好人干不了皇帝，朱匀炆就是铁证。----《明朝那些事儿》1. 前置知识1.1 DataTransfer接口介绍一个属性：dataTransfer.effectAllowed: 提供所有可用的操作类型。必须是 none、copy、copyLink、copyMove、link、linkMove、move、all or uninitialized通过这个接口，我们可以控制拖拽元

getBoundingClientRect方法: DOM对象的一个方法，返回一个DOMRect对象。// 当滚动条滚动时，top、left、bottom、right时刻会发生改变。// 获取元素偏移的高度，就是距离可视窗口的偏移量。// 表示当子元素和父元素覆盖多少时触发回调函数。// 获取可视窗口的高度- 兼容写法。// 获取滚动条滚动的高度。

在一些需求当中，比如一些报表。他会有指定的ID，为了实施人员方便制作报表及调试，我们会实现报表ID的复制功能。方便调试。

async: 声明一个异步函数自动将常规函数转换成Promise，返回值也是一个Promise对象；只有async函数内部的异步操作执行完，才会执行then方法指定的回调函数；异步函数内部可以使用awaitawait: 暂停异步的功能执行放置在Promise调用之前，await强制其他代码等待，直到Promise完成并返回结果;只能与Promise一起使用，不适用回调；只能在async函数内部使用简单使用// let name = await "后盾人"

在这个案例，首先会将 dict_approval_number_type 字典中的数据渲染到页面上，然后再将 dict_pub_code 字典中的数据渲染到页面上。我说过，所谓王朝，跟公司单位差不多，单位出了事，领导要负责任，降级、扣工资、辞退，当然，也包括自尽。现实是残酷的，而今这个世界，要活下去，必死需要更大的勇气。运行如上代码，会每隔1秒钟执行 task1和task2。但崇祯的死，并非懦弱，而是一种态度，负责人的态度。运行如上代码，会每隔1秒钟打印 1 2 3 4 5。运行上诉代码，我们可以看到。

历史是一个好客的主人，但却从不容许客人取代它的位置，历史也从来就不是一个人或是几个人可以支配创造的。所谓时势造英雄，实乃至理名言。----《明朝那些事儿》这个案例，我们可以让页面上的内容跟随着页面窗口宽度的变化而变化。

在日常的项目开发中，当我们在编写一个完整的组件时，不可避免的会引用一些外部组件或者自定义组件。而有些内容是在父组件中一样的，而在子组件中会对一些数据单独的处理。为了解决类似这样的问题，Vue设计出来了slot这个东西，也可以称为Vue的内容分发机制，它的主要作用就是向子组件的指定位置插入一断内容，这个内容可以是HTML或者其他组件。作用域插槽：数据在子组件那边，但根据数据生成的结构，却由父组件决定。后来我才明白，造反的宋江，和招安的宋江，始终是同一个人。造反，就是为了招安。----《明朝那些事儿》

父组件添加modelValue绑定数据且传递到子组件，然后绑定@update:modelValue事件接收子组件传过来的值子组件内部使用defineProps来接收父组件modelValue传过来的值，使用defineEmits自定义事件修改值然后触发父组件@update绑定的事件。

最幸福的，就是中间那拨人，主要工作，叫做欺上瞒下，具体特点是，除了好事，什么都办；----《明朝那些事儿》封装到utils工具箱中，对外暴露一个mitt实例。有两个组件，Child1，Child2。

Web Storage API 内建了一套事件通知机制，当存储区域的内容发生改变（包括增加、修改、删除数据）时，就会自动触发storage事件，并把它发送给所有感兴趣的监听者，因此，如果需要跟踪存储区域的改变，就需要在关心存储区域内容的页面监听storage事件。然后，当我们在第一个页面的输入框中输入某个值，例如：今天我真帅。// 同步localStorage数据。至此，跨标签页通信大功告成。然后再去看第二个页面。

凡事要成就大事的，一半在于人的谋划，另一半就要看天意了，看时机会不会到来。（那些说别人缺点，夸自己优点的人，一方面是为了掩盖自己的缺点，另方面是嫉妒别人的优点，目的就在于贬损他人，抬高自己）（不要因为小的缺点而忽视别人的大的优点，不要因为与人的小的怨愤而忘掉别人对你的大恩）如果要对一个元素进行复杂的操作时，可以先隐藏它，操作完成后再显示。不要一条一条地修改DOM的样式，预先定义好class，然后修改DOM的className。天下古今之庸人，皆以一堕字致败，天下古今之才人，皆以一傲字致败。

浏览器在渲染一个页面时，会将页面分为很多个图层，图层有大有小，每个图层上有一个或多个节点。拥有CSS加速属性的元素（will-change）使用加速视频解码的 节点;节点；拥有具有3D变换的CSS属性；CSS3动画的节点；

声明一个匿名函数马上调用这个匿名函数销毁这个匿名函数")})()等同于")fn()

闭包就是指有权访问另一个函数作用域中变量的函数。

在组件嵌套多层情况下，不论组件嵌套多深，父组件都可以通过provide来提供数据，子组件或孙组件或曾孙组件使用inject注入数据。还有，在兄弟组件之间传值也很方便。

toRef 和 toRefs 是Vue3中的响应式转换工具函数toRef: 不影响源对象的情况下，对属性进行单独的访问和修改。toRef函数正是为了解耦属性的关联，将属性转换为一个独立的ref对象。并且：两者之间同步更新。toRefs: 在父组件向子组件传递属性时，需要将这些属性声明为响应式对象。但是，如果直接将整个响应式对象传递给子组件，子组件无法通过解耦或者直接访问每个属性。又或者是在单页面上数据双向绑定时在View层不想要写这个响应式对象点的形式而是直接访问属性。

所谓历史，就是过去的事，它的残酷之处在于：无论你哀嚎，悲伤，痛苦，落寞，追悔，它都无法改变。但是，我们点击修改姓名是，只有控制台打印的姓名变了，而界面上却没变。一具有名的尸体躺在无数无名的尸体上，这就是所谓的霸业。这就是说明，这里在info里面的属性不是响应式的。当我们点击增加学号时，界面上学号+1；只有根级别的属性是响应式的。只有根节点的属性是只读的。