十月ooOO-CSDN博客

原创高德地图绘制 GPX 路径，gpx 文件详解

gpx文件是在分享地图路径时最常用的一种数据格式。里面包含了路径点的相关信息，每个点还有可能拥有自己的时间、距离等信息。一直想自己导出自己的 gpx 路线，然后导入到地图中查看这个路线的具体信息，今天细致看了下，大体找到了方法，分享下。因为对高德地图的操作已经很熟了，所以再看官方的文档就很轻松，不熟的可以看看我以前关于高德地图的一些文章。Demo 页面：我要实现的结果是类似这样的：目前是这样的，当然日后会优化。

2024-01-19 15:34:49 2473

原创高德地图实现点聚合，使用 AMap.MarkerCluster 插件

高德地图：当在地图上添加很多点的时候，缩放到一定程度，就会出现点点相交的情况。就像下面这样，你不知道下面有多少外点重叠了：

2024-01-11 11:01:57 1938 3

原创 SVG 文件的引入方式之一：以 URL 的方式引入 SVG 文件，vue2、vue3+Vite vite-svg-loader

vue2 使用 require() 引入 svg 使用vue3 + ts + vite 使用 vite-svg-loader 插件引入svg 使用并最终实现代码提示一样使用图标文件。

2024-01-03 12:05:39 2879

原创 Vue 展示巨量数据，vue-virtual-scroller 使用说明 vue3 vue2

Vue 展示巨量数据，vue-virtual-scroller 使用说明 vue3 vue2一、遇到的问题最近在做的一个小工具中需要解决一个展示巨量数据列表的问题，数据有 8万多条。刚开始我是直接让它渲染的，结果用了60秒之多，我以为是数据处理耗时多，经过排查，发现是 dom 渲染用时长，数据处理其实只用了不到 100ms，如下图：二、解决方案 vue-virtual-scroller所以目前主要需要解决的就是如何能流畅展示这么多数据的问题，搜了下，搜到 vue-virtual-scrolle

2021-07-31 19:50:41 33710 45

原创（1/7）Electron教程（一）什么是 Electron，由来、适用场景和 Electron 的环境搭建（1/7）

最近自己有个小的需求，是做一个能编辑本地特定文本的工具，需要跨平台， Windows 和 macOS，这样，如果用原生开发的话，Windows 就要用c#macOS 就要用swift，学习成本高，并且学完用处也不是很大。我本身是前端开发的，发现了这个electron能满足我的需求，跨平台运行，内部是 js 驱动的，简直就是如鱼得水。顺便把学习的经历写出来，分享需要的人，我会按标题序号渐进式地编写内容。electron。...

2021-07-25 11:55:47 17440

原创 SCSS 教程，基础，日常用法

less 和 scss 是两种 css 预编译语言，就是说通过 less 或者 scss 写的代码最终都会被编译成 css 再使用。其目的是为了更快、更结构的编写 css 文件，都能使用变量、运算符、判断、方法等等。scss 比 less 语法更规范些，现在主流用 scss。...

2019-05-01 16:38:48 22124 5

原创走 https 和不走 https 对前端有什么影响

之前网站走的是 https ，自从域名那边改成需要三个月就要更新之后就没有再用 https，现在都是走的 http，使用中遇到了几个比较明显的功能限制。

2024-04-16 09:41:00 45

原创 Vue ts 如何给 props 中的变量指定特定类型，比如 Interface 类的

我有一个这样的变量值类型。

2024-04-09 10:26:57 277

原创 moment.js 产出未知格式的时间，可能的原因

今天发现这个页面中多了这么一行，是 moment.js 的一个本地化的内容，也不知道这是什么国家的，产出的数字千奇百怪的。有个问题困扰我好久了，在项目中使用格式化时间的时候会产出一些千奇百怪的格式，产出的文字我都不认识。一旦进入这个页面，再出去的时候其它页面的所有使用 moment.js 的时间都会出问题。百思不得其解，终于今天在看代码的时候发现了这个问题。好像只要引入了这个就会自动生效。

2024-04-03 19:04:24 215

原创 Web 后台项目，权限如何定义、设置、使用：菜单权限、按钮权限 ts element-ui-Plus

做一个后台管理项目，里面需要用到权限管理。这里说一下权限定义的大概，代码不多，主要讲原理和如何实现它。

2024-04-03 11:33:54 604

原创 jspdf.min.js?v=4760a237‘ does not provide an export named ‘default‘

【代码】jspdf.min.js?

2024-04-01 14:18:21 200

原创 element-ui-plus el-tree 树形结构如何自定义内容

项目中遇到一个需要设置权限的地方，但目录和权限是放在一起的，这样就很不好区分类别，为了区分类别，就需要自定义树结构中每项的外观。

2024-03-29 10:34:00 831

原创 ts js vue 验证文件 MD5 值 spark-md5

如何在前端中验证要上传的文件的 md5 值。

2024-03-22 16:15:18 546

原创 ts enum elementUI 表格列表中如何方便的标识不同类型的内容，颜色区分 enum ts + vue3

我们需要提前给这些类型指定不同的 class，也就是 element 中的 type 名。"未受理" = 1,"处理中","处理完成（待评价）","处理完成（关闭）","取消","流转中",[EnumOrderStatus['未受理'], "warning"],[EnumOrderStatus['处理中'], "primary"],[EnumOrderStatus['处理完成（待评价）'], "success"],

2024-03-22 10:19:22 517

原创 echarts 折线图数据点过密，显示重叠该如何解决

有这样一个图表，显示的数据比较多，当把 label 显示出来的时候，这些 label 重叠了，我想让它间隔一下。

2024-03-21 17:34:20 461

原创 echart trigger 为 axis 的时候不显示 tooltip 解决办法

在项目中使用echart显示了一个曲线图：但当把图表的 trigger 设置成axis的时候，鼠标扫过并不显示具体的数值，如上图所示。但 trigger = item 的时候是正常的。

2024-03-19 17:34:15 214

原创 vite ts vue 项目提示 . Projects must list all files or use an include pattern.

然后它就显示正常了。

2024-03-14 09:13:12 326

原创 Swift SwiftUI 学习笔记 2024

找到 File -> New -> PlayGround。如何打开 playground?

2024-03-08 08:57:25 586

原创 element-ui plus v2.60 终于修复了 radio checkbox 取值不明确的问题，label value 值

昨天想反馈这个关于 label 和 value 的问题的时候，发现新版本已经修正这个问题了。

2024-03-06 09:24:44 608

原创 WebStorm 如何改变默认的追踪分支

有时候，需要修改项目的远程分支，此时可能就需要修改默认追踪的分支。就是你在点 push pull 按钮的时候默认拉取、默认上传的远程分支。

2024-03-04 17:45:15 116

原创 Git 如何上传本地的所有分支

现在本地有一些分支是 web 远程仓库没有的分支，如何将本地所有分支都推送到 web 这个远程仓库上呢。比如一个本地 git 仓库里定义了两个远程分支，一个名为 origin，一个名为 web。

2024-03-02 15:01:44 375

原创如何将一个远程git的所有分支推到另一个远程分支上

之后就变成 26个分支。

2024-03-02 14:56:59 216

原创 macOS 每次重启之后都会出一个插件提示弹窗，如何去掉

参考。https://discussions.apple.com/thread/254614941?sortBy=best

2024-02-28 09:39:05 132

原创 vue ts html 中如何遍历 Enum 类型构建页面结构

你得 Enum 知道它的序号是随第一个定义的值自动增长的现在想在 ElementUI 界面的中遍历它，不遍历的时候是这样使用：

2024-02-27 10:12:31 547

原创 getResources().getColor(R.color.xx) 过时失效了，应该使用 ContextCompat.getColor(context, R.color.xx)

这里需要一个 context，比如你处于一个 adapter 中想要获取。，你可以这样，找一个已经存在的 view 作为支点。

2024-02-25 11:47:59 181

原创 Android RecyclerView 如何展示自定义列表 Kotlin

就是定义一个普通的 layout 视图，这个视图就是列表中每个元素的视图，自己随意定义，别忘了给每个元素添加 id。

2024-02-25 11:01:40 1486 2

原创 Android 如何添加自定义字体

比如我要添加 jetbrains 相关字体。在 xml 布局文件中直接通过。

2024-02-24 17:06:07 381

原创 Android LinearLayout 如何让子元素靠下居中对齐 center bottom

上的 gravity = center 是对的，指定的是它的子元素应该居中排布。那么如何让子元素靠下排列呢？那就是子元素该定义的了，所以我们在每个子元素中再添加。有这么一个布局，我需要让它靠下居中对齐，

2024-02-24 10:03:44 745

原创 BlackberryQ10 是可以安装 Android 4.3 应用的，Web UserAgent 版本信息

BlackBerry Q10 的安卓版本是 4.3。屏幕分辨率是 720 x 720。

2024-02-20 22:39:15 584

原创 Github项目无法通过 ssh 连接，以前正常使用的，现在无法 push pull

这两天遇到一个问题，就是以前正常使用的项目，现在无法 push 或 pull 了。我所有的项目都是以的方式使用的，不想改成https://。

2024-01-18 10:03:26 771 1

原创如何判断 vite 的运行环境是开发模式还是生产模式 production？ development？

vite 有两种获取当前运行环境模式的方法：官方说明：比如我在开发模式和生产模式的请求地址不一样，我是这么用的：

2024-01-12 15:22:39 793

原创 vite 如何打包 dist 文件到 zip 使用插件 vite-plugin-zip-pack，vue3 ts

开发过程中一个经常做的事就是将./dist文件夹打包成 zip 分发。每次手动打包还是很费劲的， vite 同样也有能把./dist文件夹打包成.zip的插件，当然这个打包的文件夹不一定非得是./dist，可以是任何位置，只要指定好就可以了。说一下如何实现它。

2024-01-06 15:47:04 997 4

原创 input 关闭输入的自动提示 autocomplate

有些时候需要将 Input 的自动提示去掉，因为不去掉的话会很烦人，比如我有一个输入温度的输入框：每次点的时候都会出来这个提示框，很烦。

2024-01-06 12:01:22 690

原创 vite 如何设置 pwa，让网页类似 app 那样运行，使用插件 vite-plugin-pwa

情况还是那么个情况，还是原来的项目vue2改为遇到的问题，今天这个问题是如何在Vite环境下设置 PWA。PWA 就是网页应用可以像 app 那样不显示上下边栏在手机中使用，也可以从 PC 端脱离浏览器而显示为一个独立程序的样子使用。vue-cli环境时是这样实现的：今天就来说说如何在vite环境下实现上面的操作。

2024-01-05 14:10:15 1557

原创 vite-svg-loader以url 载入svg 文件的时候提示错误：Cannot find module ‘xxx.svg?url‘ or its correspondi

在使用以 url 的方式载入 svg 的时候，进行tsc检查，出现了这样的错误。

2024-01-04 16:59:57 537

原创 pinia 给 state 指定变量类型

自从用以来，我一直有一个很大的疑问，就是pinia中的state变量类型该从哪定义，如何定义它？因为我在使用未定义类型的state变量的时候一直会有一个提示，提示说不知道这个变量的类型是什么，或者使用的对象变量里没有这个属性值，如下：也确实是这样，我只给 currentDiary 定义了是个对象 {} 并没有指定它的内部属性值，所以它自然不知道里面有什么内容。

2024-01-04 15:58:57 771