- 2025-01-09Layui后台管理系统布局模板【菜单展开/收起、全屏、个人信息、更多】
一、前言适合初学开发者和学生使用，可做静态网页或者后台管理系统，支持基本功能。除引用layui外无任何多余依赖。layui依赖：https://layui.dev/如下图直接下载，引入项目中！二、源码<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"co
- 2025-01-08X-Frame-Options响应头缺失--点击劫持漏洞原理和复现
点击劫持漏洞原理和复现一、漏洞原理点击劫持（Clickbandit），主要是利用HTML中iframe便签可以透明的属性进行利用攻击，其原理是通过在原本的网页上覆盖透明的框架并使受害者在不知情的情况下进行点击。漏洞主要是由于未对referer字段来源进行检验。常常配合csrf和xss。图中，攻
- 2025-01-08前端学习openLayers配合vue3（两个坐标之间线的绘制）
上节我们学了点的绘制，今天我们来学习一下线的绘制关键代码constlineLayer=newVectorLayer({source:newVectorSource(),});map.addLayer(lineLayer);letfeature=newFeature({//北京到上海的经纬度geometry:newLineString([[116.46,39.92],
- 2025-01-072025新年祝福和照片环绕HTML离线模板可以自己更改音乐照片等等
给大家介绍两款好看浪漫的祝福代码UC网盘百度网盘2025新年快乐<!DOCTYPEhtml><html> <head> <metahttp-equiv="content-type"content="text/html;charset=UTF-8"> <metacharset="UTF-8"><metahttp-equiv="X-UA-C
- 2025-01-06前端学习openLayers配合vue3（修改地图样式）
这一块的东西非常简单，基于上一步的继续操作关键代码,当然对应的对象需要进行相关的引入//填充颜色style:newStyle({fill:newFill({color:"rgba(255,0,0,0.5)",})})效果 完整代码<scriptsetup>i
- 2025-01-05vue3-openlayers基础知识简介
vue3-openlayers基础知识简介OpenLayers3Primeropenlayers6：入门基础（一）openlayers入门教程一、基础概念介绍地图(Map)OpenLayers的核心部件是Map（ol.Map）。它被呈现到对象target容器（例如，网页上的div元素）。所有地图的属性可以在构造时进行配置。ol/Map类是OpenLayers
- 2025-01-04emby美化后续折腾
GitHub-Nolovenodie/emby-crx:Emby增强/美化插件(适用于Chrome内核浏览器/EmbyServer) emby美化尝试皮蛋熊2023-10-18/1评论/2点赞/6151阅读/8117字10/18温馨提示：本文最后更新于2023-10-18，若内容或图片失效，请留言反馈。部分素材来自网络，若不小
- 2025-01-04uniapp：编译微信、h5都正常的，编译钉钉小程序无法找到页面
我们在做uniapp的开发的时候遇到很多莫名其妙的问题，其中就有个很奇葩的问题，我们开发的过程中使用微信小程序/h5调试都是正常编译正常跳转，然后在要上架的时候，编译钉钉小程序成功，但是访问页面无法访问，Error:frameworkerror:cannotfindpage:pages/repairs/repairs-accept
- 2025-01-03echarts 使用bmap绘制polygon多边形
效果预览代码echartsoption配置中的series写法如下：series:[{type:'custom',coordinateSystem:'bmap',renderItem:(params,api)=>renderPolygon(params,api,gArea),data:gArea,seriesIndex:1,
- 2025-01-02Openlayers零基础教程【6】geojson实现点要素
1.geojson定义geojson数据是矢量数据，是包含地理信息的json数据，格式是以key:value的形式存在的。后缀以geojson结尾2.geojson设置一个点要素本篇内容我们主要介绍使用geojson设置一个点要素，效果如下图所示。3.实现步骤：3.1.创建geojson数据/*创建geojson数据
- 2025-01-01说说你对css中属性list-style-type的理解
list-style-type是CSS中的一个属性，它用于指定HTML列表项（<li>元素）前面的标记（bulletpoint）的样式。这个属性主要应用于有序列表（<ol>）和无序列表（<ul>），以改变它们默认的列表项标记样式。值list-style-type属性可以接受多个不同的值，每个值都会改变列表项的显示方式。以下是一些
- 2025-01-01说说你对css中属性list-style-image的理解
list-style-image是CSS中的一个属性，用于为列表项（通常是<li>元素）指定一个图像作为项目标记（bulletpoint）。这允许开发者自定义列表的外观，使其更加符合网站或应用的整体设计风格。基本用法list-style-image属性接受一个URL值，该值指向要用作列表项标记的图像。例如：ul{l
- 2025-01-01请解释下渲染出现recalculate style的过程
在前端开发中，"重新计算样式"（recalculatestyle）或"样式重计算"是浏览器渲染过程的一个重要环节。这个过程主要涉及到浏览器如何根据CSS样式规则来确定每个元素的最终样式，并生成“计算样式”（computedstyle）。以下是这个过程的一个详细解释：解析CSS：浏览器首先会解析HTML文档中的所有
- 2024-12-31如何快速写一个跨年放烟花的代码（动态效果）
1.新建一个txt文档2.将以下代码复制粘贴到你新建的txt文档里面<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">
- 2024-12-31说说你对@counter-style的理解
@counter-style的理解在前端开发中，@counter-style是一个CSSat-rule，它允许开发者自定义计数器的样式。这一规则为开发者提供了一种灵活的方式来控制计数器在网页上的展现形式，从而能够更好地满足设计需求和提升用户体验。以下是对@counter-style的详细理解：一、基本定义与用途@c
- 2024-12-28自定义Menu组件
自定义Menu组件第一步：定义propsMenuProps接口定义了Menu组件接收的props，包括默认高亮项、样式、模式、选择项的回调函数和子组件。exportinterfaceMenuProps{defaultIndex?:number;//高亮className?:string;mode:MenuMode;//纵向横向s
- 2024-12-27WPF DatagridRow style with ControlTemplate
<Windowx:Class="WpfApp100.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft
- 2024-12-27原生 js 策略模式的理解
原生js策略模式的理解策略模式（StrategyPattern）是一种行为设计模式，它允许在运行时根据不同的情况选择不同的算法或行为。该模式将算法封装成独立的策略对象，使得这些策略对象可以互相替换，从而使得算法的变化独立于使用算法的客户端。–来自查特著迪皮需求想要实现
- 2024-12-27el-select组件改造成多选显示多个标签加数字标签的形式并且点击某个默认值不允许删除
单独设置一个文件当做公共组件调用<template><main><el-selectref="select"v-model="values"multiplestyle="width:100%":placeholder="placeholder"@change="handleChang
- 2024-12-27针对form表单中存在子列表table嵌套子列表的校验
<el-formref="dataFormRef":model="form":rules="dataRules"formDialogReflabel-width="90px"v-loading="loading"> <el-table :data="form.inOrderGoodsList" border :row
- 2024-12-26使用js写一个鼠标框选的效果
鼠标框选效果通常指的是用户在页面上拖动鼠标时，可以框选一个区域，并高亮显示这个区域。以下是一个简单的示例，使用原生JavaScript来实现这个效果：HTML：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=d
- 2024-12-25获取单元格内容的宽度
constcheckWidths=(text)=>{ consttempElement=document.createElement('div'); tempElement.style.visibility='hidden'; tempElement.style.position='fixed';//使用绝对定位 te
- 2024-12-25箭头函数的实践与应用场景
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><
- 2024-12-24拖拽改变div大小方法
constupdateWidth=()=>{letresize=document.getElementById("datatree");letmainForm=document.getElementsByClassName("mainForm");resize.onmousedown=function(e){letstartX=e.clientX;
- 2024-12-24CSS系列（33）-- Perspective详解
前端技术探索系列：CSSPerspective详解