榴莲不好吃的专栏

Broadcast Channel API 允许在一个源的不同窗口、标签页或 iframe 之间进行通信。这是一种实时的通信机制，非常适合需要实时同步数据的场景。3.iframe 数据通讯 postMessage/message（可设置不同源数据通讯）1.使用 LocalStorage 或 SessionStorage（同源）// 检查消息来源，确保来自正确的源。// 检查消息来源，确保来自正确的源。'Hello 来自父亲的消息!'Hello 来自儿子的消息!// 忽略来自自身的消息。

Web Workers 是一种允许在后台线程中运行脚本的技术，这样可以将计算密集型任务从主线程分离出去，从而避免阻塞 UI 并提高页面的响应性。Web Workers 使得 Web 应用程序能够执行长时间运行的任务，而不会影响用户界面的性能。

【代码】link标签的用途。

网上搜索了下，没找到解决方案，找了个梯子去外面查了一圈，有人也遇到了类似的问题，打包的时候遇到import.meta.env会崩溃，于是，将页面中的打印的 “import.meta.env”相关代码去掉，再次打包就没问题了，虽然不知道为什么，但确实没问题可以了。但是打包就会报如下错误：error during build: Error: Parse error @:1:1。一直以为是vant的问题，各种升级，替换插件，发现没什么用，vant从3升级到4后，本地运行没问题，

【代码】vue拼图组件。

注意： 如果再运行的过程中有提示，Run ‘sync’,和“ Switch to @ohos/hvigor-ohos-plugin 2.4.2(which will install @ohos/hvigor 2.4.2) and import the project again.”的话，点一下。最终就可以看到图5中的运行按钮，此时点击按钮运行项目，就可以运行成了。此时会发现，运行按钮是灰色的，接下来进行如下配置，如下图。就拿官方的search举例好了。然后再次运行项目就可以了。

需求是做一个查询企业的功能，期望必须进行选择后进行查询，如果用户自主输入并没有进行选择，失去焦点的时候清空文本框里面的内容，给el-autocomplete添加@blur事件后发现，在下拉没有出现之前快速失去焦点才能触发blur，下拉列表出现后，blur就失效了，这样就很难达到失去校验清空内容。el-autocomplete添加chagne事件，每当文本框里面的内容改变了就清空v-model绑定的变量，代码如下。

时间格式化小笔记，后续有新需求再意义对应添加功能，已知功能有。2.在对应的时间上增加年月日时分秒。

Sora是一个由OpenAI发布的人工智能文生视频大模型，可以创建逼真视频。与传统的视频生成技术相比，Sora的独特之处在于其使用了深度学习技术，可以从头开始生成视频，而无需依赖现有的视频片段或图像。此外，Sora还具有强大的自适应能力，可以在不同的场景下产生高质量的视频内容。总之，随着人工智能技术的不断发展，AI在前端开发中的应用将会越来越广泛。作为一个人工智能文生视频大模型，Sora为前端开发带来了更多的可能性和创新。我们相信，在未来，Sora将继续发挥其优势，为前端开发带来更多的惊喜和机遇。

2.初始化的时候将input下的真是inputdom绑定keyup事件调用skipnext，并传入每一个input的index,同时绑定compositionstart和compositionend。3.对按键进行处理，如果当前文本框已经输入完成则跳转到下一个文本框，如果没有则停留在当前文本框，第一次输入的时候，前面的没有输入完成，则不可跳过前面的号码去输入后面的号码，当删除后则解除禁止。* ===== 使用场景 ======1.将每一个字符用文本框输入，代码如下。// 添加延迟，防止过快输入。

查看文档以及网上查找，都是将边框颜色设置成和背景色一样，但是当背景是图片的时候就不适用了，试了很多方式都不理想，没办法只能从数据上下手了，最终效果如下图，思路：将list中的数据每一条后面插入一条数据，数量根据总量计算，颜色为透明，处理如下。以上为临时解决方案，如有更好的方法，可以一起交流下。// 插入一条新的颜色透明的数据用来占位。// 计算插入的数据的值。// 原始数据和颜色。

添加浏览器地址栏添加notdebugger=1，新建js文件debug-vconsole.js。可以打开调试页面，并且展示vconsole,去。效果如下请，没有添加notdebugger。

在根目录下添加gulpfile.js文件，package.json添加命令npm run gulp。

Electron从构建到打包程exe应用

【代码】js实现汉字转拼音。

将这个链接生成二维码,用微信扫描打开后风险,才会显示名片,或者将这个网页挂载到公众号下面,通过公众号的菜单栏那里，进入过这个链接,然后再去分享,也会是名片。注意:复制粘贴的链接发送到微信,会是一串地址,从政地址点进去再次分享,还是一串网址,

参考官方给出的方案是使用通过 form 中form-type 为submit 的button 组件收集用户输入的内容。尝试过绑定事件bind:change,在模拟器上可以获取到数据,但是在真机上不行,微信小程序wx.getUserProfile方法被。使用 头像昵称填写能力 开发。

首先准备一段svg代码如下:然后打开下面的网址,https://codepen.io/jakob-e/pen/doMoML将svg代码贴到下图中红线圈起来的位置,会自动转成base64,然后将base64代码部分复制下来放到浏览器里面打开,可以看到结果.最后在小程序里面使用,如下结果:

注意:如果\Nox\bin文件夹下没有adb.exe,将nox_adb.exe赋值一份改名为adb.exe.4.打开hbuilderX 文件=>运行=>运行到手机或模拟器运行到安卓App基座,出现如下图:点运行。注意：如果一直提示检测中,重启hbuilderX再次运行到安卓App基座.2.打开夜神模拟器,启动62001的模拟器。3.adbs文件夹下运行一下命令。