- 博客(98)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 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
6354
2
原创 cesium 根据SampledPositionProperty与timeline实现轨迹回放功能（跟随视角、上帝视角） 详细代码与理解记录
cesium 根据SampledPositionProperty与timeline实现轨迹回放功能（跟随视角、上帝视角） 详细代码与理解，文末附完整代码最终类似效果展示大致原理摘要 引用出处这个主要是用entity的orientation方向属性实现的，问题就在于怎么获取到实时的四元素，我们知道VelocityOrientationProperty这个是根据当前位置实时计算方向的，但是这个方向在转角时是瞬间转的，达不到均匀的转动效果，所以我们需要两个插值模型SampledPositionProper
2021-10-09 18:17:09
12872
41
原创 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
861
3
原创 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
3893
原创 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
3138
原创 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
1540
原创 ThreeJs中场景（scene）、 相机（camera）、渲染器（renderer）等方法类使用
ThreeJs，是一个基于原生WebGL，轻量级，跨平台的Javascript库，可以在浏览器上结合HTML5的canvas,SVG或者WebGL，创建和展示3D模型和动画。允许我们在不依赖任何浏览器插件的情况下，创建一个GPU加速的3D动画场景，这可能得益于WebGL的出现，因为WebGL的底层实现是基于OpenGL。
2023-10-10 09:15:49
8126
原创 了解JS三种实时通信方式——Eventsource、websocket与socket.io之间的差异和优缺点
它是 WebSockets 的替代方案，因为它比 WebSockets 更简单，更适合处理服务器向客户端发送数据的情况。是一种在单个 TCP 连接上提供全双工通信的协议，它使得客户端和服务器之间进行实时交互变得更加容易。它是一种标准化的通信协议，客户端和服务器都可以通过它发送消息。和其他实时通信协议，并提供了一组易于使用的 API。它既可以在客户端上使用，也可以在服务器端上使用，它还提供了许多高级功能，例如自动重连、心跳机制和房间等概念。，只有服务器能够发送消息，所以它更安全。
2023-05-29 16:45:23
9623
原创 使用python3调用openai的api，并解决openai访问错误以及APIConnectionError
使用python3调用openai的api，并记录解决openai访问错误以及APIConnectionError的方法
2023-05-22 16:55:00
11497
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
4307
9
原创 最新前端面试知识点总结-2023（3w+字，长篇幅）
写在最前面，坐标成都，3月16号上家公司离职，目前已经入职新公司。总的来说现阶段前端岗位的招聘比不上以往金三银四那么活跃，零零碎碎的面试机会，加上行内人的内卷行为，我***。但是积极面试和准备面试的过程中，可以捡起或是加深印象对于以往工作开发中遗忘的前端基础。下面是我根据个人面试过程中整理的一些被问及的前端知识点，记录分享，祝各位早日入坑！基本是自己键盘敲出来的文字内容，可能存在错别字，欢迎指出错误知识点。
2023-03-27 17:35:45
2952
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
4851
原创 优化 cesium 界面广告牌（billboard）数据量大于 10w ＋时，地图加载缓慢、卡顿、加载完成后浏览器严重卡顿甚至崩溃问题
项目之前的设计，billboard 广告牌是绑在 entityCollection 集合下的，为了能够在获取单个实体（entity）时能够获取更多数据信息（entity 能够注入除了它本身的属性之外的属性信息）entityCollection 集合加上集群聚合功能，数据量临界点在 3w~4w 左右，就会出现界面卡顿。fps 低于 20 并且波动很大，延迟保持在 100ms 左右。数据量低于临界点时，entity 的方式呈现页面还是比较奈斯的。
2022-09-19 09:44:52
15429
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
7521
原创 javascript 学习并梳理正则表达式姿势之字符串匹配（ 一）
javascript 学习并梳理正则表达式知识，正则表达式之字符串匹配相关记录，字符串匹配相关案例分析
2022-06-29 18:51:20
1574
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
412
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
39654
原创 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
1843
转载 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
381
原创 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
744
原创 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
197
原创 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
213
原创 SmtpJS 几行代码实现javascript发送邮件(记录)
SmtpJS前言一、SmtpJS是什么？二、使用准备发送邮箱（From 发件人邮箱）导入SmtpJs使用容易出错保护措施解决获取SecureToken时报错bootbox is not defined附上各邮箱的端口及smtp发送服务器地址前言在不考虑安全性的前提下，不通过后台手段使用javascript直接实现发送邮件的功能一、SmtpJS是什么？SmtpJS是一款通过javascript代码发送邮件的插件，导入插件后，只需简单几行代码就能实现邮件发送功能SmtpJS官网二、使用准备发送
2022-03-18 14:13:47
3211
7
原创 掉入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
1296
转载 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
1333
原创 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
11871
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
5508
原创 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
2230
原创 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
760
原创 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
3272
原创 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
6972
10
原创 Cesium 点击广告牌（Billboard）显示自定义文字信息展示弹框（vue项目记录）
Vue中Cesium 点击广告牌（Billboard）展示广告牌信息内容功能原理实现原理与显示经纬度信息一致，在cesium挂载的dom嵌套children，通过控制子元素的display，控制显隐，主要点在于使用scene.postRender事件监听渲染改变，改变子元素的left和top来实现球面转动后子元素的位置跟随移动的功能译：获取场景呈现后将立即引发的事件。事件的订阅者接收场景实例作为第一个参数，当前时间作为第二个参数。1、嵌套子元素、样式（绑定点击事件 ，点击子元素时隐藏弹框）<
2021-11-24 16:37:42
13734
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
1234
原创 nginx: [emerg] unknown directive “ worker_processes“
nginx 启动报错（记录）参考博客报错原因：nginx.conf文件的编码格式出错如果格式为utf-8-bom 就会报nginx: [emerg] unknown directive “worker_processes”…的错，一般是因为直接用记事本打开了配置文件导致的解决方法：使用Notepad++ 编辑器修改配置文件的编码格式为utf-8 覆盖原配置文件即可...
2021-11-19 13:58:37
6581
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人