- 博客(99)
- 资源 (4)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Cesium 加载在线天地图瓦片和离线瓦片功能(cesium开发记录)
Cesium 加载在线天地图瓦片功能1、未联网状态加载默认本地底图,保证地球有底图显示let viewer = new Cesium.Viewer('cesiumContainer', { // 未联网状态下 默认显示球面地图 imageryProvider: new Cesium.TileMapServiceImageryProvider({ url: Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')
2021-11-25 16:01:11
7064
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 cesium 根据SampledPositionProperty与timeline实现轨迹回放功能(跟随视角、上帝视角) 详细代码与理解记录
cesium 根据SampledPositionProperty与timeline实现轨迹回放功能(跟随视角、上帝视角) 详细代码与理解,文末附完整代码最终类似效果展示大致原理摘要 引用出处这个主要是用entity的orientation方向属性实现的,问题就在于怎么获取到实时的四元素,我们知道VelocityOrientationProperty这个是根据当前位置实时计算方向的,但是这个方向在转角时是瞬间转的,达不到均匀的转动效果,所以我们需要两个插值模型SampledPositionProper
2021-10-09 18:17:09
13602
41
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 nginx配置ssl证书https+域名访问前端页面、https代理/api访问服务器部署springboot的jar包http后台接口
nginx配置ssl证书https+域名访问前端页面、https代理/api访问服务器部署springboot的jar包http后台接口前言:网上很多的文章关于nginx配置https、配置证书的,看了很多都有问题各种bug导致页面出不来,接口请求存在https与http之间的访问限制,不适合自己的项目。最终调改出项目能正常使用的conf配置,贴出来仅供参考….1.获取ssl证书阿里云免费ssl证书,阿里云官网有获取途径方法介绍,这里就不详细道明,审核通过后下载nginx版本的证书即可。2.解压到n
2021-07-09 18:20:53
938
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue获取element table 单元格的内容([object HTMLTableCellElement] JQ转换)并实现一键复制功能(记录1)(input,span等文本内容复制)
vue中通过点击表格单元格获取单元格内容,取出innerHTML,并在dom中显示1.了解document.execCommand()=====execCommand方法是执行一个对当前文档/当前选择/给出范围的命令。大佬整理的直接拿来用!香2D-Position 允许通过拖曳移动绝对定位的对象。AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。BackColor 设置或获取当前选中区的背景颜色。BlockDirLTR 目前尚未支持。Bloc
2020-12-08 16:55:14
4005
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Redux react-redux hooks使用篇
Redux 入门到放弃开始~~~~~~~~~~~参照vuex的思想入手react-redux完成简单运用(不谈深入)参考 redux w3cschool最新的中文文档Redux三大原则 1.单一数据源(整个应用的 state 被储存在一棵 object tree 中,它只有一个单一的 store )、2.State 是只读的(唯一改变 state 的办法就是触发 action,action 是一个描述要发生什么的对象)、3.纯函数的形式来执行修改(为了描述 action 如何改变 state tree
2020-11-19 14:11:23
3167
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue 关于改变数据源 页面不热更新问题(举例element select选中不显示label)
深入响应原理(记录)在代码中可以打印出select 的选中value 但是页面不显示对应的label//template 代码<el-form-item label="工作模式" prop="workTypeId"> <el-select v-model="form.workTypeId" multiple @change="currentWork"> <el-option v-for="item in workTypeOp
2020-11-04 12:43:50
1584
原创 关于通过JS操作Vue组件库的输入框的值,输入框的值不改变问题
在开发使用Vue组件库(如Element UI、Vuetify或Ant Design Vue)时,我们经常需要通过JavaScript直接操作输入框的值。然而,仅仅设置输入框的value属性往往不足以通知Vue更新其数据模型。本文将探讨如何正确地通过JavaScript更新Vue组件库中输入框的值。
2024-05-31 11:48:52
673
原创 ThreeJs中场景(scene)、 相机(camera)、渲染器(renderer)等方法类使用
ThreeJs,是一个基于原生WebGL,轻量级,跨平台的Javascript库,可以在浏览器上结合HTML5的canvas,SVG或者WebGL,创建和展示3D模型和动画。允许我们在不依赖任何浏览器插件的情况下,创建一个GPU加速的3D动画场景,这可能得益于WebGL的出现,因为WebGL的底层实现是基于OpenGL。
2023-10-10 09:15:49
8607
原创 了解JS三种实时通信方式——Eventsource、websocket与socket.io之间的差异和优缺点
它是 WebSockets 的替代方案,因为它比 WebSockets 更简单,更适合处理服务器向客户端发送数据的情况。是一种在单个 TCP 连接上提供全双工通信的协议,它使得客户端和服务器之间进行实时交互变得更加容易。它是一种标准化的通信协议,客户端和服务器都可以通过它发送消息。和其他实时通信协议,并提供了一组易于使用的 API。它既可以在客户端上使用,也可以在服务器端上使用,它还提供了许多高级功能,例如自动重连、心跳机制和房间等概念。,只有服务器能够发送消息,所以它更安全。
2023-05-29 16:45:23
10019
原创 使用python3调用openai的api,并解决openai访问错误以及APIConnectionError
使用python3调用openai的api,并记录解决openai访问错误以及APIConnectionError的方法
2023-05-22 16:55:00
11989
6
原创 electron 使用electron-packager打linux-x64包与linux-arm64包,解决打包缓慢问题
在使用electron-packager打包的过程中,需要在第一次下载electron版本对应的zip文件,下载很缓慢,而且还可能出现每次都在下载zip的情况。解决思路是提前下载好zip文件并修改electron—packager源码将zip的路径指定到你放zip的文件目录,去规避packager自己去下载zip文件。实现更快的完成打包
2023-05-19 10:07:54
5150
9
原创 最新前端面试知识点总结-2023(3w+字,长篇幅)
写在最前面,坐标成都,3月16号上家公司离职,目前已经入职新公司。总的来说现阶段前端岗位的招聘比不上以往金三银四那么活跃,零零碎碎的面试机会,加上行内人的内卷行为,我***。但是积极面试和准备面试的过程中,可以捡起或是加深印象对于以往工作开发中遗忘的前端基础。下面是我根据个人面试过程中整理的一些被问及的前端知识点,记录分享,祝各位早日入坑!基本是自己键盘敲出来的文字内容,可能存在错别字,欢迎指出错误知识点。
2023-03-27 17:35:45
3420
2
原创 vue3打包部署后,报错解决记录。访问页面index.html空白、页面刷新后nginx404问题
项目情况:使用的createWebHistory创建history达到访问路径不带#的效果,但是发现项目没有配置nginx转发,在vue-router文档中,配合createWebHistory使用需要nginx配置转发到index.html。在webpack配置中(vue.config.js)配置chunks时通过加入[‘chunk-vendors’, ‘chunk-common’]参数来解决预加载问题,如下。提示使用链接预加载的,但在窗口加载事件后的几秒钟内没有使用。值,并且是故意预装的。
2022-09-29 11:24:20
6065
原创 优化 cesium 界面广告牌(billboard)数据量大于 10w +时,地图加载缓慢、卡顿、加载完成后浏览器严重卡顿甚至崩溃问题
项目之前的设计,billboard 广告牌是绑在 entityCollection 集合下的,为了能够在获取单个实体(entity)时能够获取更多数据信息(entity 能够注入除了它本身的属性之外的属性信息)entityCollection 集合加上集群聚合功能,数据量临界点在 3w~4w 左右,就会出现界面卡顿。fps 低于 20 并且波动很大,延迟保持在 100ms 左右。数据量低于临界点时,entity 的方式呈现页面还是比较奈斯的。
2022-09-19 09:44:52
16421
16
原创 vue2项目 npm run build 打包报错 ERROR Error: EBUSY: resource busy or locked, rmdir....
vue打包报错,盲目的去google,看到网上有乍一眼看相同的错误,ERROR Error: EBUSY: resource busy or locked, unlink…害的自己重启半天编辑器,毫无卵用-_-,都贴出来记录一下!1、找到打开或使用dist文件,关闭即可(神仙操作:打包文件上传服务器时,还在上传过程中,然后服务器断开连接了导致一直在使用占用dist文件夹,导致了我的报错-_-)错误提示可以看出是打包过程中删除上次打包生成的dist文件报错,然后查看dist文件是否被打开正在使用。
2022-09-01 19:13:49
7989
原创 javascript 学习并梳理正则表达式姿势之字符串匹配( 一)
javascript 学习并梳理正则表达式知识,正则表达式之字符串匹配相关记录,字符串匹配相关案例分析
2022-06-29 18:51:20
1737
1
原创 docker 创建nginx容器以及配置文件挂载语句记录
docker 创建nginx容器以及配置文件挂载语句记录拉取nginx命令docker pull nginx普通创建容器并挂载配置文件命令html文件夹放访问页面静态资源, conf.d文件夹放nginx配置的子文件, nginx.conf文件配置文件入口 *docker run --name nginx -p80:80 -v /etc/nginx/conf.d:/etc/nginx/conf.d -v /etc/nginx/nginx.conf:/etc/nginx/nginx.
2022-05-19 10:32:03
426
1
原创 typescript引入@types/node下的模块时,编辑器报错提示找不到对应模块解决方法
typescript引入@types/node下的模块时,编辑器报错提示找不到对应模块解决方法例如:在引入fs模块时使用import * as fs from 'fs’方式引入时,编辑器报错如下----------博客以引入fs模块为例,ts在引入其他声明文件包下的模块时遇到找不到对应模块时,解决方法大同小异报错原因可能有以下几种情况1、本地没有 @types/node声明文件包解决:没有@types/node包的情况下直接执行下文语句,导入到项目本地即可 npm install @t
2022-05-17 17:46:52
41734
原创 javascript实现页面目录功能锚点跳转的姿势(操作页面元素滚动、以及监听滚动)记录
javascript实现页面目录功能锚点跳转知识点总结假dom A是滚动条的盒子, B是A的子元素,实现B滚动到A可视范围的顶部的方法(仅记录我是用的两种方法)1、scrollTo方法通过A(滚动条的盒子)的scrollTo方法,设置top为B的offsetTop属性值scrollTo:Element(滚动条的盒子) 的scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置 A.scrollTo({ top: B.offsetTop, behavior: 'sm
2022-04-18 18:31:07
1911
转载 javascript获取屏幕分辨率以及窗口尺寸(转载记录)
javascript获取屏幕分辨率以及窗口尺寸网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网
2022-04-12 16:28:47
398
原创 css实现动画效果代码记录,补习css3布局、定位、动画以及transform、filter等css3属性
效果图本来是一个动图的,不会gif将就用…HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2022-04-01 17:29:07
759
原创 leetcode随机刷题系列—— 整数反转
闲时leetcode随机刷题系列——整数反转文章目录闲时leetcode随机刷题系列——整数反转一、题目描述二、题目分析三、解题代码一、题目描述leetcode 7. 整数反转给你一个 32 位的有符号整数 x ,返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−2^31, 2^31 − 1] ,就返回 0。假设环境不允许存储 64 位整数(有符号或无符号)。示例 1:输入:x = 123输出:321示例 2:输入:x = -123输出:
2022-03-21 10:56:45
285
原创 leetcode随机刷题系列——Z 字形变换
闲时leetcode随机刷题系列——Z 字形变换文章目录闲时leetcode随机刷题系列——Z 字形变换一、题目描述二、题目分析三、解题代码一、题目描述leetcode 6.z字型变换将一个给定字符串 s 根据给定的行数 numRows ,以从上往下、从左到右进行 Z 字形排列。比如输入字符串为 “PAYPALISHIRING” 行数为 3 时,排列如下:P A H NA P L S I I GY I R之后,你的输出需要从左往右逐行读取,产生出一个新的字符串,比
2022-03-18 17:47:11
306
原创 SmtpJS 几行代码实现javascript发送邮件(记录)
SmtpJS前言一、SmtpJS是什么?二、使用准备发送邮箱(From 发件人邮箱)导入SmtpJs使用容易出错保护措施解决获取SecureToken时报错bootbox is not defined附上各邮箱的端口及smtp发送服务器地址前言在不考虑安全性的前提下,不通过后台手段使用javascript直接实现发送邮件的功能一、SmtpJS是什么?SmtpJS是一款通过javascript代码发送邮件的插件,导入插件后,只需简单几行代码就能实现邮件发送功能SmtpJS官网二、使用准备发送
2022-03-18 14:13:47
3409
8
原创 掉入parseInt二进制转十进制丢失精度问题 (BigInt数据类型记录)
翻车现场leetcode 1404.将二进制表示减到1的步骤数给你一个以二进制形式表示的数字 s 。请你返回按下述规则将其减少到 1 所需要的步骤数:如果当前数字为偶数,则将其除以 2 。如果当前数字为奇数,则将其加上 1 。题目保证你总是可以按上述规则将测试用例变为 1 。示例 1:输入:s = “1101”输出:6解释:“1101” 表示十进制数 13 。Step 1) 13 是奇数,加 1 得到 14Step 2) 14 是偶数,除 2 得到 7Step 3) 7 是奇数,
2022-03-17 16:08:33
1355
转载 vue3.0 解决浏览器小图标 ico图标更换不了的问题 记录
vue3设置ico图标审查元素显示如下<!--[if IE]><linke rel="icon" herf="logo.ico" /><![endif]-->解决方法index.html<head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpor
2022-03-09 11:14:40
1454
原创 element puls的select下拉选择加Tree V2 虚拟化树形控件实现简易下拉选择,替代vue3-treeselect插件的基础功能(代码记录, copy可直接使用)
element puls的select下拉选择加Tree V2 虚拟化树形控件实现简易下拉选择前言在vue3+typescript项目中,需要使用到下拉树形选择功能,npm vue3-treeselect后使用中有很多问题和不兼容ts。原本也只需要简单的选择功能,就照着网上现写了一个简易的下拉选择(element puls select + tree v2)组件的模板<template> <div class="tree_box" :style="width &&
2022-01-26 09:35:14
12158
5
原创 element-plus menu 设置default-active 页面刷新时 导航高亮 踩坑
element-plus menu 设置default-active 页面刷新时 导航高亮1、绑定default-active, index值为路由path (resourceUrl)<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" :router="true" @select="handleSelect" > <el-menu-
2022-01-18 16:16:19
5846
原创 typescript + vue3 实现websocket+心跳机制写入 纯代码记录
代码(可直接使用)/* eslint-disable @typescript-eslint/no-unused-vars */import path from '_api/axios/addressConfig'import { getStore } from '@/tools/session'interface OnMessageIter { (event: MessageEvent):any}interface HeartbeatKey { [key:string]:any}
2022-01-15 17:50:09
2301
原创 vue3.0 + vuex + typescript 数据管理模块化及类型支持实现代码记录
vue3.0 + vuex + typescript 数据管理模块化及类型支持实现代码记录目录结构入口文件index.tsimport { createStore, Store, useStore as baseUseStore } from 'vuex'import projectStore from './modules/project-store'import websocketStore from './modules/websocket-store'import { sokcet }
2022-01-15 17:42:18
789
原创 vue 中echarts 引入bmap 无法获取coordinateSystem的type属性
HeatmapView.js初始化时报错 Cannot read property ‘type’ of undefined问题描述:使用echarts进行绘制百度地图,但无法正常运行,报错是无法获取coordinateSystem的type属性如下错误,可是相同代码在echart的实例网站上可以运行报错行…\node_modules\echarts\lib\chart\heatmap\HeatmapView.js中 var coordSys = seriesModel.coordinate
2021-12-02 19:29:03
3607
原创 Vue + Cesium项目中造成cesium界面卡顿问题的罪魁祸首
Vue + Cesium项目中造成cesium界面卡顿问题的罪魁祸首(优化记录)千万不要将cesium里的对象如下图entity,保存在vue的data结构树中!!!千万不要将cesium里的对象如下图entity,保存在vue的data结构树中!!!千万不要将cesium里的对象如下图entity,保存在vue的data结构树中!!!一般在cesium注册的事件中处理业务逻辑时会出现这种情况这种数据保存在vue中属实很愚蠢!!!...
2021-11-24 16:57:03
7600
10
原创 Cesium 点击广告牌(Billboard)显示自定义文字信息展示弹框(vue项目记录)
Vue中Cesium 点击广告牌(Billboard)展示广告牌信息内容功能原理实现原理与显示经纬度信息一致,在cesium挂载的dom嵌套children,通过控制子元素的display,控制显隐,主要点在于使用scene.postRender事件监听渲染改变,改变子元素的left和top来实现球面转动后子元素的位置跟随移动的功能译:获取场景呈现后将立即引发的事件。事件的订阅者接收场景实例作为第一个参数,当前时间作为第二个参数。1、嵌套子元素、样式(绑定点击事件 ,点击子元素时隐藏弹框)<
2021-11-24 16:37:42
14714
15
原创 Java 通过post或get请求获取数据,java调用HttpRequest发起请求(记录)
Java 通过post或get请求获取数据,java调用HttpRequest发起请求依赖包:import com.alibaba.fastjson.JSON;import com.alibaba.fastjson.JSONArray;import com.alibaba.fastjson.JSONObject;import com.github.kevinsawicki.http.HttpRequest;// **1、get请求 public static void main(Str
2021-11-19 15:49:01
1291
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人