自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 资源 (3)
  • 收藏
  • 关注

原创 在vue中为什么使用js新增的元素样式无法生效?

在 Vue.js 的单文件组件中,如果使用了 scoped 属性来限定样式的作用范围,那么动态添加的元素是无法应用作用域内的样式的。这是因为 scoped 属性会给样式添加一个唯一的哈希值,使得样式只在当前组件内生效,而动态添加的元素不在组件模板中,无法受到 scoped 样式的影响。1.去掉scoped;

2024-04-07 15:36:40 81 2

原创 ios中webView高度设置100%却无法铺满

viewport-fit=cover 是用来适配 iOS 设备的 webview 的一个 CSS 视口属性,可以确保网页内容在 iOS 设备上铺满整个屏幕,包括刘海屏幕或底部的安全区域。添加这个属性后,网页内容应该能够完全填充整个屏幕,避免了默认的内容放大效果。这样就可以让网页内容在 iOS 设备上铺满整个屏幕了。

2024-03-04 12:04:44 361

原创 Puppeteer国产镜像配置

Puppeteer老是报错下载chromium失败。我们需要给npm配置一下puppteer源。

2023-11-07 14:23:22 453

原创 Execution failed for task ‘:keyboard_utils:compileDebugKotlin‘.

这个问题在keyboard_utils github项目的issues 有记载。这个错误是keyboard_utils依赖报错。

2023-11-02 14:07:32 735

原创 用css如何实现样式延迟显示

非常简单的逻辑,就是在动画中定义一个样式,用animation实现动画的时候,给它延时属性。添加一个时间2s, 执行时间为1s,指定动画的周期为linear, 指定动画完成后的样式。当然animation没办法单独去实现动画,我们需要 @keyframes去创建动画。但是我们可以使用 CSS3 中的 animation 动画属性来实现,为forwards,这样就能不用js去实现类似的延时展示样式的效果。虽然CSS最为一个样式语言并没有为我们提供这样的延时方法。/* 在2秒后,将字体颜色变成红色 */

2023-04-12 15:37:56 3921 1

原创 用原生js实现jq的load()

这个方法接收一个 URL 和一个回调函数作为参数,它会通过 XMLHttpRequest 对象来异步加载指定的 HTML 文件,当加载完成后调用回调函数并传入加载的 HTML 字符串。你可以在回调函数中使用这个字符串来更新 DOM 元素。在这个示例中,我们调用 load() 方法来异步加载 ./XXXX.jsp 文件,当文件加载完成后,我们使用加载的 HTML 字符串来更新指定的 DOM 元素。在工作我碰见了一个老项目用到了jq的’load()‘,我想不用jq,那我该用原生怎么实现了?

2023-03-17 15:15:59 773

原创 js(ES6)的Proxy介绍,利用Proxy实现的双向绑定

Proxy是ES6中提供的新的API,可以用来定义对象各种基本操作的自定义行为 .设计思想主要是基于设计模式中的代理模式,如下图:每次获取proxy,这个proxy就会返回对data的浅拷贝,而要对data中的属性进行增删查等操作,也是直接对proxy。通过对整个对象的代理,就避免了访问之前要明确data中有什么属性的这一个过程。这样就实现了一个解耦合的过程,避免了直接操作data对象。

2023-03-03 14:41:54 728

原创 基于grid布局实现页面元素的动态拖拽替换

本人看见网上的都是基于flex布局的动态拖拽,就想尝试写一下grid布局的拖拽实现一下,于是有了本篇文章,本篇主要都是基于元素实现,文章主要时提供了一个思路,需要时请根据自己的实际需求更改或者封装。觉得不错记得点个赞:

2023-02-01 10:05:02 709

原创 关于Object.defineProperty()以及利用其实现双向绑定

简单理解一下Object.defineProperty(),以及利用其实现简单的原生双向绑定效果

2022-06-22 14:40:48 496

原创 利用JS制作抖音同款3D照片墙(three.js)

利用JS制作抖音同款3D照片墙(three.js)520快到了,跟我一起学习threeJS用threeJS制作抖音同款3D照片墙代码我会后续发布在我的GitHub中,有兴趣的小伙伴可以留言喔

2022-05-05 15:41:02 2774 16

原创 原生JavaScript获取元素的padding内边距(以及实际内容宽度)

原生JavaScript获取元素的padding内边距(以及实际内容宽度)最近做一个网页特效需要获取到div中实际的内容宽度(一个tab框的下滑块宽度需要对应实际内容宽度)有机会把这个案例整理下分享出来。但是HTML DOM 元素对象方法中却没有获取padding及实际内容宽度的方法。解决方案我们可以通过WIndow对象提供的getComputedStyle() 获取指定元素的 CSS 样式。语法let style = window.getComputedStyle(element, [pse

2022-04-13 01:22:11 7697

原创 原生js获取以固定字符开头的控件id,并设置属性

原生js获取以固定字符开头的控件id,并设置属性还在用JQ加CSS选择器获取指定id开头的DOM嘛?现在试试 JavaScript提供的querySelectorAll函数目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera;定义与用法document.querySelectorAll("[id^='el-']") //获取以固定字符开头的控件idquerySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所

2022-04-12 15:04:09 1501

原创 如何获取数组中嵌套对象中属性值不为空的对象?

如何获取数组中嵌套对象中属性值不为空的对象?有一个对象数组如下:let arr = [ {id:1,aa:'aa1'}, {id:2,aa:'aa2',bb:{ cc:{dd:12} }}, {id:3,aa:'aa3',bb:{}}, {id:5,aa:'aa4',bb:{ cc:{dd:''}}}, {id:6,aa:'aa5',bb:{ cc:{dd:null}}}, {id:7,aa:'aa6'}, {id:8,aa:'aa7',bb:{ c

2022-04-01 16:24:41 1334

原创 怎么让网页变成黑白色

怎么让网页变成黑白俩色?在一些特殊时期,网页都是要去掉彩色,只显示黑白俩色的,那么怎样让你的网页变成黑白色呢?CSS3 filter(滤镜) 属性了解一下?在filter属性中有 grayscale() 这样一个方法:将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;那么浅写一下代码吧:<style> html { -webkit-filter: g

2022-04-01 15:17:35 9677

原创 新年打年兽小游戏

新年快乐!我把新年祝福写进游戏里,欢迎大家体验,游戏代码我会发布在gitHub上体验地址:https://szqlovegw.top/TigerNewYear/TigerNewYear/boomMonster.html

2022-01-26 00:37:04 2746

原创 vue单页面给页面添加锚点实现锚点跳转

使用Element.scrollIntoView()详情情查看 scrollIntoView参数alignToTop可选一个Boolean值:如果为true,元素的顶端将和其所在滚动区的可视区域的顶端对齐。相应的 scrollIntoViewOptions: {block: “start”, inline: “nearest”}。这是这个参数的默认值。如果为false,元素的底端将和其所在滚动区的可视区域的底端对齐。相应的scrollIntoViewOptions: {block: “end”,

2021-12-21 12:20:29 1170

原创 vue根据选择的对象替换数组对象中相同的属性对象,不存在时则在数组中新增一个对象

vue根据选择的对象替换数组对象中相同的属性对象,不存在时则在数组中新增一个对象项目中遇见了一个比较有意思的问题 :选择的对象替换数组对象中相同的对象,不存在时则在数组中新增一个对象。开始时把问题想得太简单了 准备用map()或 foreach()加上判断条件去替换或新增,结果就是 数组中不存在相同属性值的对象时,会根据数组的长度循环添加相同的对象。百度发现别人是这样做的:/** * 判断数组对象中是否有某个对象,有则替换无则添加 * @param {*} initialArr 源数组 * @

2021-09-27 15:53:34 2662

转载 vue+express+nginx部署 Windows服务器记录

服务器使用:Windows Server 2012 R2在此记录部署步骤和部署过程中的坑。一、远程连接服务器由于是Window服务器,自己使用的也是Windows系统直接使用自带的远程连接就可以了。快捷键 :Windows键+R 打开运行,输入命令mstsc,按下回车键即可打开远程桌面连接。(这里不做远程连接详细说明,如需查询细节,烦请问度娘)点击连接即可远程连接到服务器。至此服务器连接到此结束。二、Vue项目打包在本地项目完成开发,可以成功访问项目页面时,运行npm run build

2021-06-16 01:24:25 531

转载 Cookie 的 SameSite 属性

Cookie 的 SameSite 属性作者: 阮一峰日期: 2019年9月 9日Chrome 51 开始,浏览器的 Cookie 新增加了一个SameSite属性,用来防止 CSRF 攻击和用户追踪。一、CSRF 攻击是什么?Cookie 往往用来存储用户的身份信息,恶意网站可以设法伪造带有正确 Cookie 的 HTTP 请求,这就是 CSRF 攻击。举例来说,用户登陆了银行网站your-bank.com,银行服务器发来了一个 Cookie。Set-Cookie:id=a3fWa;用户后

2021-06-05 00:19:33 470 1

原创 WebGIS引擎现状与未来(转载)

WebGIS引擎现状与未来https://mp.weixin.qq.com/s/2AT6lrUnrVp6iMDKu4FKOg

2021-01-26 12:16:29 340

原创 openlayers加载geoJson格式文件(并加载json中的样式)

openlayers加载geoJson格式文件(并加载json中的样式)样式如下图:话不多说直接上代码和注释(geojson文件可以在我的CSDN中下载)分享不易:点赞支持<!DOCTYPE html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="./ol/ol.css" type="text/css"> <script src="

2021-01-21 12:00:00 6794 11

原创 cesuim加载倾斜摄影.OSGB格式三维数据

cesuim加载倾斜摄影.OSGB格式三维数据一、关于OSGBOpen Scene Gragh Binary是OSGB的全称此类文件的特点:此类数据文件碎、数量多、高级别金字塔文件大等特点难以形成高效、标准的网络发布方案,从而无法实现不同地域、不同部门之间数据共享。cesumi不能直接支持OSGB数据需要转成3dtiles。正确的OSGB格式数据倾斜摄影数据仅支持 smart3d 格式的 osgb 组织方式, 数据目录必须有一个Data 目录的总入口, Data目录同级放置一个 metada

2021-01-13 00:28:40 1623

原创 vue+express+MySQL实现ueditor富文本内容的保存(含图片上传)(下)---node实现ueditor后台

vue+express+MySQL实现ueditor富文本内容的保存(含图片上传)(下)接上章 我们已经搭好了后台数据连接!现在我们来实现 vue集成 uditor 富文本参考来源:Vue项目中最简单的使用集成UEditor方式这里再赘述一下Installationnpm i vue-ueditor-wrap# 或者yarn add vue-ueditor-wrap一、下载 U...

2020-04-16 11:38:52 1228

原创 vue+express+MySQL实现ueditor富文本内容的保存(含图片上传)

vue+express+MySQL实现ueditor富文本内容的保存(含图片上传)(上)前端用Vue,后端用Express做服务端提供数据接口和ueditor的后台服务,数据库用MySQL一、用vue-cli脚手架工具创建一个基于webpack的Vue项目首先需安装node环境如何再windows系统中安装node1.首先全局安装 vue-cli脚手架执行npm install -g...

2020-04-15 22:56:05 1816 4

原创 Ant design VUE 当我指定了 DatePicker/RangePicker 的 mode 属性后,点击后无法选择年份/月份?

Ant design VUE 的年时间控件无法选中获取值解决方法通过两个openChange 和 panelChange 两个函数解决Ant design 的mode为year 日期控件为展示年 format规定展示的格式 YYYY表示只展示年<a-date-picker mode="year" format="YYYY" :open="isopen" /...

2020-04-01 09:53:45 5461

原创 SQL查询最新的数据

在网上看了好多的查询最大数据的 本人也提供了一个解决思路SELECT * FROM table WHERE pro_id = '111' AND create_time IN ( SELECT MAX(create_time) FROM table) 查询效率应该比下面的sql效率高一点SELECT * FROM...

2020-02-26 11:11:38 3331 1

转载 用Postgis算最短路径(在任意位置选择起点终点)

1.前言阅读本文需要知道什么是shapfile,什么是路径分析,什么是GIS。相比Arcgis的路径分析功能,本文介绍的方法稍微复杂,需要注意的细节更多,但却是完全免费的。PostGis+QGIS+Geoserver开源Gis三剑客用起来真的很舒服。2.软件环境Postgresql+Postgis+pgRouting+QGIS。2.数据准备1.将道路Shp数据导入Postgis打开P...

2020-01-17 15:08:27 4158 11

原创 关于echart在vue中的饼图的值格式为千分位展示

**关于echart在vue中的饼图的值格式为千分位展示**echart的formatter定义方法label: { /* formatter: '{b} : {c}元 ({d}%)'*/ formatter:function(data) { return data.name+":"+that....

2020-01-15 13:57:27 1164

原创 Openlayers扩散的动态点(水纹效果)

在openlayers中制作危险源标识可以需要动态扩散的点(有很多种方法 可以加入jpg动图,也可以写css动画) 这里提供一种思路用openlayer自带的方法写 并给予详细的方法注释供初学者学习 (所有jar包都是在线的代码可以复制过去直接用)<!DOCTYPE html><html> <head> <title>Icon Sym...

2019-10-11 00:25:40 2457

原创 geoserver发布离线瓦片卫星图TIF格式

geoserver发布离线瓦片卫星图TIF格式看了诸多关于geoserver发布离线瓦片的博客,发现别人的瓦片下载方式和工具跟我的不太相同,而且对与新人来说有点难以看明白,鄙人就写这样的一篇博客,给大家提供下我的用geoserver发布离线的瓦片图本人自己的方法不足之处还望指出我在这里发布的是通过全能地图下载器下载的瓦片地图(百度网盘:链接: https://pan.baidu.com/s/...

2019-09-30 14:20:53 6591 5

520用JavaScript制作抖音热门同款3D照片墙(threeJS)

520快到了做一个抖音同款照片墙送给ta吧 效果请见:https://blog.csdn.net/qq_40482342/article/details/124590004?spm=1001.2014.3001.5501 本项目 用到 ES6 语法请用node打开 或者使用 编译器的 server 打开 如用webStorm打开,或者使用 vs code 安装 Live Server 插件打开。 需要126张照片 在数组里填写 照片地址(照片可以通过发布图床形式,或者引用微博上的图片地址,或者是自己直接扔项目中用相对路径引用)。 已将代码打包,更新为免编辑代码版本 只需将照片放入img文件夹中即可, 舞台中间的照片需要命名为one.png格式的

2022-05-07

map.geojson

map.geojson

2021-01-21

Openlayres要素框选.zip

Openlayers框选要素包括圆形框选 ,多边形框选要素,四边形框选要素,展示要素信息,统计框选要素数量

2019-10-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除