- 博客(747)
- 资源 (29)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 用 js canvas 做一个优雅的模拟时钟, canvas 教程实例
有很多次,我都想找到一个比较不错的,可以查看模拟时钟的网页。有时候是想看下距离某个时间点还有多长时间,有时候是想看一下,两个时间点之间的间隔是多少。因为模拟时钟的排布比数字时钟要更直观。但一直没有找到。这些天闲的时候就想做个 canvas 模拟时钟玩,慢慢就做出效果来了。目前的大致效果如下:可访问的地址:我对模拟时钟的需求有几个:你需要具备使用 canvas 绘制简单图形的能力,不需要复杂,会画个方块、圆、文字,就可以了。很简单,直接看 MDN 官方文档上的例子就能看明白。会了基础的操作之后,就说一
2024-08-15 17:26:23
847
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 实现思路:Vue 子组件高度不固定下实现瀑布流布局
能看到上面瀑布流的实现前提,是需要每个子组件都有明确固定高度。而我有一场景是:子组件的高度不能提前知道,它的高度由组件内部的文本多少来决定,它能显示多高就显示多高。像这种,就需要在渲染过程中去判断最后一个合理的放置位置。
2024-06-11 10:39:09
1123
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 高德地图绘制 GPX 路径,gpx 文件详解
gpx文件是在分享地图路径时最常用的一种数据格式。里面包含了路径点的相关信息,每个点还有可能拥有自己的时间、距离等信息。一直想自己导出自己的 gpx 路线,然后导入到地图中查看这个路线的具体信息,今天细致看了下,大体找到了方法,分享下。因为对高德地图的操作已经很熟了,所以再看官方的文档就很轻松,不熟的可以看看我以前关于高德地图的一些文章。Demo 页面:我要实现的结果是类似这样的:目前是这样的,当然日后会优化。
2024-01-19 15:34:49
8169
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 高德地图实现点聚合,使用 AMap.MarkerCluster 插件
由于我这个页面是复用的,就是会根据路由值的不同,载入不同的内容,在整个地图生命周期中,这个 cluster 变量并不会改变。: 坐标,缺一不可,当然,除这两个字段数据外,可以根据自己需要添加其它信息,这些数据不会影响地图展示,但会在后面自定义标点的时候有用,后面有具体的数据内容说明。这也是后来遇到的一个问题,比如有多个项目点,如果其中一个项目点报警了,需要在这个聚合点上显示为报警状态。却只有一个数据,就是这几个点中权重最大的那个点的数据,它也是这个聚合点所在的地理位置。
2024-01-11 11:01:57
4966
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
36423
45
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 (1/7)Electron教程(一)什么是 Electron,由来、适用场景 和 Electron 的环境搭建(1/7)
最近自己有个小的需求,是做一个能编辑本地特定文本的工具,需要跨平台, Windows 和 macOS,这样,如果用原生开发的话,Windows 就要用c#macOS 就要用swift,学习成本高,并且学完用处也不是很大。我本身是前端开发的,发现了这个electron能满足我的需求,跨平台运行,内部是 js 驱动的,简直就是如鱼得水。顺便把学习的经历写出来,分享需要的人,我会按标题序号渐进式地编写内容。electron。...
2021-07-25 11:55:47
18775
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 SCSS 教程,基础,日常用法
less 和 scss 是两种 css 预编译语言,就是说通过 less 或者 scss 写的代码最终都会被编译成 css 再使用。其目的是为了更快、更结构的编写 css 文件,都能使用 变量、运算符、判断、方法等等。scss 比 less 语法更规范些,现在主流用 scss。...
2019-05-01 16:38:48
22415
5
原创 TF | SD 卡出现无法删除的文件,乱码文件该如何处理 macOS
最近手头有张用在 Miyoo 掌机上的游戏 TF 卡,在macOS 系统下在回收站中出现了几个特殊文件名的文件,始终无法删除。
2024-09-02 21:23:11
471
原创 Ai Illustrator 取消吸附到像素点,鼠标拖动的时候只能到像素点
关闭的方法是打开上面菜单中的 【视图】取消勾选【对齐像素】 即可。在做图的时候无意间变成吸附到像素点了,导致无法更细致的移动点。
2024-09-01 22:17:28
366
原创 解决问题:vue2 安装时错误:error commander@12.1.0: The engine “node“ is incompatible with this module.
手头有个以前的项目,在原电脑上能正常运行,再在新电脑上 yarn 安装的时候就会出现这种错误。
2024-08-23 11:54:05
273
原创 高德地图 js API 实现拖动变换 Marker 坐标位置
之前已经说过了很多关于高德地图的自定义标记点的方法,这里不再冗述。通过这个功能,我已经实现了一个可以展示标记点信息的工具,如下:这个信息页的展示还有一个编辑器,是这样的:在使用中遇到一个问题,就是在手动定义好位置之后,想修改它的坐标位置。,拖动到哪,就以那的坐标位置作为这个点的位置。
2024-07-27 14:36:20
704
原创 ts 下使用 interactjs 的时候,事件类型该如何定义 InteractEvent
interactjs 是一个很好用的给元素添加拖动事件的插件。vite+ts+vue3 项目中用到了 interactjs 这个库,但在定义方法参数的时候,不知道该如何定义它的 event 类型了,像这样:这个方法中的 event 到底是什么类型。
2024-07-26 14:43:32
263
原创 vue2 项目改造成 vue3 项目时出现错误 TypeError: Cannot read properties of undefined (reading ‘prototyp ElementUI
在将 vue2 项目改造成 vue3 + vite + ts 的时候出现这种问题,
2024-07-23 11:08:13
234
原创 vue 如何做一个动态的 BreadCrumb 组件,el-breadcrumb ElementUI
我们需要实现的是,让它自己通过路由去填写这部分内容原理是根据当前路由值,拆分成多个段,然后通过路由 path 去匹配对应的路由名称,再填入到上面的内容中即可。
2024-07-17 15:36:40
663
原创 关闭 WebStorm 2024.1.5 的代码自动补全功能,tab 自动补全功能关闭 Enable Full Line Suggestion
更新 WebStorm 2014.1.5 版本之后,新增了一个类似 AI 的代码自动猜测补全的功能,代替了原有的 Tab 上屏第一项匹配项的功能。比如下图的代码,当按下 tab 的时候,不再是输入而是输入了。这简直就是驴唇不对马嘴,相当傻。
2024-07-09 10:17:20
288
原创 查错示例:vue 遇到的一个动态生成路由的问题,路由名必须唯一,不然相同名字的路由只有最后一条会生效。
当路由中有多个相同名字的路由的时候,这些相同名字的路由只有最后一条生效。
2024-06-27 14:34:17
466
原创 vue ts 导入 @/assets/ 红色显示的问题解决
在使用的时候这样导入会出现如上的错误。在使用的时候,导入的类型也没有对应的代码提示,说明导入有问题。
2024-06-04 09:00:31
339
原创 Vue基础知识:vue3 对于 ref 值的类型定义
意思是 vue3 变量由 vue 来控制,上面的 name 变量值并不是原始的字符串。从 vue2 到 vue3 之后,所有变量值都需要添加。上面这个完整的定义其实是这样的。平常不在变量后面声明它的类型。方法本身就返回值类型就是。而是被套了一层类型为。
2024-05-31 10:58:20
503
原创 如何修改 Miyoo Mini + 中的键位 Onion OS
MiyooMini+ 买来之后就发现键位跟 XBox 手柄的键位不同。玩 FC 游戏的时候也非常别扭,跟我以前玩 FC 游戏时的键位非常不错,正好AB XY 调换过来了。
2024-05-27 09:36:21
346
原创 解决 Windows 不显示图片缩略图的问题,图片预览
不知道怎么的,系统中的图片突然不显示缩略图了,只显示了个图标,就是在未打开图片之前无法看到图片的内容。搜了下结果知道是怎么回事了,系统性能那里设置的太纯粹了,调到了最佳性能。
2024-05-23 09:16:33
338
原创 FinalCutPro 如何调整音频到 +36
此时你就可以找到物资面板,音频区的 Gain 面板,它可以将音频音量调整到 +24,加上原视频上的 +12 总共加在一起就可以到 +36。默认情况下, FinalCutPro 允许你直接修改源视频的音频响度值到 +12,但有时候,有些素材的音频声音实在是太小。
2024-05-18 11:09:55
386
原创 开发过程中 Windows QQ 莫名其妙的处于锁定状态,需要解锁
就近两天,更新完新版QQ之后,老是动不动就显示QQ锁定,也不知道为什么,我还以为是一定时间之后它就自己自动锁定了。
2024-05-09 13:51:59
308
原创 如何使用高德地图的 Loca 展示 gpx 文件的 3D 路径,Loca.LineLayer
找寻了好久,终于将这个展示 3D 路径的功能实现了。这里要用到高德地图的可视化 API Loca 进行 3D 路径的展示,之前也写过一个关于 Loca 如何加载和使用的,这里也不再具体介绍什么是 Loca。
2024-05-06 14:13:35
704
1
原创 CAD视频教程 for mac
https://www.youtube.com/watch?v=0CVSmd7Y32Q&list=PL198958F3F5965CC6
2024-05-04 22:27:01
84
原创 macOS 如何关闭文本编辑区的拼写检查?
在使用 macOS 自带软件 Freeform 的时候,发现有些单词的拼写检查会一直显示红色下划线,很烦。找了下,找到了如新关闭这种提示。
2024-04-30 14:19:49
214
原创 macOS 一些系统图标的存放位置 icns
这里是系统应用,找到每个应用里面,可以提取各个应用的图标 ./Contents/Resources。macOS 中有很多好看的图标,有时候就想用一下它,我来告诉你他们的具体位置。系统图标位置,像各种通用文件类型的图标都在这里面,里面好多高清的系统图标。
2024-04-26 08:23:05
511
原创 Rime 如何通过 iCloud 实现词库多端同步,Windows、iOS、macOS
如果你在使用五笔码表助手,当设置完上面的操作之后,需要修改一下它的操作目录。鼠须管、小狼毫、仓
2024-04-25 17:48:02
1937
原创 买了个三星i9300(S3)供以后给黑莓Q10开发软件用(安卓4.3)
前段时间的时候一心想给黑莓Q10开发个软件用用,开发到一半因为过程太过繁琐才叫停了。
2024-04-22 10:02:43
433
原创 走 https 和不走 https 对前端有什么影响
之前网站走的是 https ,自从域名那边改成需要三个月就要更新之后就没有再用 https,现在都是走的 http,使用中遇到了几个比较明显的功能限制。
2024-04-16 09:41:00
257
原创 moment.js 产出未知格式的时间,可能的原因
今天发现这个页面中多了这么一行,是 moment.js 的一个本地化的内容,也不知道这是什么国家的,产出的数字千奇百怪的。有个问题困扰我好久了,在项目中使用格式化时间的时候会产出一些千奇百怪的格式,产出的文字我都不认识。一旦进入这个页面,再出去的时候其它页面的所有使用 moment.js 的时间都会出问题。百思不得其解,终于今天在看代码的时候发现了这个问题。好像只要引入了这个就会自动生效。
2024-04-03 19:04:24
260
原创 Web 后台项目,权限如何定义、设置、使用:菜单权限、按钮权限 ts element-ui-Plus
做一个后台管理项目,里面需要用到权限管理。这里说一下权限定义的大概,代码不多,主要讲原理和如何实现它。
2024-04-03 11:33:54
1866
原创 jspdf.min.js?v=4760a237‘ does not provide an export named ‘default‘
【代码】jspdf.min.js?
2024-04-01 14:18:21
258
原创 element-ui-plus el-tree 树形结构如何自定义内容
项目中遇到一个需要设置权限的地方,但目录和权限是放在一起的,这样就很不好区分类别,为了区分类别,就需要自定义树结构中每项的外观。
2024-03-29 10:34:00
2423
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关注的人