blog icon indicating copy to clipboard operation
blog copied to clipboard

Published 20 hours ago • verified publisher icon atian25

有趣的收集

Open atian25 opened this issue 11 years ago • 55 comments

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

基础库

  • 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 avatar Aug 22 '14 02:08 atian25

大神 想要这个模板（http://192.241.236.31/themes/preview/smartadmin/1.4/angularjs/#/angular/ui）肿么下呀 23333

kai517 avatar Mar 05 '16 07:03 kai517

@kai517 买一个吧，18美元。 https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0

dusdong avatar Mar 05 '16 08:03 dusdong

https://github.com/devongovett/regexgen

atian25 avatar Jan 09 '17 02:01 atian25

@kai517 老实说, 现在我不推荐买 bootstrap 的模板, 你说的这个 admin, 后面我们有人买了.

但是: 感觉这些库都是为了卖钱而七拼八凑的, 里面很多交互插件的体系是不统一的, 混杂在一起.

更推荐用 element-ui 这类的框架, 去扩展.

atian25 avatar Jan 09 '17 02:01 atian25

https://github.com/dominikwilkowski/cfonts

atian25 avatar Apr 21 '17 00:04 atian25

两个编辑器：

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

atian25 avatar Dec 12 '17 08:12 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 avatar Sep 28 '18 01:09 atian25

https://github.com/enquirer/enquirer

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

atian25 avatar Nov 09 '18 01:11 atian25

https://github.com/rrweb-io

atian25 avatar Jan 03 '19 03:01 atian25

https://explainshell.com/

atian25 avatar Feb 18 '19 07:02 atian25

对 npm 依赖的一些分析

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

atian25 avatar Mar 01 '19 03:03 atian25

git：

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

atian25 avatar Mar 04 '19 00:03 atian25

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

可以替代 autojump

atian25 avatar Mar 04 '19 00:03 atian25

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

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

atian25 avatar Mar 09 '19 16:03 atian25

https://github.com/sindresorhus/alfy

用 Node 来写 Alfred Workflow。

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

atian25 avatar Mar 19 '19 07:03 atian25

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

Dcatfly avatar Mar 19 '19 12:03 Dcatfly

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

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

atian25 avatar Mar 19 '19 13:03 atian25

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

Dcatfly avatar Mar 20 '19 08:03 Dcatfly

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

atian25 avatar Mar 21 '19 03:03 atian25

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

atian25 avatar Apr 11 '19 15:04 atian25

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

atian25 avatar Apr 12 '19 02:04 atian25

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

image

atian25 avatar Apr 24 '19 05:04 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 avatar Jul 26 '19 00:07 atian25

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

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

atian25 avatar Jul 27 '19 08:07 atian25

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

atian25 avatar Nov 06 '19 00:11 atian25

https://github.com/liyasthomas/postwoman

atian25 avatar Nov 11 '19 13:11 atian25

CLI 测试：

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

atian25 avatar Apr 22 '20 07:04 atian25

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

有趣的一张知识脉络图。

思考：

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

再恶搞下：

image

atian25 avatar Sep 02 '20 07:09 atian25

https://github.com/oclif/oclif

cli

atian25 avatar Jan 08 '21 03:01 atian25

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

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

atian25 avatar Feb 27 '21 13:02 atian25

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

https://domevents.dev/

image

atian25 avatar May 20 '21 00:05 atian25

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

atian25 avatar May 31 '21 01:05 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 avatar Jun 15 '21 06:06 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 avatar Sep 06 '21 02:09 atian25

https://hitchdev.com/strictyaml/

atian25 avatar Sep 30 '21 03:09 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/

image

这个 FAQ 已经没了

atian25 avatar Nov 17 '21 01:11 atian25

TS：

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

atian25 avatar Nov 19 '21 02:11 atian25

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

atian25 avatar Jan 07 '22 06:01 atian25

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

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

atian25 avatar Apr 08 '22 06:04 atian25

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

Mac 录屏工具的 Node 类库

atian25 avatar Apr 30 '22 03:04 atian25

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

atian25 avatar May 17 '22 13:05 atian25

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

atian25 avatar May 30 '22 01:05 atian25

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

atian25 avatar Jun 14 '22 01:06 atian25

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

atian25 avatar Jun 22 '22 08:06 atian25