自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

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

  • 博客(615)
  • 资源 (29)
  • 收藏
  • 关注

原创 动画图标,如何实现页面中图标小动画,动画按钮 CSS JS

最近在看线上服务器的时候,无意间发现一个好玩的东西,看下图:一个是阿里云的动画一个是腾讯云的动画。

2022-08-19 17:49:44 512

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

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

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

2021-07-25 11:55:47 6929

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

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

2019-05-01 16:38:48 20718 4

原创 nodejs express 如何获取 header 定义的信息

【代码】nodejs express 如何获取 header 定义的信息。

2022-11-29 14:22:59 25

原创 nginx 如何将 https 请求转发到 http

的,通过 nginx 设置好了,现在不想用。的,此时只能通过 nginx 去转发。了,但发散到外界的一些网址还是。才能实现之前的链接能正常访问。

2022-11-27 09:44:49 150

原创 Array reduce() 如何计算元素内数值总合,计算总合

有时候我们需要计算一个数组中所有元素的总合,这个数组可能是组Number类型,也可能是Object比如我要知道所有的总合是多少,可以通过来遍历,但还有更好的方法吗?

2022-11-27 09:12:05 259

原创 七牛云 vue 图片上传简单解说,js 上传文件图片

首次使用七牛云存储进行项目的图片存储,整了一上午才整明白,这些官方的教程把明白人也给说糊涂了,文档很不规范。七牛云有免费的使用额度,上传是不算流量的,只有资源被访问的时候才产生流量,很合理。对于个人小项目使用来说,很方便,文件系统本身就应该跟业务系统分离。

2022-11-26 11:18:08 401

原创 uniapp,转微信小程序,获取当前页面的 路由、路由参数

uniapp 获取当前路由信息跟 vue 不同,它没有 route 对象。

2022-11-23 11:51:29 125

原创 element-ui dropdown 元素太多,显示不开,如何解决

在用element-ui的dropdown组件来做一个选项选择的入口时,由于系数过多,而它又就是纵向一列显示的,就导致它的列表撑出了画面外,像这样:所以就需要解决一下,解决的办法也很简单,就是定义一个样式让它原来的布局变一下,改成可横向排列的。

2022-11-21 17:15:15 119

原创 1.3mb js 文件压缩至 360kb,加快 vue 项目的加载速度,nginx gzip设置

我有个自己的项目,一直在维护,也一直在更新。自从换了阿里云的服务器(1mb 带宽)之后,加载项目老慢了。今天有时间研究了一下如何优化加载速度,分享下。能看到其中有个 1.3m 的 js 文件下载时用了 10s 时间。

2022-11-21 16:59:10 234

原创 vue 项目在加载完成之前,显示预置加载动画

如果你是 pwa 应用, vue3 默认都已经是 pwa 应用,就需要在的 pwa 字段中确保是index.html。比如我的配置如下/*** PWA 设置name : '日记' , // 名字 themeColor : "#373737" , // 背景颜色 appleMobileWebAppCapable : true , // 苹果 WebApp 支持 // manifest 设置 manifestOptions : {

2022-11-19 10:30:35 454

原创 解决 POST + preflight 请求,跨域的问题

【代码】解决 CROS + preflight 请求,跨域的问题。

2022-11-18 11:25:49 96

原创 uniapp picker 的使用,这玩意做的真不怎么样

最近要做小程序,考虑到需要多平台都用一套东西,就选用了uniapp。在写表单的时候用到它的picker组件,看官方文档楞是没看明白怎么用,试了半天没试出来,还是去官方的 demo 中找源码才看明白的,想骂娘。

2022-11-17 11:31:53 181

原创 Vue 2 如何添加 register-service-worker 以实现缓存请求的目的

现在 vue 3 的模板中是自带的。用这个的好处是,它会自动将项目中的所有文件请求缓存到中,以实现再次打开网站的时候会非常非常快。如果页面中变化,也会自动在后台下载变化的文件,页面的变化在下次刷新页面的时候就会自动生效。

2022-11-16 09:53:33 246

原创 uniapp 添加多个 tabbar 内容的时候错误提示 uni-page-body not found

想在pages.json中添加多个底部的tabbar图标入口,添加了之后运行提示这个错误。

2022-11-15 09:50:52 128

原创 uniapp HBuilder 无法运行微信小程序的问题解决

当在HBuilder中新建一个空白项目,以微信小程序运行的时候,提示以下信息且没有运行成功。

2022-11-01 16:59:59 460

原创 做了个 web 的键盘测试工具,MagicKeyboard2

最近买了个 MagicKeyboard2,买来得测试一下键盘是不是正常,下个软件测试有点多余,就从网上找了个 web 版的测试页面,但它的界面实在是一言难尽。在线地址: https://kylebing.cn/tools/keyboard/就想自己写一个极其仿真的键盘测试界面,下午+晚上 完成。不愧我这扎实的 HTML + CSS 基础。

2022-10-29 11:43:35 38

原创 高德地图 API,点击地图标记获取自定义标记 (Marker) 中的信息

这里我们需要获取到上面提前定义好的值。答案全在mapEvent上,来看一下内都有什么:我们需要的是中的内容,它是一个 dom 对象:获取到了它,就能使用 dom 的操作方法对齐进行取值了:像下面这样,我们就取到了它的属性值。

2022-10-26 14:45:05 2418 5

原创 Gcore主机不支持退款服务,避坑

Gcore主机不支持退款服务,避坑

2022-10-26 10:29:33 52

原创 Vue 如何实现用户在规定时间内未执行任何操作,下次点击的时候重新登录的功能

用户在规定时间内未执行任何操作,下次操作时,转至登录页面

2022-10-19 14:32:34 155

原创 【解决】Vue 高德地图自定义地图样式,无法显示、无法生效的问题

项目中用到了自定义地图,我是用的 Vue JSAPI Loader 加载的 API自定义地图样式的地址:我定义的地图样式是这样的:但在使用的时候不生效。

2022-10-18 15:34:32 842

原创 elementUI 如何动态的给 el-tree 添加子节点数据 children

有这样一个数据结构的 tree。element的 tree 懒加载是从根上就开始懒加载,但我需要实现的是已经存在一个层级的 tree 结构,只是在末端点击的时候,载入末端以下的列表。

2022-10-10 16:24:12 2851 8

原创 Mac 如何使用外部存储设备,移动硬盘备份 iPhone 数据

前段时间碰到一个问题,我 iPhone 背板碎了,需要走 AppleCare 交给苹果返厂维修,而我的 iPhone 是 512GB 的,在备份数据时候麻烦了,我笔记本本身就是 512GB 空间的,肯定不够用呀。而备份 iPhone 默认的存储位置是在本机的硬盘上,我有个 14T 的硬盘,那么如何将默认的备份位置改到外部存储设备上呢。

2022-09-30 22:25:21 1044

原创 css transform matrix3d各个数字表示什么意思

【代码】css transform matrix3d各个数字表示什么意思。

2022-09-30 16:30:34 83

原创 精简网页中的字体文件体积大小 由 400kb 到 29kb css vue js font

网页中用到了一些特殊字体,将其字义到了 css 中,但由于字体体积太大,所以想精简一下。确定这个字体只用到了数字和字母,就可以将字体中其它的字符删除,来达到精简字体体积的目的。

2022-09-23 22:49:50 275

原创 Vue echarts 实现离线中国地图,细化到省份 更新于 2022/09/22

找了好几个,没一个靠谱的,不是少了 就是其它原因不能运行。展示这个地图只需要关于一些修改说明放到了第三条,如果你需要修改地图颜色等,可以看看。china.jsEchartMapChina.vue三、一些配置说明因为我的背景使用的是近黑色的,所以我把地图染成了白色。如果你想改颜色,可以修改 vue 文件中的 pieces 颜色:关于其它字体颜色修改等,可以看代码中的注释说明,都写得很详细。如果帮到了你,回来点赞哟。

2022-09-22 10:39:38 484 2

原创 数据处理:如何将数组生成具有层级结构的数据

需要将其根据省市县的结构组织起来,并将数据应用到element-ui的tree组件上。

2022-09-21 17:06:29 45

原创 github 的 Network graph 是什么玩意

其实就是别人 fork 你仓库的关系图,比如我的一个仓库是这样的,别人 fork 之后又在原有基础上作了自己的修改。

2022-09-19 15:55:23 92

原创 Vue Elements 可用的省市县数据

数据: https://github.com/KyleBing/province-json-for-elementElement Cascader 使用实例

2022-09-19 11:48:02 156

原创 Windows如何查看文件夹大小:使用 DirPrintOK

免费,快速,好用。

2022-09-14 10:20:28 414 1

原创 Vue项目无法正常安装,提示 “https://registry.npmmirror.com/node-ipc/-/node-ipc-9.2.2.tgz: Request failed \“40

安装 vue 项目的时候,使用yarn npm都无法正常初始化项目。安装的时候表现为出现这种情况的原因,跟node-ipc这个模块有关。

2022-09-13 09:44:20 306

原创 Vue3 PWA 如何配置

在看如何配置之前需要先知道什么是 PWA具体参阅:看完就会了vue pwa 官方配置说明。

2022-09-07 17:43:03 373

原创 JetBrains WebStorm,PhpStorm,IDEA,PyCharm 菜单被隐藏了如何找回来

给它添加快捷键,这时候直接按你要添加的快捷键组合即可记录这个快捷键,我添加的是。一不小心把菜单栏隐藏了,又不知道怎么找回来,蠢蠢的,哈哈。

2022-09-07 16:32:18 361

原创 linux postfix 配置,初始化

重新配置 postfix 配置。

2022-08-31 10:26:07 79

原创 ubuntu 安装 mariadb,如何创建用户,并远程连接

新建用户,并允许该用户通过任何远程地址登录,比如新建一个用户名为。新建了上面的用户,还是无法远程登录的,因为。是它的主配置文件,它里面引入了所有。现在可以通过刚才创建的用户进行远程连接了。然后保存配置文件,重启 mariadb。目录下的配置,我们需要修改的是。会显示配置步骤,每一步都有说明,默认配置中,只允许本地登录。目录下,这是它的文件内容。允许所有远程地址登录。......

2022-08-27 10:34:57 531

原创 如何调试网页的暗黑模式 theme dark

之前我一直用改变系统颜色样式的方式来调试 web 页面的,今天突然发现完全不需要, Chrome 调试工具里自带这个功能。

2022-08-26 17:42:21 87

原创 QR.js JS 生成 PNG二维码图片,使用说明

github 上的原文什么都没有提,我给 fork 了一个,并添加了使用说明。

2022-08-26 11:19:30 250

原创 如何免密操作 github、gitee 远程仓库

至此,这个机器以后再操作这个 github 账号的所有操作都不需要输入密码了。也能 clone 它的所有仓库,私密不私密的都可以。你想让哪个机器实现免密登录就在哪个机器上生成密钥,虚拟机也算一台新的机器,因为它最终生成的密钥跟宿主机是不一样的。但命令行操作时一定每次都需要账号密码。通过查看 ssh key 列表,能看到这些 key 被使用的情况,最后一次使用是什么时候等。验证完成,或者输入密码之后,就直接返回 SSH key 列表了,就算添加完成了。目录,里面的文件可能跟你的不同,不要紧,有这个文件就行。.

2022-08-26 09:56:42 374

原创 自己处理域名、主机备案流程 + 公网安备流程,总共耗时半个月左右

从网站上提交备案申请,根据提示如实填写即可,到最后提交图片资料的时候需要转到手机app上处理,身份证需要真实的拍照,人脸识别需要背景是白色的。现在的备案流程简单些了,我记得之前备案需要先申请拍照时用到的背景布,上面有阿里云、腾讯云什么的,需要在对应背景前拍手持身份证的照片上传。管局审核是真的费劲,上面说要11 ~ 20天,我还在等待中,2022-08-22 提交的,今天是 2022-08-25。国内的服务器都是需要备案才能正常访问的,强制的,为了好管理。等备案完成再看看会是怎么个界面,待续-----....

2022-08-25 09:12:30 161

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

ScreenFlow Mac 录屏软件,破解版

最好的 Mac 录屏软件,录完后,如果想加速播放,双击那个视频块,把播放速度调高于100%就可以了。 破解版

2017-10-02

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

AirServer - Mac 作为AppleTV 投射屏幕用 破解版

AirServer 一个可以将 Mac 作为 AppleTV 而可以投射屏幕的软件 破解版

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关注的人

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