qq_44062823的博客

还需要监听屏幕大小，对页面内容的padding和margin以及fontsize 都做相应的处理才行。以上就是适配的全部内容了，最重要的是要抓住核心，确定好最低适配的高度和宽度！最近有个需求，要求：不管是大屏还是笔记本，都需要使页面不能滚动！// 当屏幕高度小于900px并且屏幕宽度大于1440的时候。// 因为我这边做的处理是宽度小于1440就直接不判断了。自适应页面，适应大屏和笔记本，相信第一时间肯定会想到。怎么会有这么无理的要求哇！@media 多媒体查询。页面的整体布局是这样的。

在 Vue 3 中实现虚拟滚动是一种高效的优化方式，尤其适用于处理大量数据时，可以显著提升性能和用户体验。

最后呈现出来的就是列表虚拟滚动有延迟，但是这里面的。vue3 版本： ^3.2.31。按照上述链接的内容一摸一样做的，

众所周知，JS是一门单线程语言，这意味着他在任何时刻只能执行一段代码，为了处理异步操作（如网络请求，定时器，用户交互等），JS运行时环境引入了事件循环机制。今天主要探讨任务队列和事件循环JS执行过程中会产生两种任务：同步任务和异步任务。

在vue中，DOM的更新和渲染是异步的（简单说并不是数据发生变化后立即更新DOM，而是按照一定的策略进行DOM的更新）。，是搜索一个数据后 组织树el-tree展开对应的树节点高亮，并且滚动条 滚动到组织树的中间位置，以便于可以看到高亮节点.宏任务：整体代码script，setTimeout，setInterval，setImmediate。先执行整体代码，执行过程中有新的宏任务/微任务，就将他们推入相应的任务队列。然后执行微任务，执行完所有的微任务后，在执行宏任务。以上代码是可以实现滚动到节点位置的。

实现逻辑：列表项拖拽到可放置目标时，将该拖拽的元素从原位置删除，再将拖拽的元素插入到当前可放置目标的位置。

el-tree 组织树，搜索任意组织树节点时，树节点高亮并且滚动条滚动到搜索的节点位置。

人和组织关联，展示人下面的组织，用G6画。

1.JS问题：由于vue是单页面应用，在页面渲染的时候会加载很大的js文件。在js解析加载完成之前无法展示页面，从而导致了白屏（当网速不佳时，也会产生一定程度的白屏）2.浏览器兼容问题：vue代码在IE浏览器中显示白屏3.页面报错还有后端接口加载时间过长导致出现长时间的白屏问题。

var 声明的index 具有函数作用域，无论循环多少遍，更改的只有这一个index，且setTimeOut 异步执行，所以当他执行时，index 已经变成了10.因此会输出10个10。他只在声明它的代码块（如if 语句块，for 循环块等）内有效。let声明的indx 具有块级作用域，每次循环都会创建一个新的index 变量，因此会依次输出0-9。函数作用域：在函数内部声明，他的作用域是整个函数，无论在函数的哪个位置声明，都会被提升到函数的顶部。然后有一道经典面试题可以一起看下~~~为什么会这样打印呢？

看到这个需求，我去看了企业微信-开发者中心-在客户端API找到会话-打开个人聊天窗口schema。获取launch_code 从而可以打开个人聊天窗口。这种方式也是可以直接跳转到企微聊天框。

（业务已全量发布 或 命中白名单 或 命中尾号逻辑）且 符合客户端版本号限制条件。封装了一个检测是否符合灰度条件的函数。

之前一直都是使用公司内部的代码提交工具，提交到公司内部的代码库最近想要看看github上的代码，于是本地拉取了一下，会报这个错。

需求希望表格多字段排序，但是在element-plus 里面的表格只支持单列排序所以只能采用自定义排序 sort-change 监听排序。

2.我看到element-plus 里面有虚拟化表格，这个其实可以解决数据量很大导致的卡顿问题，但是当前项目的element-plus 版本不支持，我的是2.1.6，虚拟化表格需要2.2.0。这种要写tsx，如果表格没其他的功能只是展示是ok的，但是我的表头是动态的，而且tsx我也不是很熟，so 最后我也没选择。这个插件可以解决，版本也合适，但是他的按需导入有坑，全量导入又觉得没必要，仅仅只是一个表格的问题。首先这些数据是一次性获取到的，分组的功能也是前端做的，所以在渲染的时候会一次性渲染很多条。

分组可以根据员工类型和工作地点对表格进行分组，同时可以点击里面的箭头折叠收缩表格，另外当列很多时，会出现滚动条，那所有的表格和表头都要跟着当前的滚动条一起滚动。vue3背景，需要做分组功能，这个页面是这样设计的。于是当我点击collapeTable函数时。用emit 调用父组件的一起滚动的方法。但是我也不知道为什么......上面的表头用一个table来写。下面是收缩折叠和表格部分。

在右上角的自定义列里面可以去自定义列的数量，最少是3个（固定已知），最多可能是5，60个。要求表头不能换行，上面有个表单筛选，筛选表格数据，以上是背景。我一开始的想法是：既然有3列是固定的，那么这三列宽度可以是auto，其他根据表头的文字宽度设置对应的宽度。后面发现想法是错误的，应该要有minwidth的值，于是乎，三个操作，不管是有无数据还是有几列数据，都能撑满满屏，且表头文字不换行。1.所有的列设置minwidth为他们的文字宽度。2.“操作”除外的列设置width为“auto”

最近在写vue3的表格，旁边有一个drawer(抽屉),可以在这里面去自定义表格列的排序，大致是这样的。如果列的数量没有变化，仅仅只是排序，那显示一定不正确)并且每次点击排序更新的时候，updateKey++(PS:如果列的数量有变化，那排序之后一定正确。排序完后，点击确定，表格的列的排序却没有变化。由此想到可能是数据没有驱动视图。这样每次排序都能应用到表格上了。但是打印表格的数据确实正常的。于是我参考了这个链接。在表格上加key属性。

需要注意的是，Map中的键是唯一的，如果重复设置相同的键，则后面的值会覆盖前面的值。entries()：返回一个新的迭代器对象，该对象包含Set 对象中的代表每个元素的【value,value】数组。这与Map对象类似。值得注意的是，Set中的值是唯一的，它使用了严格相等运算符（===）来判断值是否相等。因此对于引用类型的值，比如对象和数组，他们的引用地址不同被认为是不同的值。entries()：返回一个包含映射中所有键值对的迭代器，每个键值对都是一个包含两个元素的数组，第一个是键，第二个是值。