1.2k 字 1 分钟

在 Vue 3 中，你可以通过几种方式使用 SVG 图片。以下是一些示例： # 使用 <img> 标签直接引入 SVG 文件： <template> <img src="@/assets/your-image.svg" alt="Your Image"></template># 将 SVG 作为组件导入并使用： 首先，将 SVG 文件保存到你的组件目录中，并在 Vue 单文件组件中导入并注册为组件。 //...
2.5k 字 2 分钟

css 计数器就是采用 css 给一些 html 元素自动生成编号，比如类似 1.3.2 ，代码如下：

<style type="text/css">
#demo1 ol { counter-reset: section; list-style-type: none; }
#demo1 ol li { counter-increment: section; }
#demo1 ol li:before { content: counters(section, ".") ". "; }
</style>
<div id="demo1">
    <ol>
        <li>进风口的爽肤水
            <ol>
                <li>非进口商的</li>
                <li>非进口商的</li>
                <li>非进口商的</li>
            </ol>
        </li>
        <li>进风口的爽肤水
            <ol>
                <li>非进口商的</li>
                <li>
                    非进口商的
                    <ol>
                        <li>将咖啡色的开发商</li>
                        <li>将咖啡色的开发商</li>
                        <li>将咖啡色的开发商</li>
                        <li>将咖啡色的开发商</li>
                    </ol>
                </li>
                <li>非进口商的</li>
            </ol>
        </li>
        <li>进风口的爽肤水</li>
    </ol>
</div>
   782 字  1 分钟
# 前言 开发基于 Vite + Vue3 的组件库，多个 .vue 文件需要动态加载！ 注意 import.meta.globEager 已经弃用，请使用 import.meta.glob 来代替！ # 使用 Glob # 异步方式 代码第 1 行，注意使用两个 **，匹配当前目录及其嵌套的全部子目录下的文件； 代码第 4 行，异步使用 Promise 加载，所以要在 then 中获取真正的组件对象； const modules = import.meta.glob('./src/components/**/*.vue');for (const path in...
   2.2k 字  2 分钟
# 前言 首先， Vite 中没有 require 相关方法，因为它默认支持 ESM 方式加载模块！ 所以，我们要理清如下两个方法： # 方法 require () Node.JS 原生方法 ，以 CommonJS 方式加载模块 / 文件 / 图片； Webpack 默认支持 ， Vite 不支持； # 方法 require.context () Webpack 特定方法，此方法可实现自定义上下文； Vite 不支持； 但 Vite 提供解决方案，请接着往下看！ # 解决方案 # require () 加载模块 报错 require 未定义 Uncaught (in promise)...
   294 字  1 分钟
fixedStep() &#123; this.$nextTick(() => &#123; this.tableData.map(item => &#123; this.batchCompu.forEach(v => &#123; item[`batch$&#123;v&#125;`] = (Number(item.num) + (v - 1) * Number(item.step)).toFixed(this.digits) &#125;) return &#123; ...item &#125;...
   3.2k 字  3 分钟
# 前端 1. 引入 jsencrypt # 使用 npm 引入cnpm install jsencrypt2. 创建通用的工具 JS 公钥可以通过此网站在线生成 在线生成公钥私钥对 示例代码使用的密码格式： 密钥长度：1024 bit 密钥格式：PKCS#8 注意：当使用 IDE 将密钥转换成一行时，小心换行符，有的 IDE 不显示。此时可以将文本粘贴到 Chrome Console 检查！ import &#123; JSEncrypt &#125; from 'jsencrypt'/** * 公钥是通过 base64 加密转化的 *...
   329 字  1 分钟
报错原因：怕全局 “this” 与局部变量发生混叠。 解决：按照 eslint 官方给出的解决方式在 .eslintrc.js 文件中备注 this 可用的局部变量名称 &#123; '@typescript-eslint/no-this-alias': [ 'error', &#123; allowDestructuring: false, // Disallow `const &#123; props, state &#125; = this`; true by default allowedNames:...
   3k 字  3 分钟
作为一个 3D 的项目，从用户打开页面到最终模型的渲染需要经过多个流程，加载的时间也会比普通的 H5 项目要更长一些，从而造成大量的用户流失。为了提升首屏加载的转化率，需要尽可能的降低 loading 的时间。这里就分享一些我们在模型加载优化方面的心得。
# 一、前言
近段时间，我们使用 three.js 完成了 vivo 拟我形象的开发工作，大家可以在 vivo 账号中拟制属于自己的 3D 形象，也可以保存作为自己的头像名片。
作为一个 3D 的项目，从用户打开页面到最终模型的渲染需要经过多个流程，加载的时间也会比普通的 H5 项目要更长一些。然而过长的等待时间会造成大量的用户流失，这部分用户没有体验到具体的功能就退出了页面非常的遗憾，为了提升首屏加载的转化率，需要尽可能的降低 loading 的时间。这里就分享一些我们在模型加载优化方面的心得。
   3.2k 字  3 分钟
视觉算法开发新利器：低代码工具箱全解析，简化开发流程，新增高级视频分析功能！
在计算机视觉算法开发过程中，你是否需要从硬盘加载数据集、在图像或视频上绘制分类检测结果、选择视频中的特定区域进行分析，或者统计一个区域内目标的流量分析。如果有上述需求，那么文中这款计算机视觉工具箱绝对可以帮你事半功倍！
视频指定区域车流量计数
动图封面
视频指定区域分析
动图封面