拙见

《Ultralearning（超学习）》TL;DR

《影响力：说服心理学》TL;DR

认知偏差手册

《富爸爸，穷爸爸》TL;DR

《人性的弱点》TL;DR

规避笔记陷阱 [译]

如何向人类提问 [译]

前端程序员简历教程 + 模板📜

最优停止理论：解读秘书问题中的37%法则

工具应用

在Windows中，搜狗输入法输出直角引号「」的优雅方式

自建Docker Hub镜像方法

Reality自建教程

利用GitHub Action自动备份Notion数据到仓库

nvm-desktop的使用

Clash Verge系列使用最佳实践

⭐收集有特色的库

nvm-windows的使用

前端技术

一些适用于中国境内的CDN整理

html标签的lang属性写法

CSS新用法 - mask、CSS嵌套语法🎐

CSS新用法 - @property、initial-letter、color-mix()、@media范围写法🎐

CSS新用法 - color-scheme、accent-color、revert、revert-layer、独立的transform🎐

CSS新用法 - 颜色格式、@layer、容器查询、aspect-ratio🎐

CSS新用法 - font-variation-settings、!important、hwb()、lab()、lch()、oklab()、oklch()🎐

CSS新用法 - :modal、::backdrop、:picture-in-picture、:placeholder-shown、inset、scrollbar-gutte、backdrop-filter🎐

CSS新用法 - min()、max()、clamp()、:where()、:is()、:has()🎐

正则匹配汉字

纯CSS头像组件内文字自适应

CSS 专业技巧

前端工程化入门06 - 前端监控

前端工程化入门05 - 测试

前端工程化入门04 - 构建工具

前端工程化入门03 - 前端组件化

前端工程化入门02 - 代码规范

前端工程化入门01 - 技术选型

Prettier、ESLint配置及注释

Vue2起项目，我做了这些事

DOM尺寸相关api

Vue2的12种和Vue3的7种组件通信

JavaScript复杂判断的优雅写法

数组相关的杂七杂八

在Vue中实现右键菜单

除了Symbol和SVG，还能这样实现多彩字体图标

几种数组去重的方式

AI技术

如何编写高质量AI Prompt

Chat GPT最佳实践 [译]

其他知识

公共DNS服务介绍

那些有趣的顶级域名

编程知识

六种算法思想

函数式编程术语

⭐收集有特色的库

type

status

date

slug

summary

tags

category

icon

password

交互类

Name/GitHub	Desc	Demo
Vue Grid Layout	vue拖拽	https://jbaysolutions.github.io/vue-grid-layout/
Vue-Fliplay	vue3列表动画	https://vue-flip.netlify.app/
vue-clamp	vue2多行展开折叠	https://vue-clamp.vercel.app/?lang=zh
transx	vue2切换动画	https://codesandbox.io/s/practical-sid-0ubim
vue-virtual-scroll-list	vue2虚拟滚动	https://tangbc.github.io/vue-virtual-scroll-list/#/
vue3-infinite-list	vue3虚拟滚动	https://tnfe.github.io/vue3-infinite-list/#/demo1
vue-virtual-scroller	vue3虚拟滚动	https://vue-virtual-scroller-demo.netlify.app/
stack-keep-alive	Vue3堆栈式 Keep-Alive 组件	ㅤ
matter-js	2D物理引擎	https://brm.io/matter-js/
watching-you	时刻注视着你的目标	https://jj811208.github.io/watching-you/
tinykeys	键盘事件监听库	https://jamiebuilds.github.io/tinykeys/
cnchar	功能全面的汉字工具库 (拼音笔画偏旁成语语音可视化	https://shiyix.cn/cnchar/
autofit.js	vue大屏自适应	ㅤ
tldraw	白板	https://www.tldraw.com/
auto-animate	自动列表动画	https://auto-animate.formkit.com/

UI类

Name/GitHub	Desc	Demo
easy-canvas	Canvas布局系统	https://gitjinfeiyang.github.io/easy-canvas/example/
iframe-resizer	iframe自适应	http://davidjbradshaw.github.io/iframe-resizer/
anime.js	一个轻量级 JavaScript 动画库，具有简单但强大的 API	https://animejs.com/
siriwave	使用 Canvas API 以纯 Javascript 复制“Apple Siri”的动画波形	https://kopiro.github.io/siriwave/
rough-notation	一个小型 JavaScript 库，用于在网页上创建注释并制作动画	https://roughnotation.com/
canvas-confetti	撒花特效	https://www.kirilv.com/canvas-confetti/

工程类

Name/GitHub	Desc	Demo
micro-app	微前端	https://zeroing.jd.com/micro-app/
wujie	微前端	https://wujie-micro.github.io/doc/
highlight	监控平台	https://app.highlight.io/sign_in
eruda	移动端调试工具	https://eruda.liriliri.io/
http-modular	将服务器端函数转换为 ES 模块的通用库	ㅤ
cn-font-split	字体分包工具	https://chinese-font.netlify.app/
page-spy-web	远程调试平台	https://test.jikejishu.com/room-list

工具类

Name/GitHub	Desc	Demo
FileSaver.js	下载库	https://blog.csdn.net/qq_30671099/article/details/104052782
vite-plugin-vue-inspector	Vite开发摸组件跳文件	ㅤ
vue-infinite-slide-bar	Vue内容滚动	https://biigpongsatorn.github.io/#/vue-infinite-slide-bar
vue-typer	Vue打字效果	https://cngu.github.io/vue-typer/
vue-picture-cropper	Vue图片裁切工具	https://chengpeiquan.github.io/vue-picture-cropper-demo/#/composition
vue-cropper	Vue图片裁切工具	https://github.xyxiao.cn/vue-cropper/
pinyin-pro	pinyin-pro 中文转拼音、排序	https://play.fe-dev.cn/
Luckysheet	表格	https://mengshukeji.gitee.io/luckysheetdemo/
fortune-sheet	表格	https://ruilisi.github.io/fortune-sheet-demo/?path=/story/features--basic
satori	HTML转SVG工具	https://og-playground.vercel.app/
devtools-detector	检测开发者工具开启状态	https://blog.aepkill.com/demos/devtools-detector/
Fuse	任意字符串模糊匹配	https://www.fusejs.io/
localForage	离线本地存储	https://localforage.github.io/localForage/
git-diff-view	用来显示 git diff 的结果	https://mrwangjusttodo.github.io/git-diff-view/

持续收集中……

前端工程化入门01 - 技术选型 Prettier、ESLint配置及注释

Last update: 2022-02-09

拙见

《Ultralearning（超学习）》TL;DR

《影响力：说服心理学》TL;DR

认知偏差手册

《富爸爸，穷爸爸》TL;DR

《人性的弱点》TL;DR

规避笔记陷阱 [译]

如何向人类提问 [译]

前端程序员简历教程 + 模板📜

最优停止理论：解读秘书问题中的37%法则

工具应用

在Windows中，搜狗输入法输出直角引号「」的优雅方式

自建Docker Hub镜像方法

Reality自建教程

利用GitHub Action自动备份Notion数据到仓库

nvm-desktop的使用

Clash Verge系列使用最佳实践

⭐收集有特色的库

nvm-windows的使用

前端技术

一些适用于中国境内的CDN整理

html标签的lang属性写法

CSS新用法 - mask、CSS嵌套语法🎐

CSS新用法 - @property、initial-letter、color-mix()、@media范围写法🎐

CSS新用法 - color-scheme、accent-color、revert、revert-layer、独立的transform🎐

CSS新用法 - 颜色格式、@layer、容器查询、aspect-ratio🎐

CSS新用法 - font-variation-settings、!important、hwb()、lab()、lch()、oklab()、oklch()🎐

CSS新用法 - :modal、::backdrop、:picture-in-picture、:placeholder-shown、inset、scrollbar-gutte、backdrop-filter🎐

CSS新用法 - min()、max()、clamp()、:where()、:is()、:has()🎐

正则匹配汉字

纯CSS头像组件内文字自适应

CSS 专业技巧

前端工程化入门06 - 前端监控

前端工程化入门05 - 测试

前端工程化入门04 - 构建工具

前端工程化入门03 - 前端组件化

前端工程化入门02 - 代码规范

前端工程化入门01 - 技术选型

Prettier、ESLint配置及注释

Vue2起项目，我做了这些事

DOM尺寸相关api

Vue2的12种和Vue3的7种组件通信

JavaScript复杂判断的优雅写法

数组相关的杂七杂八

在Vue中实现右键菜单

除了Symbol和SVG，还能这样实现多彩字体图标

几种数组去重的方式

AI技术

如何编写高质量AI Prompt

Chat GPT最佳实践 [译]

其他知识

公共DNS服务介绍

那些有趣的顶级域名

编程知识

六种算法思想

函数式编程术语