center

2025-01-03前端学习openLayers配合vue3（偏移动画效果，限制范围）
我们原来的偏移感觉比较生硬，我们来学习一下偏移的动画，先列一下这节的知识点限制经纬度范围和缩放范围（view层）view=newView({center:[114.305469,30.592876],zoom:10,projection:'EPSG:4326',extent:[113.999999,30.25,114.666667,30.833333],//限制地图
2025-01-03前端学习openLayers配合vue3（图层中心点的偏移）
有了上一步的学习，我们知道了如何创建一个地图，现在我们来尝试更改一下图层的中心点关键代码letview=map.getView();//获取视图层letcenter=view.getCenter();//表示当前中心点的位置，调增经纬度就可以进行位置的便宜，下移，左移右移也同理console.log(center);//[
2025-01-03前端学习openLayers配合vue3（简单的创建一个地图）
首先搭建一个vue工程化环境，首先我们先来创建一个地图吧首先我们需要下载npmiol其次我们需要在main.js里面引入相关的cssimport'ol/ol.css'到现在我们就可以开始敲击我们的代码了，直接复制就可以展示出一个简单的地图啦，相关备注已经在代码中标注，有什么不懂的可以留言哦
2024-12-31【c++编程基础】std::unique的理解
前言项目中想要实现一个功能，对于一个自定义类，包含坐标和类别等属性，按照到某个中心点的角度从小到大排序，如果角度相同，只保留距离中心点更近的元素，过程中用到了0-360的角度计算，自定义函数排序，以及删除重复元素等内容，故记录之。具体内容1.计算到中心点的角度；//计算点到中心点
2024-12-30最大子段和问题（3种方法）
1、暴力枚举（复杂度n方）（java版）//枚举（超时）importjava.util.Scanner;publicclassMain{publicstaticvoidmain(String[]args){Scannersc=newScanner(System.in);intn=sc.nextInt();int[]arr=newint[n];intmax=0
2024-12-29【html】通用布局模式，让容器充满父元素，且center部分始终充满剩余空间，可无限嵌套
源码采用vue3写法实现：Panel.vue<template> <divclass="container"> <divclass="top"> <slotname="top"/> </div> <divclass="middle&q
2024-12-28使用CSS3画一个苹果笔记本
创建一个苹果笔记本（MacBook）的外观样式使用纯CSS3是一个有趣且具有挑战性的任务。以下是一个简单的示例，它展示了如何使用CSS3来模拟MacBook的基本形状和一些细节。请注意，这是一个非常简化的版本，并不包含所有的细节和复杂性。<!DOCTYPEhtml><htmllang="en"><head><metach
2024-12-27鸿蒙NEXT开发实战教程—文字识别
今天跟大家分享一个ocr文字识别的小项目：鸿蒙系统提供了文字识别的能力，支持简体中文、英文、日文、韩文、繁体中文五种语言。实现步骤为初始化文字识别服务、将图片转换为PixelMap、文字识别、释放OCR服务。首先从相册或者拍照获取图片，这一部分在之前的文章里有介绍，有疑问的同学
2024-12-24【教学类-84-01】时钟动物——动物头像01（动物头像+钟表盘+活动扣+纸质指针）
背景需求：制作手表后，发现上面的指针没法运动（表盘小，只能绘画指针）【教学类-82-01】20241209涂色手表制作1.0（表盘、表带）-CSDN博客文章浏览阅读798次，点赞26次，收藏22次。【教学类-82-01】20241209涂色手表制作1.0https://blog.csdn.net/reasonsummer/article/details/144250493【
2024-12-21React之Json编辑器
我们先看下效果，这个白色是不是非常不错？没有太多复杂的功能，就是当一个简洁显示json并且进行编辑的功能接下来是代码部分importAceEditorfrom'react-ace';import{Button,Modal}from'antd';import'./styles.css';//Importaceeditorthemesandmodesimport'ac
2024-12-21如何使用css实现背景虚化？
在前端开发中，你可以使用CSS的backdrop-filter属性来实现背景虚化的效果。backdrop-filter属性可以让你对元素背后的区域应用图形效果，如模糊或亮度降低。以下是一个简单的示例，展示如何使用backdrop-filter属性来虚化一个元素的背景：<!DOCTYPEhtml><htmllang="en"><head
2024-12-19第四天案例联系-热词
效果：五个热词点击可以跳转到指定页面，悬停时有颜色区别遇到问题：文字在各个块中水平，垂直居中显示①水平显示：text-align：center【注意：要注意将这个属性设置到父级元素】②垂直显示：line-height：80px【通过行高来设置，将行高设置与块的大小一样】 <!DOCTYPEhtml><h
2024-12-18使用css实现一个毛玻璃效果
在前端开发中，使用CSS实现毛玻璃效果（也被称为模糊效果）通常涉及到backdrop-filter属性，该属性可以让你对元素后面的区域应用图形效果，如模糊或明亮度降低。以下是一个简单的示例，展示如何使用CSS创建一个毛玻璃效果：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><m
2024-12-15写一个类似刮刮卡效果的交互，即鼠标划过时显示号码
实现一个类似刮刮卡效果的交互，可以使用HTML、CSS和JavaScript来完成。以下是一个简单的示例，展示如何在鼠标划过时显示隐藏的号码。HTML首先，创建一个HTML文件，其中包含刮刮卡区域和一些隐藏的数字。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><met
2024-12-13HTML&CSS：3D卡片翻转悬停效果
这段HTML、CSS代码定义了页面的背景、卡片的3D翻转效果、内容的布局和样式，以及伪元素的视觉效果。通过这些样式，可以实现一个在鼠标悬停时翻转显示另一面内容的3D卡片。演示效果HTML&CSS<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><meta
2024-12-12使用Flex布局的几个小技巧
前情Flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为Flex布局，如果说目前我开发中离不开的布局方式那就非Flex莫属了，而且小程序就是推荐使用Flex布局的，对Grid布局的支持不太理想。在一次次使用flex布局的时候遇到了一些小
2024-12-12【仿windows风格的移动端登录界面】
仿windows风格的移动端登录界面，用uni-app写的，移动端都可以进行使用。废话不多说，代码如下：login.vue文件<template> <viewclass="content"> <viewclass="couple"> <viewclass="left-roperope"></view> <viewclass="ri
2024-12-12拥有动画效果的登录界面样式效果
拥有动画效果的登录界面样式效果，点击记住密码，熊猫会有捂眼睛的动画。废话不多说，代码如下：login.vue文件<template> <viewclass="content"> <viewclass="head"> <imageclass="img1"v-show="checked"mode="aspectFit":src=&
2024-12-10使用css制作吊扇转动的效果
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>RotatingCeilingFan</t
2024-12-09CSS系列（4）-- Flexbox 布局详解
前端技术探索系列：CSSFlexbox布局详解
2024-12-09写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Left-Center-RightLayout&l
2024-12-08vue vxe-table 实现财务记账凭证
使用vxe-table实现财务记账凭证非常简单，实现在线实时编辑的记账凭证、自动合计金额等官网：https://vxetable.cn/<template><div><vxe-gridref="gridRef"v-bind="gridOptions"v-on="gridEvents"><template#toolbarButtons>
2024-12-07探索CSS中的背景图片属性，让你的网页更加美观
导语：在网页设计中，背景图片的运用能够丰富页面视觉效果，提升用户体验。本文将详细介绍CSS中背景图片的相关属性，帮助大家更好地掌握这一技能。一、背景图片基本属性1、background-image该属性用于设置元素的背景图片。语法如下：background-image:url('图片路径');2、backg
2024-12-06【css】基础（一）
本专栏内容为：前端专栏记录学习前端，分为若干个子专栏，htmljscssvue等
2024-12-06Trimble Business Center 2023.11(TBC2023.11)地理空间办公软件永久许可
TrimbleBusinessCenter2023.11TrimbleBusinessCenter(TBC)是一个全面综合并可扩展的工具套件，能够用于各种地理空间业务。无论您的业务需要单机许可还是多用户企业许可，TrimbleBusinessCenter都可以为您提供灵活的选项，以满足您的不同需求。TrimbleBusinessCenter为当