Skip to content

A curated list of awesome resources : about develop of frontend

Notifications You must be signed in to change notification settings

zhongzhong0505/Awesome-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 

Repository files navigation

Table Content

  1. 捕获页面对比DOM的改变 地址:https://github.com/fouber/page-monitor

  2. 错误上报 https://docs.sentry.io/clients/javascript/

  3. Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。 https://github.com/GoogleChrome/lighthouse

  4. js数据校验 https://github.com/ianstormtaylor/superstruct

  5. Google浏览器自动化页面测试 https://github.com/graphcool/chromeless

  6. 表单校验 https://github.com/guillaumepotier/Parsley.js

  7. 猴子测试 https://github.com/marmelab/gremlins.js

  8. markdown中生成流程图 https://github.com/knsv/mermaid

  9. 拖拽 https://github.com/Shopify/draggable

  10. 可视化正则表达式 https://github.com/javallone/regexper-static

  11. 汉字转拼音 https://github.com/hotoo/pinyin

  12. js图表库 https://github.com/jgraph/mxgraph

  13. js文档生成工具 https://github.com/senchalabs/jsduck

  14. md编辑器 https://github.com/sparksuite/simplemde-markdown-editor

  15. rxjs行为图形化表达 https://github.com/staltz/rxmarbles

  16. react状态管理 https://github.com/mobxjs/mobx

  17. html压缩 https://github.com/kangax/html-minifier

  18. mock server https://github.com/typicode/json-server#add-routes

  19. json数据库 https://github.com/typicode/lowdb

  20. mock数据生成 https://github.com/Marak/faker.js

  21. react服务端渲染 https://github.com/zeit/next.js/

  22. H5的canvas绘图库 https://github.com/kangax/fabricjs.com

  23. 基于D3的客户端图表库 https://github.com/eventbrite/britecharts

  24. 对比开源项目在github上的star图 https://github.com/timqian/star-history

  25. 命名参考网站 http://unbug.github.io/codelf/

  26. 网站性能测试 http://www.webpagetest.org/

  27. 跨浏览器测试 http://browserling.com

  28. 打包工具 https://github.com/parcel-bundler/parcel

  29. react优化工具 https://github.com/reactopt/reactopt

  30. js画序列图 https://github.com/bramp/js-sequence-diagrams

  31. restful接口文档生产工具 https://github.com/apidoc/apidoc

  32. 使用html,js构建桌面应用 https://github.com/electron/electron

  33. 常用js代码片段 https://github.com/Chalarangelo/30-seconds-of-code

  34. pdf预览 https://github.com/mozilla/pdf.js

  35. js动画 https://github.com/juliangarnier/anime

  36. node日志输出,字符串样式工具 https://github.com/chalk/chalk

  37. nodejs命令行接口 https://github.com/tj/commander.js/

  38. 代码风格统一工具 https://github.com/prettier/prettier

  39. js几何图形动画 https://github.com/Popmotion/popmotion

  40. 开源项目文档网站管理 https://github.com/facebook/docusaurus

  41. 可以拖拽的grid布局库,可以实现看板的功能 https://github.com/haltu/muuri

  42. mock服务系统 https://github.com/easy-mock/easy-mock

  43. 页面自动测试,性能优化工具 https://github.com/GoogleChrome/puppeteer

  44. rxjs动画展示效果 https://github.com/moroshko/rxviz

  45. rxjs图形化展示效果 http://rxmarbles.com/

  46. 浏览器自动化测试框架 https://github.com/DevExpress/testcafe

  47. 网站性能测试,qps等 https://github.com/alexfernandez/loadtest

  48. node机器学习 https://github.com/PAIR-code/deeplearnjs

  49. ts项目文档生成器 https://github.com/TypeStrong/typedoc

  50. 封装了H5本地存储的js库 https://github.com/localForage/localForage

  51. nodejs操作mysql的库 https://github.com/mysqljs/mysql

  52. 聚焦页面某一部分的步骤说明插件 https://github.com/kamranahmedse/driver.js

  53. 使用前端技术开发桌面应用 https://github.com/electron/electron

  54. 跨移动端app开发框架 https://github.com/flutter/flutter

  55. 一个视频播放框架 https://github.com/Chimeejs/chimee

  56. react的路由框架 https://github.com/reach/router

  57. 一个在页面顶部展示加载进度的库 https://github.com/rstacruz/nprogress

  58. canvas图表库 https://github.com/chartjs/Chart.js

  59. js语法解析器 https://github.com/acornjs/acorn

  60. 移动端调试工具 https://github.com/liriliri/eruda

  61. 网络代理工具 https://github.com/avwo/whistle

62: 将ts转换为WebAssembly的一个库 https://github.com/AssemblyScript/assemblyscript

  1. 记录和回放网页工具 https://github.com/rrweb-io/rrweb

  2. js一个aop的库 https://github.com/cujojs/meld

  3. react常用hooks https://github.com/streamich/react-use

  4. 一个项目管理工具-针对于一个项目有多个npm包的情况 https://github.com/lerna/lerna

  5. sql builder工具库 https://github.com/tgriesser/knex

  6. 在线http请求测试工具 https://github.com/liyasthomas/postwoman

  7. http请求mock工具 https://github.com/nock/nock

  8. react项目测试工具 https://github.com/airbnb/enzyme

  9. 中文分词 https://github.com/yanyiwu/nodejieba

  10. 快速搭建博客,网站的 https://github.com/gatsbyjs/gatsby

  11. 基于nodejs的建站平台 https://github.com/NodeBB/NodeBB

  12. 创建js解析器的api https://github.com/zaach/jison

  13. 一个轻量级的富文本编辑器 https://github.com/ueberdosis/tiptap

  14. 一个用于构建在线富文本编辑器的工具包 https://github.com/ProseMirror

  15. 一个在线绘图工具(流程图等) https://github.com/le5le-com/topology

  16. 于构建分布式实时协作Web应用程序的库 https://github.com/microsoft/FluidFramework

  17. 前端低代码框架 https://github.com/baidu/amis

  18. webassembly实现的markdown解析器 https://github.com/rsms/markdown-wasm

  19. 具有手绘效果的图库 https://github.com/rough-stuff/rough

  20. 一个前端serverless框架 https://github.com/serverless/serverless

  21. 一个富文本编辑器,可以快速实现协同能力 https://github.com/ianstormtaylor/slate

  22. 一个前端远程调试工具 https://github.com/liriliri/chii

  23. html5 的绘制库,可以自动切换为canvas或者webgl实现 https://github.com/pixijs/pixijs

  24. archunit 的 ts 版本 https://github.com/ts-arch/ts-arch

87.远程调试 https://github.com/HuolalaTech/page-spy-web

  1. 将 gif 图片绘制到 canvas 画布 https://github.com/themadcreator/gifler

  2. 数学公式的 web 组件 https://github.com/arnog/mathlive