Kingsaj
这个作者很懒,什么都没留下…
展开
-
git -- 清除本地分支以及删除远程分支
参数用于删除已经被合并到当前分支的分支。参数用于清理本地已删除的远程分支引用。这个命令会从远程仓库中删除指定的分支。参数用于强制删除未被合并的分支。这样,就成功地清除了本地和远程的。假设你有一个分支名为。原创 2024-06-05 08:51:38 · 477 阅读 · 0 评论 -
Linux系统虚拟机开放某个端口流程
核实Nginx配置文件中指定的代理端口是否正确,并且该端口已经在虚拟机上正确监听,没有被防火墙或系统安全策略限制。在Linux虚拟机上运行Nginx时,前端调用Nginx代理的接口请求显示‘请求超时’。确认本机与虚拟机之间的网络连接是否稳定,以及是否存在任何可能的网络延迟或阻塞。原创 2024-05-17 09:13:20 · 141 阅读 · 0 评论 -
常见地图坐标系间的转换算法JavaScript实现
在转换坐标系前,需要定义一些常量和辅助方法,这些将在后续的转换函数中使用。原创 2024-05-08 16:35:22 · 441 阅读 · 1 评论 -
maptalks -- 在地图上实现圆柱体扩散波效果
基于maptalks实现地图效果,并地图上实现圆柱体扩散波效果原创 2024-04-28 11:49:18 · 113 阅读 · 0 评论 -
vue3 -- 基于maptalks和threejs实现3D地图板块效果
基于maptalks和threejs实现3D地图板块效果原创 2024-04-23 15:24:35 · 375 阅读 · 0 评论 -
郑州区域json文件
基于maptalks和threejs实现3D地图板块效果。原创 2024-04-23 15:22:00 · 68 阅读 · 0 评论 -
vue3 -- 项目使用自定义字体font-family
引入字体文件: 首先,确保你的字体文件(通常是.woff、.woff2、.ttf等格式)位于项目中的某个目录下,比如src/assets/fonts/。在全局样式中定义字体: 在你的全局样式文件中(通常是App.vue或者一个单独的样式文件),使用@font-face规则引入字体文件,并定义字体名称。在Vue 3项目中使用自定义字体(font-family)的方法与在普通的HTML/CSS项目中类似。原创 2024-04-18 15:18:40 · 1012 阅读 · 0 评论 -
vue2 -- 截图工具html2canvas
其中,this.$refs.capture 是一个引用,它可以指向组件内的某个 HTML 元素,以便让 html2canvas 截取该元素。:这样就可以在 Vue 中使用 html2canvas 实现截图功能了。在回调函数中,可以根据需要对生成的 Canvas 元素进行进一步处理,比如显示在页面上、下载为图像文件或上传到服务器等操作。1:安装 html2canvas 库。可以将网页中的指定元素或整个页面截取为图片,以便保存或分享。:3:编写截图逻辑。在 Vue 中使用 html2canvas 实现。原创 2024-01-18 14:14:36 · 511 阅读 · 0 评论 -
解决uni-app小程序获取路由及路由参数
【代码】解决uni-app小程序获取路由及路由参数。原创 2024-01-09 17:30:01 · 1664 阅读 · 0 评论 -
vue2 -- 解决el-table自适应高度,页面不显示多条滚动条,超出的部分让el-table内部出现滚动条。
在开发中,需要表格控件根据浏览器高度进行调整,固定表头,且然后多余的出滚动条,官方给出的:只要在el-table元素中定义了height属性,即可实现固定表头的表格,而不需要额外的代码。页面上布局是头部-面包屑,中间-表格,底部-分页组件。需要使表格高度需要自适应屏幕。\src\mixins\TableHeight.js 新建 TableHeight.js 文件。首先先import导入js文件,mixins中使用。原创 2023-12-06 11:04:45 · 964 阅读 · 0 评论 -
vue2 -- 封装 echarts 基础组件
创建 src/components/BaseChart/index.vue 文件。原创 2023-12-01 16:07:50 · 421 阅读 · 0 评论 -
vue2 - SuperMap3D加载基于Nginx服务生成的3DTileset模型切片服务地址
在Vue2中,我们可以利用SuperMap3D加载基于Nginx服务生成的3DTileset模型切片服务地址。这种技术能够实现高性能的三维地理数据展示和交互,通过Nginx服务快速响应客户端请求并转发到后端服务。结合Vue2和SuperMap3D的API,可以轻松集成并渲染地理数据,实现流畅的用户体验和快速的数据加载速度。这样的技术组合为用户呈现出令人印象深刻的地理信息可视化效果,为三维地图应用提供了强大的支持。原创 2023-11-17 10:21:36 · 698 阅读 · 0 评论 -
vue2 - SuperMap3D添加S3M图层
SuperMap iClient3D for WebGL/WebGPU 提供多种接口,支持在创建好的三维场景中添加种类丰富的数据图层。在此以添加地形图层为例介绍使用WebGPU方式加载的方法。(1).通过open接口将整个场景打开,这种方法简单易操作且不易出现遗漏图层的情况。原创 2023-11-16 13:42:50 · 592 阅读 · 0 评论 -
Nginx 服务配置相关
为了解决这个问题,可以借助Nginx的配置来处理跨域请求。在Nginx的配置中,可以使用代理_pass指令将请求转发到目标服务器,并在响应中添加必要的跨域头信息,以便让浏览器允许跨域请求。跨域是指在浏览器的同源策略下,当一个页面的脚本试图向不同源的服务器(域名、协议、端口号任何一个不同)发起请求时,就会产生跨域问题。协议不同:例如,一个页面使用 http 协议加载的资源尝试向使用 https 协议的资源发起请求。端口号不同:例如,一个页面使用 80 端口加载的资源尝试向使用 8080 端口的资源发起请求。原创 2023-11-16 09:45:09 · 107 阅读 · 0 评论 -
vue2 -- 对SuperMap进行class封装实现自定义标记点位和自定义弹窗功能
我们需要添加一个鼠标左键点击事件。当用户触发鼠标点击时,我们将利用 Vue 2.0 中的 Vue.extend() 方法动态创建一个 DOM 元素,并将它渲染到 Cesium 容器中。随后,我们将利用 Cesium 中提供的 viewer.scene.postRender 方法来实时更新坐标位置。这个实现思路很简单,接下来我们将进行具体的代码实现。原创 2023-11-14 14:33:25 · 607 阅读 · 0 评论 -
UnoCSS引擎常用语法
使用Unocss提供的类:Unocss提供了一系列用于设置边框颜色的类。以下是一些常见的类和示例用法原创 2023-11-10 13:40:35 · 937 阅读 · 2 评论 -
vue2 集成 - 超图 - SuperMap iClient3D for WebGL 及常用方法
vue2 集成 SuperMap3D 方案,对 SuperMap3D 常用方法进行汇总。原创 2023-11-06 15:40:18 · 889 阅读 · 0 评论 -
vue2 -- 开发平台框架项目结构
node_modules:项目依赖public:公共资源包括html,ico图标及不需要打包的图片、插件等src:项目主代码资源node_modules:项目依赖api:全局接口assets:资源components:公共组件config: 配置文件(非环境变量)decorators: 装饰器directives: 自定义指令filters: 自定义过滤器lang:全局国际化layout:基础布局mixins: 全局混入modules:模块文件夹。原创 2023-10-31 16:35:21 · 142 阅读 · 0 评论 -
vue3 -- ts封装 Turf.js地图常用方法
Turf.js中文网 地理空间分析库,处理各种地图算法。原创 2023-10-07 15:39:00 · 580 阅读 · 2 评论 -
Vue-Vben-Admin -- 自定义上传excel文件弹框组件
Vue-Vben-Admin -- 自定义上传excel文件组件原创 2023-09-27 10:53:23 · 782 阅读 · 0 评论 -
vue2 在 template 中使用 sass 变量
1:使用 CSS Modules 提供的 :export 关键字,示例如下。vue2 在 template 中使用 sass 变量。2:在 .vue 文件中使用。原创 2023-09-05 10:24:58 · 558 阅读 · 0 评论 -
uniapp集成windicss的流程
Windicss是一个基于Tailwind CSS 灵感的库,它更快、更兼容,使用 TypeScript构建。Windicss的目标是为了解决与Tailwind CSS 类似的问题,提供一个可以快速上手开发的组件库,让开发者不再需要繁琐地编写CSS 样式。Windicss包含了几乎所有的 CSS 样式,因此开发者只需要使用短短的几个字符就能实现原本需要编写多行 CSS才能实现的效果。原创 2023-09-04 11:02:40 · 1567 阅读 · 0 评论 -
uniapp -- 在组件中拿到pages.json下pages设置navigationBarTitleText这个值?
这样,你就能够在组件中获取到当前页面的 navigationBarTitleText 的值了。原创 2023-08-26 17:31:57 · 1796 阅读 · 0 评论 -
Typora上使用Mermaid语法展示流程图、时序图、甘特图
你已经安装Typora并打开了一个新文档后,可以按照以下详细步骤在Typora上使用Mermaid语法展示流程图、时序图、甘特图。原创 2023-08-26 09:57:58 · 1557 阅读 · 0 评论 -
Vue3 + Vite 中使用 vite-plugin-svg-icons 插件显示本地 SVG 图标
这样配置后,你就可以在 Vue 3 项目中显示本地的 SVG 图标了。请根据具体情况将代码中的路径和图标 id 替换为实际使用的内容。原创 2023-08-21 15:03:38 · 704 阅读 · 0 评论 -
实现 CSS 文字渐变色效果
接下来,使用 -webkit-background-clip 属性兼容 WebKit 内核浏览器,以确保在 Chrome 和 Safari 等浏览器中渐变效果正常显示。需要注意的是,为了支持跨浏览器兼容性,你可能需要添加其他浏览器私有前缀或使用标准的 CSS 渐变语法。在上面的示例中,我们使用 background-image 属性创建了一个从左到右的线性渐变,颜色依次为红色、绿色和蓝色。最后,通过将 color 设置为 transparent,使文字内容的颜色变为透明,从而显示出渐变色作为文字的颜色。原创 2023-08-21 09:09:45 · 426 阅读 · 0 评论 -
threejs -- 笔记
【代码】threejs -- 笔记。原创 2023-08-11 17:39:44 · 339 阅读 · 0 评论 -
js -- 实现根据url地址下载文件
在上面的代码中,我们定义了一个函数 downloadFile(url, filename),它接受文件的 URL 和要保存的文件名作为参数。通过 fetch(url) 发起 GET 请求获取文件的响应数据。使用 Promise 的 then 方法,我们将响应数据转换为 blob 对象。可以使用 fetch 和 URL.createObjectURL 方法来实现根据 URL 下载文件。以下是一个示例代码:前置环节,不能存在跨域,若存在跨域,可使用 nginx 进行处理。原创 2023-07-31 15:18:28 · 3422 阅读 · 0 评论 -
BMapGL -- 生成多个maker,获取指定标识的maker,并清除他们
在使用 Baidu Map JavaScript API 创建多个标记时,可以为每个标记设置一个唯一的标识符(identifier),以便在以后可以根据标识符获取特定的标记,并清除它们。使用一个对象(Object)或者 Map 来存储您创建的标记,然后根据标识符直接从对象或者 Map 中获取相应的标记,并清除它们。原创 2023-07-27 17:45:42 · 543 阅读 · 0 评论 -
vue3 -- mitt 插件使用
mitt插件是Vue3中的一种第三方总线插件,它可以用于在组件之间进行通信。相比于Vue实例上的EventBus,mitt.js足够小,仅有200bytes,支持全部事件的监听和批量移除,它还不依赖Vue实例,所以可以跨框架使用,React或者Vue,甚至jQuery项目都能使用同一套库 .原创 2023-07-15 17:50:48 · 1179 阅读 · 0 评论 -
vue3 -- lottie-web使用
官方介绍:Lottie是一个库,可以解析使用AE制作的动画(需要用bodymovie导出为json格式),支持web、ios、android、flutter和react native。在web端,lottie-web库可以解析导出的动画json文件,并将其以svg或者canvas的方式将动画绘制在我们的页面上.原创 2023-06-10 09:05:18 · 2034 阅读 · 0 评论 -
vscode终端无法识别yarn,npm等指令
参考文章原创 2023-05-31 16:31:30 · 418 阅读 · 0 评论 -
高德、百度地图互联网可访问的瓦片服务
【代码】高德、百度地图互联网可访问的瓦片地址。原创 2023-05-10 16:06:01 · 1385 阅读 · 1 评论 -
nodejs -- koa框架
Koa 是一个基于 Node.js 的 Web 框架,它提供了一组简洁而优雅的 API,使得编写 Web 应用程序变得更加容易和快捷。首先,需要安装 Node.js 运行环境。可以从 Node.js 官网下载适合自己操作系统的安装包,并按照提示进行安装。这将创建一个名为my-koa-app的新目录,并在其中初始化一个新的 Node.js 项目。-y参数将启用默认设置,跳过对项目的交互式询问。这将在 Node.js 项目中安装 Koa 模块,并将其添加到项目的依赖列表中。在my-koa-app。原创 2023-05-04 14:48:37 · 833 阅读 · 0 评论 -
简单好用的在线接口 MOCK 平台
挺好用的一个线上工具。原创 2023-04-27 14:55:00 · 828 阅读 · 0 评论 -
vue2 -- 子组件访问父组件的数据方法汇总
需要注意的是,在使用 $attrs 和 $listeners 时,子组件不能直接修改父组件的数据,因为这些属性只是只读的引用,attrs 包含了父组件传递给子组件但没有被子组件 prop 所接收的属性,$listeners 包含了父组件绑定在子组件上的所有事件监听器。因此,在子组件中可以通过 $attrs 获取到父组件的数据,通过 $listeners 监听和触发父组件的事件。在 Vue 2 中,子组件可以通过 props 属性接收父组件传递的数据,在子组件中使用 $emit 方法来触发父组件的事件。原创 2023-04-27 10:18:49 · 1155 阅读 · 0 评论 -
el-input-number 输入框添加单位
/ 针对带有 data-unit 属性且 class 包含了 "el-input-number--small" 的 el-input-number 元素的样式修改,目的是使该元素的样式与普通的 el-input-number 元素相同。// 针对带有 data-unit 属性的 el-input-number 元素的样式修改。// 是在 el-input-number 元素后面添加一个带有单位文本的伪元素,该伪元素显示 data-unit 属性的值,并通过 CSS 设置该伪元素的位置、颜色和样式等。原创 2023-04-26 18:08:32 · 4244 阅读 · 0 评论 -
vue3 -- transtion动画过渡组件使用记录
当用户点击某个选项卡标签页时,handleTabPane方法会被调用,将当前active值设置为所点击选项卡的索引值index,从而激活该选项卡标签页,展示对应的内容。使用 transtion 对其优化,vue中的transtion是一个动画过渡封装组件,常见的情景时用transition标签包裹的DOM含有动画效果。transition组件的动画效果过渡设置基于css的transition属性设置。使用动态组件来根据当前的状态动态切换渲染不同的组件,而使用标签动态切换时或出现切换卡顿问题用户体验不好。原创 2023-04-20 14:55:51 · 184 阅读 · 0 评论 -
vue3 -- vite+ts中SVG的配置与使用
选择图标SVG格式进行下载,创建 src\assets\icons\svg 文件夹。// 这边就是根据props的name来进行处理啦。项目中想使用svg来做图标进行展示,特此记录。// 因为是被调用,所以要传入props。环境:vue3 + vite + ts。// 自定义svg的color属性。// 自定义svg的name属性。原创 2023-04-08 17:39:40 · 516 阅读 · 0 评论 -
vue2 -- 复选框checkbox阻止事件冒泡(折叠面板标题中增加复选框,阻止点击复选框折叠面板展开/折叠)
注意不是设置change事件的事件冒泡@click.stop.native=“()=>{}”,这里定义了一个点击事件(无执行语句),并为事件增加了阻止冒泡指令.stop ,由于el-checkbox是组件不是标签,需要在.stop后面加上.[native。在折叠面板的标题右侧加上复选框,可以勾选选中当前数据,但是会触发折叠面板的展开/折叠效果。原创 2023-04-08 14:07:29 · 858 阅读 · 0 评论