### export oklch--var--hue-行内颜色预览自用-vs-code-扩展
OKLCH + var(--hue) 行内颜色预览（自用 VS Code 扩展）
介绍本仓库内 tools/oklch-hue-preview：在 CSS 里为 oklch(... var(--hue)) 提供与浏览器一致的行内色块预览，含安装方式与实现要点。
# >
$ count: 27 posts --top=27
[INFO] 按时间分组浏览
2026-04/index
## export 2026-04
// 1 posts
2026-03/index
## export 2026-03
// 4 posts
- ### export cursor-ai-使用指南
Cursor AI 使用指南
一份面向开发者的 Cursor AI 使用指南，涵盖 Chat、Composer、Rules、Commands、Skills、MCP、Subagent 与实用技巧。
- ### export animation-timeline-demo
animation-timeline-demo
- ### export markdown-扩展展示
Markdown 扩展展示
展示 Admonitions、GitHub 卡片、Details、Tabs、Steps、Quote 等 Markdown 扩展的用法。
- ### export markdown-语法与样式展示
Markdown 语法与样式展示
本文展示尽可能多的 Markdown 语法和样式，包括标题、段落、列表、代码块、表格、脚注等，便于调试和预览。
2023-03/index
## export 2023-03
// 1 posts
2022-08/index
## export 2022-08
// 2 posts
- ### export pnpm-install报错
pnpm install报错
在使用pnpm 安装依赖的时候有时候会出现lock文件损坏等情况解决方法安装重试失败， 可以先删除 pnpm本地store- 执行- 执行 rm -rf $(pnpm store path)- 重新安装目前个人碰到的几种失败情况， 都能解决， 以后碰到更多的情况再补充
- ### export linux-npm--g-全局安装的命令找不到
Linux npm -g 全局安装的命令找不到
在Linux 上通过npm -g全局安装 pm2、yarn、pnpm 等命令找不到的解决方法修改 ~/.bash_profile vim ~/.bash_profile新增环境变量export PATH=$(npm prefix -g)/bin:$PATH在宝塔面板中export PATH=$PAT
2022-06/index
## export 2022-06
// 1 posts
2020-04/index
## export 2020-04
// 1 posts
2019-06/index
## export 2019-06
// 1 posts
2018-04/index
## export 2018-04
// 2 posts
- ### export 被污染的-canvas
“被污染”的 canvas
什么是“被污染”的 canvas?尽管不通过 CORS 就可以在画布中使用图片，但是这会污染画布。一旦画布被污染，你就无法读取其数据。例如，你不能再使用画布的 toBlob(), toDataURL() 或 getImageData() 方法，调用它们会抛出安全错误。这种机制可以避免未经许可拉取远程
- ### export koa2--redis使用笔记
koa2 + redis使用笔记
安装redisyum install redis启动服务systemctl start redis添加开机启动项systemctl enable redisredis配置修改配置文件 /etc/redis.conf注释掉 bind 127.0.0.1去掉#requirepass foobared的注
2018-03/index
## export 2018-03
// 3 posts
- ### export javascript观察者模式的简单实现
javascript观察者模式的简单实现
观察者模式当一个对象的状态发生改变，所有依赖于它的对象都将得到通知，也叫做发布-订阅模式基本的代码框架function PubSub() { this.handlers = {};}PubSub.prototype = {
- ### export javascript-函数式编程之柯里化currying
javascript 函数式编程之柯里化(currying)
- ### export html5-canvas手机九宫格手势密码解锁-支持nn个点
HTML5 Canvas手机九宫格手势密码解锁 ，支持N*N个点
对于canvas不熟悉的可以查看 MDN 上的canvas教程在开始之前，先介绍一个数学知识，怎么判断一个点是否在圆内通过判断一个点到圆心的距离是否大于半径。例如：半径是R 如O(x,y)点圆心，任意一点P（x1,y1） （x-x1）*(x-x1)+(y-y1)*(y-y1)>R*R 那么在
2017-06/index
## export 2017-06
// 1 posts
2017-05/index
## export 2017-05
// 2 posts
- ### export nodejs采集练手
NODE.JS采集练手
使用类库request发送请求获取网页内容co执行Generator函数cheerio解析html，和jQuery一样通过选择器获取node-xlsx生成excel文档代码如下"use strict";const request = require('request
- ### export web动画优化--requestanimationframe
Web动画优化--requestAnimationFrame
什么是requestAnimationFramewindow.requestAnimationFrame（callback）方法告诉浏览器您希望执行动画，并请求在下一次重新绘制之前,浏览器调用指定的函数更新。 callback该方法作为参数，在重绘之前调用回调。注意：如果您要在下一次重新绘制时进行别
2017-04/index
## export 2017-04
// 7 posts
- ### export canvas实现圆形进度条
canvas实现圆形进度条
- ### export 浏览器指定内核访问
浏览器指定内核访问
360页面默认使用极速内核<meta name="renderer" content="webkit">页面默认使用ie兼容内核<meta name="renderer" content="ie-comp&quo
- ### export 深入分析css中单位px和emrem的区别
深入分析css中单位px和em,rem的区别
PX特点IE无法调整那些使用px作为单位的字体大小;EM特点em的值并不是固定的;em会继承父级元素的字体大小。比如父元素设置了1.2em,子元素也设置了1.2em 那么事实上子元素设置的是1.2*1.2 emrem特点rem是CSS3新增的一个相对单位(root em，根em)。这个单位与em有什
- ### export 让浏览器兼容placeholder
让浏览器兼容placeholder
什么是placeholderplaceholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。placeholder兼容性解决$(function(){ if(!placeholderSupport()){ // 判断浏览器
- ### export jquery-省市三级联动
jQuery 省市三级联动
- ### export express实践
express实践
Node.js 7.0发布之前，写一篇关于express的文章项目创建使用express-generator使用npm install express-generator -g代码修改自动重启使用nodemonnodemon ./bin/www全局设置//加载配置项global.Config = r
- ### export 短-url-系统设计
短 URL 系统设计
原理通过发号策略，给每一个过来的长地址，发一个号即可，小型系统直接用mysql的自增索引就搞定了。如果是大型应用，可以考虑各种分布式key-value系统做发号器。不停的自增就行了。实现方式将长连接保存到数据库，获得自增ID，将自增ID转化为62进制，拼接到链接后面通过访问短连接获取到62进制字符串