前端开发
-
多边形的面积可以通过对其顶点进行叉乘（Cross Product）来计算。这种方法基于向量分析，适用于简单多边形，尤其是当多边形的顶点按顺序排列时（例如，顶点按照顺时针或逆时针方向排列）。 计算原理 计算步骤 初始化面积：设置总面积为 0。 遍历顶点：从第一个顶点到第二个顶点，再到第三个顶点，依此类推，直到最后一个顶点。然后，将最后一个顶点与第一个顶点连接起来，形成一个闭合的多边形。 计算叉乘：对于每一对连续的顶点，计算它们之间的向量叉乘。 累加面积：将每个三角形的面积（叉乘的模的一半
2024-11-30 -
Bootstrap Bootstrap 是预编写的 CSS 和 JavaScript 代码段（chunk）的集合。 引入 任何 Web 应用，都可以通过添加如下代码到 HTML 的 head 标签中来引入 Bootstrap 。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRA
2024-11-30 -
vue3-自定义事件 作用 完成组件之间数据的传递、组件之间的通信 与vue2的区别 父组件中没有差别，子组件中触发方法，为setup中第二个入参context的emit方法 代码 父组件 <template> <div>userName：{{userName}}</div> <div>userAge：{{userAge}}</div> <customEvent @event1="event1"></customEvent> </template> <script> impor
2024-11-30 -
nodejs使用express创建静态文件服务器 const express = require('express') const app = express() app.use(express.static('/home/hws')) app.listen(8080, () => console.log('Example app listening on port 8080!'))
2024-11-30 -
@submit获取不到form表单内容问题 需要给每个form表单里边的元素加上一个name <form @submit="formSubmit"> <input type="text" name="我是input" value="" /> <input type="text" placeholder="我是input" name="input1"/> <checkbox-group name="我是多选框"> <view class=""> 选项：
2024-11-30 -
import os def find_files_and_folders_with_keyword(drives, keyword): """ 在指定的驱动器中查找文件名或文件夹名包含指定关键字的文件和文件夹。 :param drives: 驱动器列表 :param keyword: 要查找的关键字 """ for drive in drives: if os.path.exists(drive): pri
2024-11-30 -
CSS（层叠样式表）选择器 CSS（层叠样式表）选择器是用于选择和应用样式到 HTML 元素的模式。选择器的类型多种多样，下面是对 CSS 选择器的详细介绍，包括基本选择器、组合选择器、伪类和伪元素选择器等。 1. 基本选择器 通用选择器（*） 选择所有元素。例子：* { margin: 0; padding: 0; } 元素选择器 选择特定类型的元素。例子：p { color: blue; } 选择所有 <p> 元素。 类选择器（.） 选择带有特定类名的元素。例子：.highl
2024-11-30 -
创建项目 使用npm安装vue-cli3.0和ts npm i -g @vue/cli typescript @vue/cli需升级到高版本 使用vue create命令快速搭建新项目的脚手架 vue create vue-ts-v3 vue-ts-v3 项目名称，执行以上命令后，出现下面选项 default：默认选项，babel、eslint只会引入这两个 Manully select features：手动选择，因要用到vue+ts所以选择该选项 按enter，进入下一步 多项选择
2024-11-30 -
（1）dom添加节点 示例： <body> <ol> <li>周星驰</li> <li>张学友</li> <li>刘德华</li> </ol> <input type="button" οnclick="addNode()" value="添加张家辉" ></body><script type="text/javascript"> function addNode(){ //获得ol标签中的第一个 var ol=document.g
2024-11-30 -
前言 本文主要是对于鸿蒙开发文档 ETS 开发中的 UI状态管理部分进行解读和简单的实践，方便更快的切入开发工作，构建应用。 鸿蒙状态管理简介 首先引用开发文档中的图片，图片中已经基本可以看出整个应用中的数据流动，非常全面 华为鸿蒙开发文档对于应用中状态的管理提供了丰富且全面的接口（仅提供通俗理解，具体定义见文档）： @State：用于定义应用管理的状态,更像是React16.8之后的useState，方便代码根据业务划分逻辑，状态定义仅支持class、number、boolean、stri
2024-11-30