cover

用chokidar来监听文件变化

说明gulp、hexo、midway都带有监听文件变化然后执行自动处理的功能。这些都是基于chokidar来实现的,写一下这篇文章到自己博客吧,挺常用的功能。 使用方法安装依赖: 1npm install chokidar --save 123456const chokidar = require('chokidar');// One-liner for current...

发布于 前端专栏
cover

js复制到剪切板

js复制到剪切板,vue复制到剪切板,react复制到剪切板,js复制文本到剪切板,js设置剪切板内容,js获取剪切板内容,js写入剪切板,js复制内容到剪切板

发布于 前端专栏
cover

开发一个debug交互式的Cli工具

1. 介绍做一个类似gdb的命令行工具,来检测我们线上运行的代码是否有问题。 或者说类似一个redis-cli这样的工具。 123456root@2c26dcffcd18:/data# redis-cli127.0.0.1:6379> keys (error) ERR wrong number of arguments for 'keys' command127.0...

发布于 前端专栏
cover

【网站开发】网站的深色模式适配

通过媒体查询,prefers-color-scheme: dark进行配置 1234567891011121314:root{ --background: #fff; --dark-background: #222;}body{ background: var(--background);}@media (prefers-color-scheme...

发布于 前端专栏
cover

【chrome插件】Wappalyzer 查看网页使用的技术

这篇文章介绍一个chrome插件:Wappalyzer,通过这个插件能辅助我们查看访问网站用到的技术。 安装地址: chrome市场https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg 我们可以看到这个chrome插件已经有200万+的用户了:...

发布于 前端专栏
cover

astro的ssr模式体验

简介2022年,在国外前端圈,astro非常火爆。本篇文章写一下astro,这个我用下来,嗯,确实不错的framework。一方面可以做SSR,另外也可以做SSG。并且它有个island思想。用下来非常适合自己,比如我可以把它构建成node的 middleware,集成到自己现有的系统去,也可以搞成单独的node应用,另外我也可以用github ci这种弄ssg,部署到vercel这样的托管...

发布于 前端专栏
cover

短链接生成工具

短链接是技术宣传等常用的手段,否则一个文章url太长,发朋友圈啥的,显示补全,另外短链接服务还会提供一些数据分析能力。例如对同一个url生成两个短链接,然后投放到不同的渠道,根据数据分析我们就能拿到不同渠道的投放效果了。或者有些平台提供例如来源是微信的,跳转的地址能设置一些url,比如加一个query参数,或者根据不同的地理位置,跳转到不同的url。 平台所以此处收集一些短链接生成的平台: ...

发布于 前端专栏
cover

node镜像内含的系统和python版本

背景遇到有位同学直接升级node的镜像后,它的代码遇到了一些问题,报了个python的错误。那我们对比一下不同node镜像里面的区别。 对比 docker版本 系统 python版本 node:18 Debian11 无 node:16 Debian10 2.7.16 node:14 Debian10 2.7.16 node:12 Debian9 2.7.13 这边...

发布于 前端专栏
cover

博客图片优化

背景博客站点中,有很多图片的需求,例如是 png 和 jpeg 格式的图片,这样图片的大小就会相对大一些,减慢网站的访问速度和增加占用对向存储的流量。 先说优化后结果: 自动化图片转格式 自动化上传 减少了70%左右的图片大小,节省了对象存储的开销 目标 优化脚本,在传递到对象存储之前,首先做一层图片的压缩 脚本编写此处使用 nodejs 脚本来开发,首先安装依赖: 然后编写脚本代码...

发布于 前端专栏
cover

前端SSG时区问题

问题描述由于博客采用SSG的方式,然后会在devops阶段进行构建,然后我们采用docker镜像的方式进行构建。 然后当生成文章是什么时候发布的时候,明明是12小时发布的,显示差了8小时。 然后怀疑是哪个环节时区有问题了。 相关知识点在 Linux 系统中,控制时区和时间的主要是两个地方: /etc/timezone 主要代表当前时区设置,一般链接指向 /usr/share/zonei...

发布于 前端专栏

如果你有什么意见和建议,可以点击: 反馈地址 进行反馈。