有趣的收集

[atian25]

收集我遇到的有意思的前端类库

基础库

• https://github.com/taylorhakes/fecha 小巧的时间格式化库
• https://github.com/callmecavs/layzr.js 图片延迟加载
• https://github.com/5outh/nanoscope json数据转换
• http://highlandjs.org 类似 lodash

框架

• https://muut.com/riotjs 小巧的MV*框架
• https://github.com/taitulism/Bootstruct 路由自动映射
• http://jetbus.io/index.html Lightweight, Realtime Message Bus for the Web

数据库

• https://github.com/typicode (lowdb / underscore.db / json-server)
• https://github.com/louischatriot/nedb (mongo-like)
• https://leancloud.cn

数据模拟

• http://mockjs.com/
• http://www.json-generator.com/
• http://httpbin.org/ 在线模拟数据返回

爬虫

• https://github.com/ruipgil/scraperjs
• http://medialab.github.io/artoo/ bookmarklet方式
• https://github.com/inikulin/ineed 轻量，不解析dom
• https://github.com/segmentio/nightmare
• https://github.com/molekilla/fren ui-router风格

Bootstrap模板

• https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0
• http://192.241.236.31/themes/preview/smartadmin/1.4/angularjs/#/angular/ui

Logger

• https://github.com/enoex/Bragi-Node

editor

• https://github.com/josdejong/jsoneditor/
• http://angular-ui.github.io/ui-ace/
• https://github.com/bevacqua/dragula

angular modules

• https://github.com/DaftMonk/angular-tour 新手指引
• https://github.com/likeastore/ngDialog

tool

• https://github.com/isaacs/rimraf 删除长名目录
• https://github.com/mortenjust/androidtool-mac/blob/master/README.md Android辅助工具

奇奇怪怪

• https://github.com/Zhouzi/TheaterJS 模拟键盘输入特效
• https://apiary.io API文档
• https://github.com/knsv/mermaid Markdown的UML

语法解析

• http://zhuanlan.zhihu.com/prattle/20178871?utm_source=weibo&utm_medium=weibo_share&utm_content=share_question&utm_campaign=share_sidebar
• http://nuysoft.com/bak/jison-docs-cn.html
• https://github.com/devongovett/regexgen 帮你猜正则式

[atian25]

https://github.com/devongovett/regexgen

[atian25]

https://github.com/dominikwilkowski/cfonts

[atian25]

两个编辑器：

• http://prosemirror.net/
• https://github.com/ianstormtaylor/slate

[atian25]

• https://remysharp.com/2018/08/23/cli-improved
  • https://httpie.org/ (https://alternativeto.net/software/postman/)
  • https://github.com/jmespath/jp
  • https://github.com/BurntSushi/ripgrep
  • https://github.com/sharkdp/fd/
  • https://tldr.sh/

[atian25]

https://github.com/enquirer/enquirer

这个库不错，写 CLI 的同学，可以考虑换掉 inquirer

[atian25]

https://github.com/rrweb-io

[atian25]

https://explainshell.com/

[atian25]

对 npm 依赖的一些分析

https://diff.intrinsic.com/egg/2.14.0/2.18.0
https://bundlephobia.com/[email protected]

[atian25]

git：

• https://github.com/isacikgoz/gitin
• https://githistory.xyz/

[atian25]

https://github.com/skywind3000/z.lua

可以替代 autojump

[atian25]

Markdown 的 AST 玩起来也挺有意思的：

• https://github.com/remarkjs/remark
• https://github.com/unifiedjs/unified
• https://github.com/syntax-tree
• https://github.com/vfile/vfile

[atian25]

https://github.com/sindresorhus/alfy

用 Node 来写 Alfred Workflow。

随手写了个 https://github.com/atian25/alfred-plugin-projj

[Dcatfly]

@atian25 alfy是个解决方案，但是体积特别大。。

[atian25]

@Dcatfly 从这来看，不大吧，百来 k。

https://bundlephobia.com/[email protected]

[Dcatfly]

@atian25 哦，确实。。alfy本身体积不大，但是通过这种方式来写workflow的过程中，可能会引入很多其它的包，这样下来体积可能就剧增了。。🤣

[atian25]

@Dcatfly 这不是很正常么，你要实现一段逻辑，自然要有对应的代码，自己注意下依赖的选择就好了。这是一个取舍问题，用熟悉的语言，并有单元测试保障，适当的注意下依赖，我觉得没什么问题。大部分的依赖也不会很大，除非你引个 Webpack 当我没说。

[atian25]

数据结构和算法动态可视化 https://visualgo.net/zh

[atian25]

HTTP 数据录制，用于测试，https://github.com/Netflix/pollyjs

[atian25]

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

[atian25]

• AST 分析 https://dsherret.github.io/ts-morph
• 快速分析 require：https://github.com/seajs/crequire
• 分析形参：https://github.com/stonehank/get-function-params-with-ast/blob/master/README-CN.md

[atian25]

mock http: https://github.com/nock/nock

素材 http://sc.orsoon.com/search/%E8%A7%84%E5%88%92.html

[atian25]

校验库：https://github.com/ostrowr/ts-json-validator

[atian25]

https://github.com/liyasthomas/postwoman

[atian25]

CLI 测试：

• https://github.com/node-modules/coffee 这个是我们维护的
• https://github.com/vesln/nixt 这个感觉 API 设计很不错

[atian25]

https://github.com/kamranahmedse/developer-roadmap

有趣的一张知识脉络图。

思考：

• 对于阿里前端来说，类似的图又是怎么样的呢？（技术栈大图，工程体系？）
• 对于需要进入服务端领域的前端来说，后端的知识脉络又是怎么样的呢？

再恶搞下：

[atian25]

https://github.com/oclif/oclif

cli

[atian25]

https://www.notion.so/Raycast-Manual-d5c85a7694dc4e4088b8b93557ea6d2d

另一个 Alfred，可以写自己的插件

[atian25]

DOM Events: A Way to Visualize and Experiment with the DOM Event System

https://domevents.dev/

[atian25]

https://github.com/mikaelbr/node-notifier
https://github.com/thecodrr/fdir

[atian25]

https://github.com/dolthub/dolt

Dolt is a SQL database that you can fork, clone, branch, merge, push and pull just like a git repository.

[atian25]

https://etherdream.com/web2img/

Web2Img is a tool to bundle your web files into a single image, and extract them via Service Worker at runtime.

真黑。。。

[atian25]

https://hitchdev.com/strictyaml/

[atian25]

爬虫：

• Chrome 里面低代码方式来写爬虫，Automa，https://zhuanlan.zhihu.com/p/433617478
• Google 的 https://github.com/puppeteer/puppeteer
• 微软的 https://playwright.dev/docs/intro
• 测试 https://www.cypress.io/
• https://docs.taiko.dev/

https://blog.logrocket.com/playwright-vs-puppeteer/
https://yrq110.me/post/front-end/playwright-have-fun/

这个 FAQ 已经没了

[atian25]

TS：

• https://zhuanlan.zhihu.com/p/434565485
• https://tsdoc.org/
• https://ts-morph.com/

[atian25]

https://npmgraph.js.org/?q=egg

[atian25]

终端工具，warp，融资 $23M

https://docs.warp.dev/
https://www.warp.dev/
https://www.zhihu.com/question/526303785

[atian25]

https://github.com/wulkano/aperture-node

Mac 录屏工具的 Node 类库

[atian25]

https://github.com/angus-c/just
https://github.com/sindresorhus/promise-fun

[atian25]

https://openbase.com/ 技术选型神器
https://devblogs.microsoft.com/typescript/announcing-typescript-4-7/ TS 错误翻译器

[atian25]

https://timeline.knightlab.com/#make

[atian25]

https://ossinsight.io/analyze/eggjs/egg?vs=midwayjs%2Fmidway

[atian25]

https://github.com/HerringtonDarkholme/ast-grep

[atian25]

开源指南
https://opensource.guide/
https://opensource.guide/metrics/

---

CLI 的哲学

https://clig.dev/

看完这个 CLI 的最佳实践指导文档，受益良多。 我们 Artus 的文档，回头可以参考这个方向，除了 Artus 本身的 API 参考文档外，还需要给出 Philosophy 和 Guidelines 这些封装框架的最佳实践指引

相关阅读：https://diataxis.fr/

[atian25]

https://betterstack.com/better-uptime

[atian25]

https://railway.app/
https://crawlee.dev/

爬虫

[atian25]

https://www.geogebra.org/classic/yzt2fs7v 数学图形绘制

[atian25]

https://snyk.io/blog/choosing-the-best-node-js-docker-image/

[atian25]

https://tslog.js.org

[atian25]

https://scribehow.com/start-recording

录制浏览器里面的操作步骤，方便分享给别人 1234

[atian25]

https://www.appinn.com/buzz-openai-whisper/
Buzz – 开源、可离线的实时语音转文字工具

飞书妙记也有类似的功能，之前用来帮 devmore 转文字稿

[atian25]

https://github.com/ranyitz/qnm

node_modules 依赖查询

[atian25]

https://trigger.dev/

任务执行