m0_47999208的博客

在JavaScript中，判断一个对象是否为空有几种方法。

父应用退出登录，要么用挂载在window上的方法，要么用自己定义的方法。commonUtil.userLogout()函数。

CSR依赖于JavaScript来动态生成页面内容。当搜索引擎爬虫访问一个使用CSR技术构建的网站时，它们最初看到的是空壳HTML文档，只有基本的结构和脚本标签。真正的内容是通过执行JavaScript代码后从服务器获取并插入到DOM中的。如果爬虫不能或没有正确执行这些JavaScript代码，它就无法索引页面的实际内容。：虽然像Google这样的主流搜索引擎已经提高了对JavaScript的支持，并能够执行部分JavaScript以发现更多内容，但并不是所有的搜索引擎都能做到这一点。

在微前端架构中，不同子应用之间通过进行通信是一种常见的做法。这种方式允许不同源的窗口之间进行安全的信息交换。下面是如何使用在微前端环境中发送和接收消息的示例。

有时候会遇到下面的结构或者是对象结构的，get请求在query里传数组或者对象的通常这么处理简单示例对象这种对象也适用。

【代码】在install的时候跟换报错的node_modules文件。

2.win + r -------> cmd --------> ctrl+shift + enter(已管理员身份打开cmd)公司项目很多微应用的子项目公用同一套模板，也就会使用同一个node_modules。1.先创建3个同样的项目,并安装一个其中的一个node_modules给他丢到外边。在项目中如下：是创建了一个快捷键的文件夹和桌面的软件都有同样的光标。3.在窗口分别执行以下代码。

确保了每次循环都会等待当前的异步操作完成后再继续下一次迭代。这意味着即使每个项目处理是异步的（例如涉及网络请求或文件I/O），你也可以按顺序处理它们，而无需手动管理Promise链或回调函数。是JavaScript中的一种循环结构，特别设计用于异步迭代。它允许你以一种简洁、同步风格的方式遍历异步可迭代对象（如那些通过异步生成器函数产生的）。这对于处理异步操作，如。循环提供了一种优雅的方式来遍历异步数据源，使得异步编程更加直观和易于管理。循环，所在的函数必须被声明为。只能在异步函数内部使用。

经过处理后当对象迭代的时候会变成可迭代的数组然后迭代，或者可以自定义key值去迭代，这里转换成了value值。

https://github.com/vuejs/core

4.Array.prototype.forEach()（借助Function.prototype.call()）这里不是重点介绍如何循环类数组对象的。1.使用for循环（基于index）

亲测可用。

Wireshark 是一款强大的网络协议分析工具，用于捕获和分析网络数据包。当我们使用 Wireshark 跟踪一个请求从发出到收到响应的过程时，它能够揭示出这个过程中涉及的各个网络层次、协议交互以及数据包的详细内容。

今天看pure-admin的时候发现有个弹幕功能。

闭包的核心价值在于它能捕获并保持对外部作用域的访问，提供了一种灵活且安全的方式来组织和控制代码中的数据访问。闭包可以保持对外部函数作用域中变量的引用，即使外部函数已经执行完毕，这些变量也不会被垃圾回收机制回收，从而延长了它们的生命周期。外部代码无法直接访问到闭包内部的变量，只能通过提供的公共接口进行交互。在这个例子中，每个按钮的点击事件处理器（闭包）都绑定了对应的按钮元素，即使所有处理器共享同一个事件处理逻辑（函数不能直接捕获外部作用域中的变量，通过闭包可以解决这个问题，确保回调函数访问到正确的变量值。

【代码】three.js。

来尝试实现下，使用原本的柱状图或者折线图代码创建echarts示例。echarts官网有很多的炫酷的3D模型。在官网案例添加代码查看模型的数据。

TinyPNG – Compress WebP, PNG and JPEG images intelligently

简而言之，闭包是JavaScript中函数作用域和执行上下文相结合的产物，它使得内部函数可以长期保存外部函数的状态，这一特性在诸如函数工厂、模块化、异步编程（回调函数）、事件处理等领域具有广泛的应用价值。3.代码编写与调试技能：提供闭包相关的代码示例，能让面试官看到候选人如何避免常见的闭包陷阱，例如循环引用、变量捕获等问题，并判断他们是否具备调试闭包相关bug的能力。： 在JavaScript中，闭包是指有权访问另一个函数作用域中变量的函数，即使这个函数是在其外部函数执行完之后才被执行。

script.MDN

【代码】canvas画图，echarts添加点击事件。

如图所示这是一个导出excel的接口，后端响应头部，要获取Content-Disposition里的值，由于命名问题，没有办法用res.Content-Disposition的方式获取它的值。很奇怪，非要搞成小写才行。

组件默认就是当内容超过其容器范围时显示 tooltip。但是如果你想在内容超出指定宽度时才显示tooltip，你需要自定义一个判断逻辑来动态控制。在这个示例中，我们首先设置了一个固定宽度的容器，并且内容会隐藏溢出的部分。方法来判断内容是否溢出。如果内容的实际宽度大于容器的宽度，则将。，此时tooltip就会显示；，tooltip则不会显示。在Element UI中，

请注意，你需要替换上述代码中的经纬度值（longitude1, latitude1等）以及自定义图标的路径。如果要根据用户轨迹动态生成连线，可以将这些操作封装到函数中，根据实际坐标数据进行调用。

【代码】天气插件11。

boardmix

看下效果。

输出 每隔一秒输出 0，1，2，3，4，5，6，7，8，9。使用setTimeout模拟setInterval。输出 ，每隔1秒输出 一个5。

里面的工具还是比较多的， vue3里开源模板里工具比较多的是vben，它同样安装依赖比较难搞。今天在公司 把版本切换到16.17.1 一次就成功了。这个模板是集成度比较高的。在实习的时候老依赖装不上。

getPrototypeOf用于获取原型上的方法和属性。

获取 URL Scheme | 微信开放文档静态网站 H5 跳小程序 | 微信开放文档

1.这段vue代码会播放声音，但是会有audio标签。2.只有不会显示video标签的播放。

有没有一种办法让之前的数据的dom元素销毁掉，不断的创建新数据，不断的销毁旧数据。一般使用分页的形式，但当往下滚动的时候，数据会越来越多，也会出现卡顿的现象。这里有对应的react和vue版本的插件。

VisActor

常用的Cron表达式

运行结果在终端输入live-server(提前安装live-server: npm install live-serve -g)耗时比不开启webworker的要快三倍，是因为这里开启了三个webWorker,如果你电脑是2核的估计就体验不到了。点击test.html,等待5秒左右就看到了。选择性能，这就是电脑的内核数。1、不使用webWorker。2、使用webWorker。

在以上代码中，点击按钮时会调用drawLock方法来初始化H5lock实例，并将初始化时的配置传入，例如onDraw回调函数用于接收绘制完成后的密码。canvas元素使用ref属性来获取对应的DOM节点，以便在方法中使用。注意：在使用H5lock.js时，需要确保相关的依赖已经引入，例如hammer.js和jquery。要在Vue中使用H5lock.js，首先需要将H5lock.js引入到项目中。1. 将H5lock.js文件保存到项目中的某个目录下，例如src/assets文件夹。

1. 功能和兼容性：Vetur是一个成熟且广泛使用的Vue.js开发插件，它提供了语法高亮、代码提示、自动完成等功能，并且与其他Vue.js生态系统工具（如vue-router和vuex）兼容。Volar利用了TypeScript和Vue.js 3的新特性，因此对于使用Vue.js 3的项目，Volar可能提供更好的支持。由于Volar是Vetur的继任者，提供了更先进的功能和更好的性能，因此对于新的Vue.js 3项目来说，Volar可能是更好的选择。虽然它们的目标是相同的，但在实现上存在一些差异。