菜鸡的博客

用户可能是在构建微前端架构，子应用之间需要共享数据或者触发事件。这时候通信机制就很重要了。在 qiankun 微前端架构中，子应用之间的通信可以通过以下几种方式实现。

微前端架构将大型前端应用拆分为多个独立的子应用，每个子应用可以由不同团队独立开发、部署和升级。模块化开发：各子应用独立开发，降低耦合度，提升开发效率。灵活扩展：子应用可以按需加载，实现按需打包和动态加载。独立部署：每个子应用独立部署、版本独立升级，降低整体维护成本。技术多样性：各子应用可以使用不同的技术栈，满足团队多样化需求。Qiankun 是蚂蚁金服开源的微前端框架，基于 single-spa 实现，提供了完善的子应用加载、通信和沙箱隔离机制。

✅ 在 EJS 模板中，想要输出变量值，必须用<%= ... %>。✅ 普通<% ... %>是逻辑控制，不会输出任何内容。

*** 给 ECharts 实例绑定 ResizeObserver，当容器尺寸变化时自动执行 resize()* 自动避免重复绑定，确保 resizeObserver 只存在一个* @param {echarts.ECharts} chart - ECharts 图表实例* @param {HTMLElement} containerEl - 图表绑定的容器 DOM*/if (!console.warn('observeResize: 无效的 ECharts 实例')returnif (

PC chrome浏览器（版本45、46）IOS safari浏览器（11.2.6）win系统（win7、win10）一根USB数据线。

这样，如果你的项目中所有移动端断点都用，一处修改即可影响全局样式，非常适合多人协作和主题配置。通过本文你学会了如何使用 Less 编写响应式样式，并且清楚了为什么嵌套结构和变量能提升代码可维护性。👉 除了position，你还可以用这种方式来控制font-sizepadding等属性在不同设备上的表现，打造一套真正自适应的样式体系。

【代码】vue中实现element-ui dialog的弹窗拖拽+水平方向伸缩+最小化+展开/收缩。

接下来，我们会在 Quill 编辑器中插入自定义内容，比如一个带特定样式的span标签。为此，我们需要创建一个 Quill 的自定义 Blot 元素。

当我们设置成在Hbuilder X里面确实没有显示然后运行到 微信开发程序里面发现显示了出来，说明设置的没有起作用。

这个日历插件右上角的按钮上个月下个月事件，切换后默认是那月1号，传入这个时间就可以重新获得切换后的月份的时间范围，用。需求是要传入当前显示的第一天和最后一天来获取范围，再判断某个日期是否是假期，或者工作日。watch监听月份变动，重新计算日期。

nvmnvm。

由于浏览器的特性等等文件放在a标签的href属性中会被浏览器直接打开，这时可以给a添加download属性强制下载，但是当执行文件时download属性就会失效。

CryptoJS是一个流行的JavaScript加密算法库，提供了多种加密算法的实现，包括DES（Data Encryption Standard）。它可以在前端和后端环境中使用，并提供了简单易用的API接口。本文介绍了如何使用CryptoJS库来实现DES加密和解密操作，并提供了一个简单易懂的示例代码。希望本文能够帮助到读者理解CryptoJS库的基本用法，并在实际项目中应用加密技术保护数据安全。

在某些情况下，可能需要在没有互联网连接的环境中进行构建或部署。通过提前下载所有依赖，你可以将它们保存在本地，然后在没有网络连接时使用，提高构建或部署的效率。

常用两种方式进行自定义指令，一种是全局定义，另一种在当前组件中定义// 局部定义data(){return {}},focus: {},},methos:{}// 全局定义// 使 v-focus 在所有组件中都可用},});// 全局和局部的调用方式相同钩子函数钩子函数就是拦截模块渲染流程的“挂钩”，在不同的节点拦截或监听事件，以完成自定义指令的操作。五种钩子拦截的事件分别是初始化、插入节点、渲染完成，监听绑定值的变化和销毁节点。bind。

选择好了之后回到第一个页签，选择需要修改的js文件，右键选择 替换内容。但是我们发现代码是被压缩过的，是一行代码，然后选择 格式化。所以我们需要把这个文件替换掉，然后干掉。进入到这个网站的首页，然后右键查 看网站的源码。保存，刷新一下页面就可以打开控制台访问页面了。(我是IE浏览器),谷歌浏览器是 替换。当我在查看某个网站的源码时，按。再输入网站也会进入到百度首页。会跳转到百度页面，或者先打开。

Babel是一个强大的JavaScript编译器，可以用于解析JavaScript代码并提取参数、函数名称以及注释说明。

你可以使用CSS来模拟禁用状态的外观，而不实际禁用输入元素。这样，元素看起来像是禁用的，但仍然可以触发事件。你可以在禁用的输入元素上添加一个透明的覆盖层，以阻止用户点击它，但允许点击覆盖层上的内容。属性）时，该元素不会触发任何点击事件或其他交互事件。这是HTML规范的一部分，用于表示该输入元素处于不可交互状态，用户不能与其进行交互或触发任何事件。请根据你的需求选择适当的方法，以实现在禁用状态下触发事件。前两种方法需要一些自定义的样式和事件处理，但可以满足特定的交互需求。在HTML中，当一个。

在平时编程时，大部分是通过template来创建html。但是在一些特殊的情况下，使用template方式时，就无法很好的满足需求，在这个时候就需要 通过JavaScript的编程能力来进行操作。此时，就到了render函数展示拳脚去时候了。

【代码】js下载blob文件。

ps:以上方法都会改变原数组数据，建议根据使用时先拷贝一份数据。

Js代码。

=和===。简单说，它们的区别是相等运算符（==）比较两个值是否相等，严格相等运算符（===）比较它们是否为“同一个值”。如果两个值不是同一类型，严格相等运算符（===）直接返回false，而相等运算符（==）会将它们转换成同一个类型，再用严格相等运算符进行比较。

在JavaScript中null表示 “什么都没有”。null是一个只有一个值的特殊类型。表示一个空对象引用。主动释放一个变量引用的对象，表示一个变量不再指向任何对象地址。在JavaScript中,undefined是一个没有设置值的变量，同时也是所有没有赋值变量的默认值，并且是自动赋值。typeof一个没有值的变量会返回undefined。《javaScript权威指南》

使用vue，遇到几次修改了对象的属性后，页面并不重新渲染。

基本选择器 : 网页选择器核心标签选择器: 直接拿标签名作为选择器的名字使用作用: 当前网页中所有该标签都有效ID选择器: 一个网页中指定一个效果只能用一次写法: 给标签加id="值",#值{声明};类选择器:指定一个样式可以多次使用写法:给标签加class="值", . 值{声明};

html 背景图铺满整个页面背景图片居中

子元素的指定选择器。

在CSS中，overflow是“溢出”的意思，该属性规定当内容溢出元素框时发生的事情，设置内容是否会被修剪，溢出部分是否会被隐藏；例如当属性值设置为“visible”则内容不会被修剪，为“hidden”则内容会被修剪并且其余内容是不可见的。当一个元素的内容太大而无法容纳时，我们可以对其进行控制。该元素的属性是overflow，它是overflow-x和overflow-y属性的简写形式。

element-ui设置高度height属性与style属性设置的区别

apply()和call()类似，唯一的不同点在于第二个参数传入一个参数数组。类似，不同点一bind()不会立即执行，而是返回一个改变了this后的函数；的第一个参数为this绑定的对象，后面传入一串参数列表。方法可将一个函数的对象上下文从初始的上下文改变为由。（3） 传递字符串、数值或布尔类型等基础类型，函数中的。调用一个对象的一个方法，以另一个对象替换当前对象。（2） 传递另一个函数的函数名，函数中的。的作用是改变函数运行时this的指向。（4） 传递一个对象，函数中的。指向其对应的包装对象，如。

javascript中的每个对象都有prototype属性，Javascript中对象的prototype每一个构造函数都有一个属性叫做原型。你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在。

前端中 try-catch 捕获不到哪些异常和常见错误

JS文件流式下载文件源码实例下面是使用axios写的一个完整JS文件流式下载文件的完整源码

一、为什么会出现跨域的问题？跨域：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号(如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的。而axios是通过Promise实现对ajax技术的一种封装，也同样存在跨域问题。二、解决

1、动画(animation)动画是CSS3中最具颠覆性的特征之一，可通过设置多个节点来精确的控制一个或者一组动画，从而实现复杂的动画效果。动画的使用先定义动画再调用定义好的动画/*1. 定义动画*/@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px }}div { /* 调用动画 */ animation-name: 动画名称; /* 持续时间

1、H5新增内容1. 什么是HTML5定义：HTML5定义了HTML标准的最新版本，是对HTML的第五次重大修改，号称下一代的HTML。两个概念：是一个新版本的HTML语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指：HTML5、CSS3、JavaScript,这也是广义上的HTML5。2. HTML5拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3特性性能与集成3. HTML5的现状绝大多数新的属性，都已经被浏览器所支持，

1、CSS属性书写顺序建议遵循以下顺序：布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）自身属性：width / height / margin / padding / border / background文本属性：color / font / text-decoration / text-align / vertical-align / white- s

1、CSS背景(background)1. 背景颜色background-color: 颜色值; 默认的值是 transparent 透明的2. 背景图片(image)语法：background-image : none | url (url) ;例如:background-image: url(images/1.png);3. 背景平铺（repeat）background-repeat : repeat | no-repeat | repeat-x | repeat-y

1、CSS构造块HTML的局限性HTML满足不了设计者的需求，可以将网页结构与样式相分离，这样就可以在不更改网页结构的前提下，更换网站的样式。操作html属性不方便HTML里面添加样式带来的是无尽的臃肿和繁琐CSS网页的美容师让我们的网页更加丰富多彩，布局更加灵活自如。CSS最大的贡献：让HTML从样式中脱离，实现了HTML专注去做结构呈现，样式交给CSSCSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表)。作用主要用