- 博客(755)
- 资源 (29)
- 收藏
- 关注

原创 用 js canvas 做一个优雅的模拟时钟, canvas 教程实例
有很多次,我都想找到一个比较不错的,可以查看模拟时钟的网页。有时候是想看下距离某个时间点还有多长时间,有时候是想看一下,两个时间点之间的间隔是多少。因为模拟时钟的排布比数字时钟要更直观。但一直没有找到。这些天闲的时候就想做个 canvas 模拟时钟玩,慢慢就做出效果来了。目前的大致效果如下:可访问的地址:我对模拟时钟的需求有几个:你需要具备使用 canvas 绘制简单图形的能力,不需要复杂,会画个方块、圆、文字,就可以了。很简单,直接看 MDN 官方文档上的例子就能看明白。会了基础的操作之后,就说一
2024-08-15 17:26:23
1128

原创 实现思路:Vue 子组件高度不固定下实现瀑布流布局
能看到上面瀑布流的实现前提,是需要每个子组件都有明确固定高度。而我有一场景是:子组件的高度不能提前知道,它的高度由组件内部的文本多少来决定,它能显示多高就显示多高。像这种,就需要在渲染过程中去判断最后一个合理的放置位置。
2024-06-11 10:39:09
1405

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

原创 高德地图实现点聚合,使用 AMap.MarkerCluster 插件
由于我这个页面是复用的,就是会根据路由值的不同,载入不同的内容,在整个地图生命周期中,这个 cluster 变量并不会改变。: 坐标,缺一不可,当然,除这两个字段数据外,可以根据自己需要添加其它信息,这些数据不会影响地图展示,但会在后面自定义标点的时候有用,后面有具体的数据内容说明。这也是后来遇到的一个问题,比如有多个项目点,如果其中一个项目点报警了,需要在这个聚合点上显示为报警状态。却只有一个数据,就是这几个点中权重最大的那个点的数据,它也是这个聚合点所在的地理位置。
2024-01-11 11:01:57
6889
5

原创 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
39039
45

原创 (1/7)Electron教程(一)什么是 Electron,由来、适用场景 和 Electron 的环境搭建(1/7)
最近自己有个小的需求,是做一个能编辑本地特定文本的工具,需要跨平台, Windows 和 macOS,这样,如果用原生开发的话,Windows 就要用c#macOS 就要用swift,学习成本高,并且学完用处也不是很大。我本身是前端开发的,发现了这个electron能满足我的需求,跨平台运行,内部是 js 驱动的,简直就是如鱼得水。顺便把学习的经历写出来,分享需要的人,我会按标题序号渐进式地编写内容。electron。...
2021-07-25 11:55:47
19327

原创 SCSS 教程,基础,日常用法
less 和 scss 是两种 css 预编译语言,就是说通过 less 或者 scss 写的代码最终都会被编译成 css 再使用。其目的是为了更快、更结构的编写 css 文件,都能使用 变量、运算符、判断、方法等等。scss 比 less 语法更规范些,现在主流用 scss。...
2019-05-01 16:38:48
22767
5
原创 [ 解决 ] Windows nvm无法切换 nodejs 版本的问题
Windows 上在没有安装 nvm 之前已经安装了 nodejs,安装了 nvm 版本管理工具之后,无法切换不同 nodejs 版本。如下图,nvm 中已经安装了node 16和node 20。
2024-12-24 09:27:00
305
原创 Docker 学习笔记(持续更新)
自己有个开源日记项目(),其中有前端和后台两个部分,看到好多想用的用户都希望作成 docker image 进行部署,因为宿主机部署的方式有点麻烦和台阶。所以想看看 docker 是怎么回事,整一整。这里记录一下学习docker中遇到的一些问题,和比较值得记录一下的问题。
2024-12-17 17:05:39
375
原创 问题解决:yarn install 的时候出错: error Error: certificate has expired
yarn在安装的时候出现这样的错误, error Error: certificate has expired
2024-12-12 09:39:09
547
原创 Capacitor 打包后的 iOS app 无法访问 http 的内容,解决办法
上篇文章中说了如何使用 Capacitor 打包成 iOS app 的过程。在这之后,遇到了一个新问题, 就是它无法访问 http 的内容。
2024-12-10 14:11:37
492
原创 Capacitor在 xcode 打包 iOS 应用发布的时候出错: Command PhaseScriptExecution failed with a nonzero exit code
总体说,capacitor 还是比较完善的,整个过程不需要做什么,只需要根据它提供的文档执行需要的指令即可。比 uniapp 强多了。
2024-12-07 17:47:37
468
1
原创 TS 项目中给常用的路径定义一个别名 tsconfig.json
在 TS 项目中,可以定义一些自定义的别名,来取代经常需要引用的一些文件路径。比如 Vue 项目中你可以需要经常从 中取文件,在每个层级的文件中引用时的相对路径 都不确定。其实可以通过这种方式来定义一个别名使用。我有一个文件引用了其它地方的一些文件,它们在引入的时候类似这样别名的定义在 的 字段中,像这样:这个前面是你自定义的名字,后面是真实的路径,最好用 这种相对路径。比如: 就表示下面这样的路径等价。 === 当你设置了 的时候,编辑器会自动提示你可以简化这个路径的写法。如下
2024-10-31 18:47:53
484
原创 nodejs node-expat: Command faild 安装时出错,原因和解决办法
这个问题困扰我好久了,同样的项目,每次在 macOS 上安装什么事都没有,一到 Windows 上就各种问题,无法正常安装 nodejs 依赖。
2024-10-30 10:23:45
304
原创 【解决】chrome 谷歌浏览器,鼠标点击任何区域都是 Input 输入框的状态,能看到输入的光标
今天打开电脑的时候,网页中任何文本的地方,只要鼠标点击,就会出现一个输入的光标,无论在哪个站点哪个页面都是如此。快捷键是 F7,再按一下就关闭了,再按一下就开启,开启的时候会有个提示框。的时候会出现这种状态,但每个站点都出现这种状态就不正常了。奇了怪了,后来搜索了下答案,原来是因为开启了。一定是不小心按到了,没看提示就直接跳过了。我知道在 html 里,当把标签设置成。
2024-09-18 14:07:19
1633
原创 TF | SD 卡出现无法删除的文件,乱码文件该如何处理 macOS
最近手头有张用在 Miyoo 掌机上的游戏 TF 卡,在macOS 系统下在回收站中出现了几个特殊文件名的文件,始终无法删除。
2024-09-02 21:23:11
848
原创 Ai Illustrator 取消吸附到像素点,鼠标拖动的时候只能到像素点
关闭的方法是打开上面菜单中的 【视图】取消勾选【对齐像素】 即可。在做图的时候无意间变成吸附到像素点了,导致无法更细致的移动点。
2024-09-01 22:17:28
1480
原创 解决问题:vue2 安装时错误:error commander@12.1.0: The engine “node“ is incompatible with this module.
手头有个以前的项目,在原电脑上能正常运行,再在新电脑上 yarn 安装的时候就会出现这种错误。
2024-08-23 11:54:05
1705
1
原创 高德地图 js API 实现拖动变换 Marker 坐标位置
之前已经说过了很多关于高德地图的自定义标记点的方法,这里不再冗述。通过这个功能,我已经实现了一个可以展示标记点信息的工具,如下:这个信息页的展示还有一个编辑器,是这样的:在使用中遇到一个问题,就是在手动定义好位置之后,想修改它的坐标位置。,拖动到哪,就以那的坐标位置作为这个点的位置。
2024-07-27 14:36:20
1394
原创 ts 下使用 interactjs 的时候,事件类型该如何定义 InteractEvent
interactjs 是一个很好用的给元素添加拖动事件的插件。vite+ts+vue3 项目中用到了 interactjs 这个库,但在定义方法参数的时候,不知道该如何定义它的 event 类型了,像这样:这个方法中的 event 到底是什么类型。
2024-07-26 14:43:32
356
原创 vue2 项目改造成 vue3 项目时出现错误 TypeError: Cannot read properties of undefined (reading ‘prototyp ElementUI
在将 vue2 项目改造成 vue3 + vite + ts 的时候出现这种问题,
2024-07-23 11:08:13
326
原创 vue 如何做一个动态的 BreadCrumb 组件,el-breadcrumb ElementUI
我们需要实现的是,让它自己通过路由去填写这部分内容原理是根据当前路由值,拆分成多个段,然后通过路由 path 去匹配对应的路由名称,再填入到上面的内容中即可。
2024-07-17 15:36:40
1002
原创 关闭 WebStorm 2024.1.5 的代码自动补全功能,tab 自动补全功能关闭 Enable Full Line Suggestion
更新 WebStorm 2014.1.5 版本之后,新增了一个类似 AI 的代码自动猜测补全的功能,代替了原有的 Tab 上屏第一项匹配项的功能。比如下图的代码,当按下 tab 的时候,不再是输入而是输入了。这简直就是驴唇不对马嘴,相当傻。
2024-07-09 10:17:20
953
1
原创 查错示例:vue 遇到的一个动态生成路由的问题,路由名必须唯一,不然相同名字的路由只有最后一条会生效。
当路由中有多个相同名字的路由的时候,这些相同名字的路由只有最后一条生效。
2024-06-27 14:34:17
617
原创 vue ts 导入 @/assets/ 红色显示的问题解决
在使用的时候这样导入会出现如上的错误。在使用的时候,导入的类型也没有对应的代码提示,说明导入有问题。
2024-06-04 09:00:31
565
原创 Vue基础知识:vue3 对于 ref 值的类型定义
意思是 vue3 变量由 vue 来控制,上面的 name 变量值并不是原始的字符串。从 vue2 到 vue3 之后,所有变量值都需要添加。上面这个完整的定义其实是这样的。平常不在变量后面声明它的类型。方法本身就返回值类型就是。而是被套了一层类型为。
2024-05-31 10:58:20
771
原创 如何修改 Miyoo Mini + 中的键位 Onion OS
MiyooMini+ 买来之后就发现键位跟 XBox 手柄的键位不同。玩 FC 游戏的时候也非常别扭,跟我以前玩 FC 游戏时的键位非常不错,正好AB XY 调换过来了。
2024-05-27 09:36:21
496
原创 解决 Windows 不显示图片缩略图的问题,图片预览
不知道怎么的,系统中的图片突然不显示缩略图了,只显示了个图标,就是在未打开图片之前无法看到图片的内容。搜了下结果知道是怎么回事了,系统性能那里设置的太纯粹了,调到了最佳性能。
2024-05-23 09:16:33
854
原创 FinalCutPro 如何调整音频到 +36
此时你就可以找到物资面板,音频区的 Gain 面板,它可以将音频音量调整到 +24,加上原视频上的 +12 总共加在一起就可以到 +36。默认情况下, FinalCutPro 允许你直接修改源视频的音频响度值到 +12,但有时候,有些素材的音频声音实在是太小。
2024-05-18 11:09:55
618
原创 开发过程中 Windows QQ 莫名其妙的处于锁定状态,需要解锁
就近两天,更新完新版QQ之后,老是动不动就显示QQ锁定,也不知道为什么,我还以为是一定时间之后它就自己自动锁定了。
2024-05-09 13:51:59
544
原创 如何使用高德地图的 Loca 展示 gpx 文件的 3D 路径,Loca.LineLayer
找寻了好久,终于将这个展示 3D 路径的功能实现了。这里要用到高德地图的可视化 API Loca 进行 3D 路径的展示,之前也写过一个关于 Loca 如何加载和使用的,这里也不再具体介绍什么是 Loca。
2024-05-06 14:13:35
1250
1
原创 CAD视频教程 for mac
https://www.youtube.com/watch?v=0CVSmd7Y32Q&list=PL198958F3F5965CC6
2024-05-04 22:27:01
100
原创 macOS 如何关闭文本编辑区的拼写检查?
在使用 macOS 自带软件 Freeform 的时候,发现有些单词的拼写检查会一直显示红色下划线,很烦。找了下,找到了如新关闭这种提示。
2024-04-30 14:19:49
421
原创 macOS 一些系统图标的存放位置 icns
这里是系统应用,找到每个应用里面,可以提取各个应用的图标 ./Contents/Resources。macOS 中有很多好看的图标,有时候就想用一下它,我来告诉你他们的具体位置。系统图标位置,像各种通用文件类型的图标都在这里面,里面好多高清的系统图标。
2024-04-26 08:23:05
962
Navcat Premium v15.0.22 For macOS - Big Sur 可用,mysql, 数据库
2020-11-23
Ardfry PSD Codec 1.6.1.0.zip
2019-07-22
js window 方法和属性 mindnode
2019-02-17
Mac BetterTouchTool 2.689 系统增强软件
2019-02-11
Meta v1.8.6 for macOS
2018-09-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人