自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

学习笔记

主业前端, 有时候会捅鼓一些其它的东西

  • 博客(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 如何配置引入 json 文件

项目中有一个 .json 的文件是配置文件,如何引入到 ts 项目中。

2024-11-08 11:42:38 525

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

原创 解决 elementUI 组件在 WebStorm 中显示为未知标签的问题

把它改成大写就可以了。

2024-07-22 14:08:28 725

原创 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 如何制作一个跟随窗口大小变化而变化的组件

像下图中展示的那些统计数件就是跟随窗口变化而变化的,而且是几乎等比缩放的。

2024-06-06 11:06:54 665

原创 如何以抛物线形式排列一个列表,曲线排列 x² = y

做页面的时候遇到一个需求,需要将一个列表以曲线的形式排列展示。

2024-06-05 16:49:13 319

原创 vue ts 导入 @/assets/ 红色显示的问题解决

在使用的时候这样导入会出现如上的错误。在使用的时候,导入的类型也没有对应的代码提示,说明导入有问题。

2024-06-04 09:00:31 565

原创 如何让 LightRoom 每次导入照片后不自动弹出 SD 卡 LR

在导入窗口左上角有个选项:把这个去掉就可以了。

2024-06-01 21:26:37 1288

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

原创 vue3+ts 原生 js drag drop 实现

一直以来没有涉及的一个领域就是dragdrop拖动操作,研究了下,实现了,所以写个教程。

2024-04-30 10:23:33 1268

原创 macOS 一些系统图标的存放位置 icns

这里是系统应用,找到每个应用里面,可以提取各个应用的图标 ./Contents/Resources。macOS 中有很多好看的图标,有时候就想用一下它,我来告诉你他们的具体位置。系统图标位置,像各种通用文件类型的图标都在这里面,里面好多高清的系统图标。

2024-04-26 08:23:05 962

Greenfish Icon Editor Pro v3.25

Windows 可以制作Windows图标 ico 和 macOS 图标 inc 的软件。直接可用

2023-06-09

Navcat Premium v15.0.22 For macOS - Big Sur 可用,mysql, 数据库

Navcat Premium For macOS - Big Sur 可用,之前的版本新版本的系统 BigSur 里会打不开,这个能正常打开。

2020-11-23

Sketch v7.0 for macOS

Sketch 7.0 版本,macOS UI 设计必备软件,矢量图形绘制,UI界面绘制,iOS UI 必备

2020-11-19

Sketch QR 二维码生成插件.zip

Sketch 生成二维码的工具插件,直接输入需要生成的二维码文件,会在文档中生成二维码。适用于 macOS 系统。

2020-04-13

RDM-v2.2 屏幕分辨率调整工具.dmg

一个可以设置 Mac (macOS) 系统屏幕显示分辨率的软件,系统增强软件,查看系统可支持的分辨率大小

2019-10-25

音频编辑 Amadeus-Pro-2.6.2168 for Mac

Mac 上小巧的音频编辑软件,解压密码 xclient.info ,好用

2019-09-11

Ardfry PSD Codec 1.6.1.0.zip

Ardfry PSD Codec 1.6.1.0 破解版,可以直接显示psd文件内容的插件,安装之后重启,就能通过图标直接看到psd里面的内容了,不需要打开psd文件。

2019-07-22

PC版 进销存 管理系统 免费版,够用

Windows 平台商铺管理软件,本地版,免费版,非网络版。对于个人店面管理库存可以使用。小店面可能够用

2019-04-09

Meta 歌曲 ID3 信息编辑 for Mac

Meta 是一个 Mac平台的编辑歌曲信息的工具软件,修改歌曲的 id3 标签,添加专辑图片等。

2019-02-22

Pikka_1.92 破解版,屏幕取色 For Mac

Pikka 屏幕取色软件 For Mac,破解版,设计师必备的一款取色器,很好用。

2019-02-21

js window 方法和属性 mindnode

js window 对象的所有属性的方法的导图,包含 history location localStorage sessionStorage

2019-02-17

Mosaic 1.010 窗口排布软件

一个强大的窗口整理工具,可以自定义窗口大小和位置,快捷启用方式 一个强大的窗口整理工具,可以自定义窗口大小和位置,快捷启用方式

2019-02-11

DaisyDisk 4.651 磁盘占用比较

可以查看指定文件夹或磁盘的占用百分比,很方便的查看文件大小

2019-02-11

Mac BetterTouchTool 2.689 系统增强软件

很强大的系统增强工具,可以定义鼠标手势等等,touchbar 显示,窗口排布 很强大的系统增强工具,可以定义鼠标手势等等,touchbar 显示,窗口排布

2019-02-11

Mac 屏保 iWatch 钟表盘面,简单,漂亮

一个macOS 屏保,解压后双击即可安装,在 屏幕 - 保护程序中启用。

2018-10-09

Meta v1.8.6 for macOS

Mac 上 可以编辑 mp3 歌曲 ID3 标签的工具,有一些没有专辑图片和信息的歌曲可以通过这个编辑一下,再放到 iTunes 中就会显示相关信息了。

2018-09-01

Sketch for Mac 46.2 破解版

Sketch Mac 上设计UI的强大工具,百度Sketch 就知道干什么的了。

2017-10-02

Sketch Mac 破解版 45.2

Mac 用的 Sketch 设计软件

2017-07-26

Dash 破解版

Dash 破解版

2017-07-02

Yummy FTP v11114 Mac 破解版

最好用的 Mac FTP 软件 破解

2017-07-02

iconvertIcons 图标制作软件 Mac

将图片转换成 Mac 用的图标软件 icns

2017-07-02

iStatMenu v5.3.1 破解版 Mac 状态栏显示系统参数

iStatMenu 一个可以在状态栏显示 Mac 系统信息的软件,如温度,内存,CPU,硬盘等等。

2017-07-02

Xee - Mac 图片查看器 破解版

Mac 图片查看软件,破解版

2017-07-02

Reeder 3 - Mac 破解版

破解版 Reeder Rss 阅读软件 Mac

2017-07-02

Duet Mac 投射到 手机 iPad 的软件

Mac 用的能将 iPad 作为屏幕使用的软件,需要手机也安装 Duet 软件,可以用 pp助手或 爱思助手 免费安装。

2017-07-02

Principle UI 动画设计 破解版 Mac

Mac UI 交互动画设计软件, 配合Sketch 使用更好 ,Principle 破解版

2017-07-02

Sketch Mac 版 破解 v44.1

Sketch 44.1 Mac 破解版

2017-07-02

五笔输入法 - 经典教程 Word

关于五笔 86版 输入法的经典教程,看完就会了。认真看。我就是看这个学会的,放弃了好多次虽然。

2017-07-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除