Giter Site home page Giter Site logo

awesome-frontend-1's Introduction

front-end-awesome

前端资源总览

Fork front-end-awesome Star front-end-awesome watchers in front-end-awesome

目录


Vue.js 专栏

⬆️ 返回首页

JavaScript 框架

知名流行的框架

⬆️ 返回首页

框架的学习

  • react-in-patterns 包含了在使用react时好用的设计模式和方法。对提高开发效率很有效。是一个不错的文档
  • vue-design vue 2.x 逐行级别的源码分析

⬆️ 返回首页

JavaScript 库

⬆️ 返回首页

物理引擎

⬆️ 返回首页

工具函数类

⬆️ 返回首页

调试工具

⬆️ 返回首页

其他

学习资源

⬆️ 返回首页

数据模拟

⬆️ 返回首页

动画库

⬆️ 返回首页

二维码

  • qrious - Pure JavaScript library for QR code generation using canvas。
  • qart.js - Generate artistic QR code.

⬆️ 返回首页

UI 框架

基于 Vue.js

⬆️ 返回首页

基于 react

⬆️ 返回首页

基于 angular

⬆️ 返回首页

基于 jquery

⬆️ 返回首页

打包工具

⬆️ 返回首页

前端脚手架

⬆️ 返回首页

Node.js 方面

框架

⬆️ 返回首页

好用的插件

  • ngrok 本地 https 工具
  • http-server 零配置的命令行 http 服务器
  • http-serve 零配置的命令行 http 服务器
  • nvm node 版本控制
  • cropperjs 图片截取器,图片截图
  • svgo Node.js tool for optimizing SVG files
  • express-gateway A microservices API Gateway built on top of ExpressJS
  • node-rpio 这是一个高性能node.js插件,可以访问Raspberry Pi GPIO接口,支持常规GPIO以及i²c,PWM和SPI。
  • strapi Node.js内容管理框架(headless-CMS)可以毫不费力地构建功能强大的API。
  • jsPDF jsPDF 提供了一系列 API,可以在客户端生成图文并茂的 PDF 文档。
  • sharp 高性能Node.js图像处理,是调整JPEG,PNG,WebP和TIFF图像大小的最快模块。使用libvips库。
  • faast.js 批量计算,让并发请求更高效
  • sofa-rpc-node 阿里系 NodeJs 版 RPC
  • wildduck 邮箱服务器
  • tink tink是JavaScript的实验包管理器
  • dotenv 在 nodejs 项目中通过 .env 文件加载环境变量
  • chokidar 监听文件的变化

⬆️ 返回首页

其他

  • Node.js-Troubleshooting-Guide Node.js 应用线上/线下故障、压测问题和性能调优指南手册(更新中...)
  • NodeBB Node.js基于为现代网络构建的论坛软件

可视化插件

⬆️ 返回首页

CSS 处理器

⬆️ 返回首页

测试相关

⬆️ 返回首页

状态管理

⬆️ 返回首页

性能分析工具

  • analyze-css CSS选择器的复杂性和性能分析器

⬆️ 返回首页

包管理工具

⬆️ 返回首页

前端编码规范

⬆️ 返回首页

git 版本控制

仓库

⬆️ 返回首页

git 工具

  • tig commit 信息查看工具
  • cz-cli commit 信息规范化管理工具
  • gitmoji-cli gitmoji 图标

⬆️ 返回首页

使用手册

⬆️ 返回首页

在线工具

在线编程

⬆️ 返回首页

转换

⬆️ 返回首页

查阅

图标管理

⬆️ 返回首页

其他

⬆️ 返回首页

小程序相关

⬆️ 返回首页

命令行工具

  • Bash-Snippets 重型终端用户的小型bash脚本集合
  • the_silver_searcher 一个类似于ack的代码搜索工具,但速度更快。 查找 /#/ 用法: ag '\/#\/'
  • fzf 模糊搜索神器
  • tldr 查看 linux命令帮助(Too long, Don't read)
  • autojump 快速切换常用目录 j dir_name
  • fuck 纠正工具
  • k 命令行美化工具, 美化 ll 命令
  • so SSH远程登录工具
  • hr 用于在终端展示分行符
  • nnn 文件管理器
  • autoenv 基于目录的环境配置
  • mackup .dotfile 管理工具
  • hub - 更易使用 Git 的
  • glances 系统监视(可替代 top)
  • goaccess - 运行于 *nix 系统终端中的实时 web 日志分析器及交互式查看器
  • tcplstat 网络监控工具
  • cz-cli - git commit 工具
  • tig git log 查看工具
  • cheat.sh 是一个实用的速查
  • neofetch 个性化显示Linux系统信息
  • hiper 一个查看网页加载性能的命令行程序
  • lazygit simple terminal UI for git commands
  • command-line 在一个页面中掌握命令行

⬆️ 返回首页

谷歌插件

  • WEB前端助手(FeHelper) - 一些前端常用的功能都有,方便实用
  • Vue.js devTools - Vue 开发工具
  • React Developer Tools - React 开发工具
  • Redux DevTools - Redux 开发工具
  • 书签侧边栏 - 非常方便搜索已经保存的书签,可以自由设定触发条件
  • Postman - ajax 工具
  • Json Formatter - json 解析工具
  • Allow-Control-Allow-Origin: * - 跨域工具
  • Axure RP Extension for Chrome - 预览工具
  • Clear Cache - 清除缓存工具
  • DuckDuckGo Privacy Essentials - DuckDuckGo 搜索工具
  • Enhanced Github - github 工具
  • Google 翻译
  • HTTP Status - http 状态管理
  • jQuery API 中文文档
  • Nodei.co: npm badges for GitHub - github 工具
  • Octotree - github 工具
  • Open SEO Stats(Formerly: PageRank Status) - seo 工具
  • PageSpeed Insights (with PNaCl) - 网页速度检测工具
  • User-Agent Switcher - UA 工具
  • Vimium - vim 工具
  • Web Developer - 开发者工具
  • 二维码网址
  • 掘金
  • EditThisCookie - 操作cookie的插件
  • Image Downloader - 可以自动分析网页内图片并下载你需要的

⬆️ 返回首页

UA 识别

⬆️ 返回首页

页面交互

Slider

⬆️ 返回首页

瀑布流

⬆️ 返回首页

懒加载/加载监听/预加载

⬆️ 返回首页

图片轮播(幻灯片)/图片展示

⬆️ 返回首页

图片剪裁/图片处理

⬆️ 返回首页

进度条/加载(Loading)

⬆️ 返回首页

侧滑插件(offcancas)

⬆️ 返回首页

菜单(Menu)

⬆️ 返回首页

滚动侦测(ScrollSpy)

⬆️ 返回首页

滚动加载更多/下拉刷新(Pull to Refresh)

⬆️ 返回首页

平滑滚动插件(Smooth Scroll)

⬆️ 返回首页

全屏滚动/全屏切换

⬆️ 返回首页

分屏滚动

⬆️ 返回首页

转场效果

⬆️ 返回首页

固定元素(Sticky)

⬆️ 返回首页

触控事件

⬆️ 返回首页

拖拽组件

⬆️ 返回首页

隐藏或展示页面元素

⬆️ 返回首页

滚动条(Scrollbar)

⬆️ 返回首页

视差滚动(Parallax Scrolling)

⬆️ 返回首页

缩放 (Zooming)

⬆️ 返回首页

下载组件

⬆️ 返回首页

Ajax模块

⬆️ 返回首页

字体资源

⬆️ 返回首页

表单方面

⬆️ 返回首页

引导组件

  • shepherd 引导您的用户浏览您的应用。
  • intro.js 为您的网站和项目提供新功能介绍和逐步用户指南的更好方式。可用于新手指引,功能介绍,更新指引等。

⬆️ 返回首页

其他

⬆️ 返回首页

音频/视频

⬆️ 返回首页

APP 框架

⬆️ 返回首页

CSS 框架

⬆️ 返回首页

富文本编辑器/Markdown编辑器/Markdown解析器

⬆️ 返回首页

颜色(CSS Colors)/SVG/Canvas

⬆️ 返回首页

svg

⬆️ 返回首页

颜色

⬆️ 返回首页

Canvas

⬆️ 返回首页

代码高亮插件/代码编辑器

⬆️ 返回首页

本地存储

⬆️ 返回首页

模板引擎

⬆️ 返回首页

算法

⬆️ 返回首页

加密/转码

⬆️ 返回首页

前端游戏框架

⬆️ 返回首页

计算机相关书籍

⬆️ 返回首页

WEB服务器

⬆️ 返回首页

编辑器

⬆️ 返回首页

Web 前端

⬆️ 返回首页

JavaScript

⬆️ 返回首页

Shell

⬆️ 返回首页

读书笔记及其它

⬆️ 返回首页

前端面试

面试教科书

⬆️ 返回首页

Vue.js

⬆️ 返回首页

持续集成

⬆️ 返回首页

Host相关

⬆️ 返回首页

awesome-frontend-1's People

Contributors

iq9891 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.