前端开发
-
html记录之按下鼠标移动div块（拼图游戏）（原生html+css+js） 为了防止本地代码丢失，仅以此文作为记录，也分享出来给大家。（毕竟一点一点代码辛辛苦苦打出来的，不忍心放在文件夹发霉，虽然已经发霉很久了。。。） 作为一个不纯粹的前端，什么var、const、let之类的，我就不区分了，代码没那么规范，毕竟自己玩玩，如果有兄弟觉得有什么意见建议，也可以留言我修改，大家一起学习进步。 话不多说，上代码，如下： <html> <head> <meta charset=
2024-11-22 -
2021/11/01 17:29:48 [error] 6376#20856: *30 CreateFile() "D:/SoftWare/Nginx/nginx-1.20.0-pnms/html/3.2.7-SNAPSHOT-2021-01-08/baseop/nresource/pub-ui/js/swiper/swiper.min.js.map" failed (2: The system cannot find the file specified), client: 127.0.0.1
2024-11-22 -
需求：点击icon图标，旋转一周有一个过渡的效果。 实现 第一种实现刷新动画 根据添加不同的css样式来进行过渡动画 <i :class="[refresh? 'el-icon-refresh refreshIcon' : 'el-icon-refresh']" @click="isRotate"></i> .refreshIcon { transform: rotate(360deg); transition: all 1s; // 可配置 } data{ return {
2024-11-22 -
1. 引言：为什么在 Vue 中处理 Excel 文件 在现代 web 应用中，数据展示和处理是常见的需求，尤其在业务系统中，Excel 文件作为一种常用的数据存储和传输格式，经常需要被处理和展示。在 Vue 应用中，使用第三方库如 xlsx.js 可以方便地实现 Excel 文件的读取和解析，并将其展示在前端。这篇文章将讲解如何通过 Vue 和 xlsx.js 实现 Excel 文件的上传和预览功能。 2. 安装和初步设置 安装 xlsx 库 在 Vue 项目中，xlsx 库是一个流行的用于处
2024-11-22 -
HKA_IMAGE gen_img(IN MVDSDK_BASE_MODU_INPUT* modu_input) { HKA_IMAGE inputimage = { HKA_IMG_MONO_08,0 }; inputimage.width = modu_input->pImageInObj->GetWidth(); inputimage.height = modu_input->pImageInObj->GetHeight(); inputimage.step[0] = inp
2024-11-22 -
前言 浏览器的核心组件，即通常所说的浏览器内核，是支撑整个浏览器运行的关键性底层软件架构，它由两个关键组成部分构成：一个是负责网页内容解析和渲染的渲染引擎，另一个则是用于执行JavaScript代码的JS引擎。各浏览器厂商在其产品中使用的渲染引擎并不一致，这种差异化构成了不同浏览器间表现差异的基础。 举例来说，在Mozilla Firefox浏览器中，其采用的自主研发的渲染引擎名为Gecko，它负责将HTML、CSS等内容转换为用户可见的网页布局和样式。而在Google Chrome和Apple
2024-11-22 -
提取url中的参数 let url = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e' function urls(url){ let obj = {} if (/\?/.test(url)) { let str = url.substring(url.indexOf('?')+1) //a=1&b=2&c=&d=xxx&e let arr =
2024-11-22 -
在鸿蒙OS中，Ability是应用程序提供的抽象功能，可以理解为一种功能。在应用程序中，一个页面即一种能力，如登录页面，即具有登录功能的能力。以下是对鸿蒙新建项目的登录代码功能的详细解读和工作流程的描述： 当然你可以忽略上面，让我们来直接创建带有登录功能的项目模板【Login Ability】，如下图： 工程目录结构（API Version 8~9） ArkTS工程目录结构（Stage模型） AppScope > app.json5：应用的全局配置信息。entry：应用/服务模块，编译构建
2024-11-22 -
数据统计 创建数据统计路由组件并添加路由规则 <template> <div> <Breadcrumb :item="item" :subItem="subItem"></Breadcrumb> <Echarts></Echarts> </div> </template> <script> import Breadcrumb from '../../components/Breadcrumb.vue' import Echarts from '../../com
2024-11-22 -
深入浅出 JavaScript 箭头函数：简洁、灵活、强大的函数表达方式 箭头函数是 ES6 中引入的一种新的函数语法，它提供了一种更加简洁、灵活、强大的函数表达方式，可以简化代码，提高代码可读性，并带来一些独特的特性。本文将从箭头函数的语法、特性、应用场景、优缺点等方面进行详细讲解，帮助您全面了解箭头函数，并将其应用到您的 JavaScript 代码中。 一、箭头函数的语法 箭头函数的语法比传统的函数定义更加简洁，它使用箭头符号 => 来定义函数，并省略了 function 关键字。 1. 基
2024-11-22