Mr. Zhang Xiaojian's Blog

首先，需要在项目中引入保利威的云点播播放器脚本。这个播放器的脚本可以从保利威的官网获取。我们将使用 Vue 3 的onMounted这些生命周期函数来加载和卸载播放器。

探讨 Vue 3.5 中的一些关键更新。

在 Vue 3 中实现一个简单的电子签名组件，并解决一个常见问题：当签名组件放在弹窗内时，鼠标绘制会出现偏移的问题。

2. 拖拽小图片使用 来引用大图片和小图片，并通过监听鼠标事件来实现拖拽功能。使用 HTML5 Canvas 来绘制合并后的图片，并提供下载功能。在组件挂载完成后，动态创建一个下载按钮并添加到页面中。

当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。

现在的互联网世界充满了各种各样的信息，有些信息非常重要，比如密码、个人信息等。如果我们把这些信息直接发送到服务器，别人可能会截取到，然后偷走我们的信息。为了避免这种情况发生，我们需要把重要的信息变成别人看不懂的东西，这就是加密的作用。CryptoJS 是一个非常好用的 JavaScript 库，它能帮我们加密和解密信息。另外还有一个叫“偏移量”的东西，它可以帮助我们更好地加密信息。这个函数接收加密后的文字，然后返回正常的明文。我们创建一个简单的 Vue 组件，让用户输入一些信息，然后可以加密和解密。

Vue 3 中的组合式 API 提供了一种新的方式来组织和复用组件的逻辑代码。它接收一个函数和一个回调函数，当监听的数据发生变化时，回调函数将被触发。：用于创建响应式的普通对象。它接收一个普通对象，并返回一个经过响应式处理的对象。defineEmits：子组件触发父组件的方法。它接收一个函数，并返回一个具有缓存特性的计算属性。，我们可以更好地将组件的逻辑代码与模板代码分离，提高代码的可读性和维护性。：在组件挂载后执行的钩子函数。：在组件更新后执行的钩子函数。：在组件卸载前执行的钩子函数。

SS 硬件加速是一种优化技术，可以提升页面或应用的渲染性能，特别是在移动设备和桌面浏览器上。通过利用 GPU（图形处理单元）来加速渲染，可以使动画、过渡和绘图等操作更加平滑，减少页面卡顿和闪烁。等）时，浏览器可能会将元素绘制到独立的图层（Layer），并使用 GPU 来处理这些属性的变化。这可以减少重绘和回流的影响，从而提高性能。属性可以在元素发生变化之前告诉浏览器哪些属性将要发生变化，从而提前分配 GPU 资源。硬件加速可以使部分样式属性的变化只触发重绘，而不会引发整个页面布局的回流。

使用 Axios 进行异步请求的组件中使用这个自定义 hooks。下面用React封装一个异步请求的Hooks。Composition(组合式) API。可以调用React的内置hooks。使用Vue封装一个自动获取焦点的。

如果您熟悉 Composition API，您可能会认为您已经可以通过一个简单的 export const state = reactive({}). 这对于单页应用程序来说是正确的，但如果它是服务器端呈现的，会使您的应用程序暴露于安全漏洞。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。在不重新加载页面的情况下修改您的 Store。

防抖节流，防抖节流函数，在 UniApp 中使用 Vue 3 编写防抖节流函数的方法

在移动端开发中，1像素的问题是由于不同设备的像素密度不同，导致在某些情况下1像素的边框或线条在屏幕上显示过粗或不清晰。为了解决这个问题，可以使用。同的解决方案适用于不同的场景和需求。你可以根据项目的实际情况选择最适合的解决方案。这些解决方案都需要进行适当的调整和测试。等方法来实现1像素线的效果。

【代码】非常好看的登录页面（Vue3）

【代码】Vue3使用vue-baidu-map-3x绘制地图。

【代码】OSS上传下载乱码问题。

【代码】vue项目配置多个代理。

首先，在你的 Vue 3 项目中使用 npm 或 yarn 安装 xlsx 库。在你的 Vue 组件中，创建一个方法来处理数据并导出 Excel。二、创建一个导出 Excel 的方法。一、安装 xlsx 库。

【代码】Vue3 Element-plust表格导出excel文件。

例如在某些浏览器中，特定的标签可能会带有一些奇怪的样式或者尺寸。使用normalize.css可以解决这些问题，使得网站的展示更加稳定和美观。：使用normalize.css可以大大提高开发效率，因为它消除了很多浏览器默认样式带来的问题，让开发者可以更专注于网站界面的设计和实现。：不同浏览器对于标签的默认样式存在差异，使用normalize.css可以让不同浏览器中的网页元素显示更加一致。：normalize.css是一个易于使用和定制的CSS文件，用户可以根据自己的需求轻松地进行适当的修改和扩展。

首先获取临时访问凭证包括临时访问密钥（AccessKey ID和AccessKey Secret）和安全令牌（SecurityToken）获取临时密钥加安全令牌，通过从后端获取，令牌存储前端非常不安全，可以通过抓包工具进行抓取。使用elemet-plus上传组件，自定义上传。上传组件绑定ref,手动控制上传。