web端的九宫格(点九图)
点九”是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png。其实相当于把一张png图分成了9个部分(九宫格),分别为4个角,4条边,以及一个中间区域。如下图,在图片整体拉伸时,可以保持①③⑥⑧不变,保证圆角等细节,②⑦横向拉伸,④⑤纵向拉伸,避免了普通拉伸的模糊失真。
给我5分钟,保证教会你在vue3中动态加载远程组件
在一些特殊的场景中(比如低代码、减少小程序包体积、类似于APP的热更新),我们需要从服务端动态加载.vue文件,然后将动态加载的远程vue组件渲染到我们的项目中。今天这篇文章我将带你学会,在vue3中如何去动态加载远程组件。
JavaScript对象转数组的三种简单方法
大家好!今天我们要聊的是JavaScript中一个非常实用的技巧——将对象转换为数组。方法1:使用Object.keys()和Array.map()首先介绍一种基础但非常实用的方法,就是通过Object.keys()获取对象的键,然后用Array.map()把这些键对应的值提取出来。conststu
【JS】一篇DOM详解笔记 | b站李立超
这个系列可以叫作《前端从零开始系列》,花一周时间,把JS个人觉得笔记重点且常见的知识点,并且总结了起来。
3D Tiles优化、切片与轻量化处理
3DTiles格式是一种基于WebGL技术的高效3D场景浏览解决方案,由Bentley Systems公司提出,它支持分层次的LOD概念,可以根据观察者的距离和视角动态加载不同精细程度的3D模型数据,从而优化渲染性能和用户体验。综上所述,对于已有的3DTiles模型进行轻量化处理,需要结合多种技术方
iframe 内嵌跨域页面如何做到高度自适应
parent.html 页面中通过iframe内嵌children.html页面,且children.html 页面高度是动态变化的,此时需要parent.html中的iframe的高度自适应children.hml 的高度,避免出现滚动条., 解决方法分为以下两步。// 此时监听统计图dom尺寸的
记录一下使用PDFJS遇到的坑
在引用PDFjs的过程中,遇到了一下坑,这这里记录一下。列如:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "appli
js 判断数组对象中某个值是否重复
对象只会保存唯一的值。这段代码首先提取对象数组中指定的属性值,然后检查这些值是否与数组长度相同。如果不同,说明有重复的属性值。js 判断数组对象中某个值是否重复。在JavaScript中,可以使用。对象来检查数组中是否有重复值。
vue获取组件中元素的宽度
在 Vue 中,获取组件中元素的宽度可以通过几种不同的方法实现。
Vue3 + Vue Router实现动态路由导航
动态路由是指在运行时根据应用的状态或用户的行为来生成或修改路由。它与静态路由不同,静态路由在应用启动时就已经被定义好,而动态路由则允许应用根据实际需求来控制导航。动态路由在现代单页面应用中具有不可或缺的作用。通过这篇文章,我们展示了如何在Vue 3中利用Vue Router实现动态路由导航。采用Co
CSS动画之其详细介绍
详细介绍CSS动画的使用方式
【JavaScript脚本宇宙】高效Web开发利器:全面解析六大HTML解析器与DOM库
本文详细介绍了六种流行的HTML解析器和DOM操作库,包括htmlparser2、cheerio、jsdom、parse5、linkedom和x-ray。每个工具都有其独特的特点和应用场景,例如htmlparser2的高性能和容错机制,cheerio的jQuery风格语法,jsdom的浏览器环境模拟
【前端】 如何在 Vue.js 中使用 Mock 数据:教程与技巧
在开发过程中,为了测试和开发前端功能,你常常需要用到模拟(mock)数据。Vue.js 提供了灵活的方式来处理数据请求和更新,但在没有真实后端的情况下,我们可以使用 Mock 数据来代替真实 API 请求。本文将介绍如何在 Vue.js 项目中设置和使用 Mock 数据。
记录vue2+ant-design-vue框架换肤
如果启动报错,可能是less版本不对或者antd-theme-generator版本不对,根据项目版本可以下载对应的指定版本(npm install [email protected] --save),不要忘了重新npm i 一下。此时此刻我发现可以完成换肤了,但这是老项目,本身
前端解压rar文件-node-unrar-js
getRARMetadata(file) 参数 file 为上传文件之后获取的 file.raw;unrar.wasm 为一个二进制文件,下载地址。**问题:**前端需要解压 rar 压缩包并生成 tree 的数据格式。**解决办法:**使用 node-unrar-js 插件,具体步骤如下。tree
VSCode中,Code Runner插件运行单个文件,文件中的相对路径报错异常
使用code runner运行时报错,文件中的相对路径错误,找不到该路径或文件。这可能是code runner的工作目录和文件执行目录不一致造成的。
6种方法查找JS对象中是否包含某个变量
- 使用 `in` 运算符和 `Reflect.has()` 可以检测继承来的属性。- 使用 `hasOwnProperty()` 和 `Object.getOwnPropertyDescriptor()` 只能检测对象自身的属性。- 使用 `Object.keys()` 和 `Object.get
若依框架中通过对于table表格中的数据进行统计操作
通过若依代码生成器生成的代码,对于table列表中的某些数据,对其进行数据统计。下面是对其统计的两种情况,分别是对所有行数据的某一个字段统计和对某一列的多个字段进行统计。下面通过一个通过对所有商品的价格求和的案例进行说明。
从图像到视频:Web Codecs API编码技术解析
本文深入探讨了Web Codecs API中的编码技术,从视频编码的基础概念到实际编码过程,详细介绍了如何使用VideoEncoder类进行视频压缩,并通过MP4Box.js封装成视频文件,为开发者提供了实用的编码指南和实践技巧。
VUE3解决跨域问题
本文基于vue3 + vite + element-plus + pnpm报错:**** has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested r