前端开发
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="layui2-6-8/css/layui.css"> <script src="js/jquery-1.9.1.min.js"></script> </head> <body> <div class="layui-main">00</div>
2024-11-19 -
axios概述 axios是一个基于 promise 的 HTTP 库, 主要用于：发送异步请求获取数据。 常见的方法： axios(config) axios.get(url, [config]) axios.post(url, [data]) 发送数据config常用参数： { url: '请求的服务器', method: '请求方式', // 默认是 get // GET请求参数 params: { 参数名: 参数值 }, /
2024-11-19 -
Openlayers常用的API了解的差不多了，就开始进入实战了，首先从绘制基本的图形开始，这里主要介绍一下绘制圆形、矩形和多边形。 通过使用openlayers的ol.interaction.Draw和ol.interaction.Modify模块实现地图上绘制圆形、矩形、多边形并修改编辑。 一、创建地图 在Openlayers中创建一个简单的地图可以通过一下步骤完成： // 引入OpenLayers库 import { Map, View } from 'ol'; import { Til
2024-11-19 -
我这里以vue3-video-play为例 import { defineNuxtPlugin } from 'nuxt/app'; import 'vue3-video-play/dist/style.css'; import { videoPlay } from 'vue3-video-play'; export default defineNuxtPlugin(nuxtApp => { nuxtApp.vueApp.component('videoPlay', videoPlay);
2024-11-19 -
requestAnimationFrame 请求动画帧 它是一个浏览器的宏任务 requestAnimationFrame的用法与settimeout很相似，只是不需要设置时间间隔而已。requestAnimationFrame使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。它返回一个整数，表示定时器的编号，这个值可以传递给cancelAnimationFrame用于取消这个函数的执行 requestAnimationFrame特点 【1】requestAnimationFrame
2024-11-19 -
Vue 中的双向绑定靠的是在表单组件上使用指令 v-model，它在表单元素上创建了双向数据绑定。 它的原理呢，（Vue 的双向绑定原理）是通过监听表单元素上的 input 或者 change 事件，然后再通过数据劫持 (Object.defineProperty) 将数据模型中的值与表单元素的值进行绑定。 在一个组件中，v-model 的实质是语法糖，它的内部会根据组件类型自动转换/解析成不同的事件和属性，默认是 input 和 value。 所以，虽然 Vue 的数据流是单向的（即自上而下的
2024-11-19 -
报错如图： 解决办法： 1.在vite.config.ts中进行配置 2.在tsconfig.json中进行配置
2024-11-19 -
const 的用法、特点，原理和优点： 1、const一般只用于声明常量，声明的同时还会直接初始化。 2、声明的常量不能修改，否则也会报错 // Assignment to constant variable.(指定恒定变量。) 3、必须遵守“先声明，后使用”的原则，否则报错。//Uncaught ReferenceError: a is not defined 4、声明对象的时候，对象的属性名和属性值都可以添加、修改，却不能重新指向另一个对象，不能重写对象。 去到这里的时候，肯定有很多同
2024-11-19 -
在调试前端项目的时候，谷歌浏览器控制台报错DevTools failed to load source map: Could not load content for chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 这段报错的意思是dev工具未能成功加载source map（文件映射）
2024-11-19 -
Vue 2 和 Vue 3 组件通信详解 组件通信是前端开发中的重要部分，尤其在使用 Vue.js 构建复杂应用时，组件之间的数据传递和事件处理显得尤为重要。本文将详细介绍在 Vue 2 和 Vue 3 中如何实现父传子、子传父，以及兄弟组件之间的通信，同时在 Vue 3 中还会展示使用插件来实现兄弟组件之间的通信。 一、父传子通信 1. Vue 2 的实现 在 Vue 2 中，父组件通过 props 向子组件传递数据。props 是一种单向数据流，数据只能从父组件流向子组件。 父组件：Pare
2024-11-19