fengmiaosen/web-awesome

前端小札

web-awesome

好玩的前端小玩意

通过个人主页的二级域名访问 http://fengmiaosen.github.io/web-awesome/

Github rank

• 查看
• node_modules推荐

Github trending排行榜

• JavaScript
• HTML
• CSS

前端面试参考题库

• https://q.shanyue.tech/fe/
• https://www.cxymsg.com/guide/
• https://muyiy.cn/question/

js功能框架

• 小型js模块加载器 loadjs
• 模块化的日期函数库 date-fns
• 基于Promise实现的状态机 fsm-as-promised
• 腾讯推出的H5页面首屏秒开框架 VasSonic

前端技术汇总

• awesome

• 前端学习资料大全

页面效果

• codepen优秀代码demo集合 code

• 页面加载库 PACE 多种页面加载效果可供选择

• 基于Canvas的加载动画 spring-loaders

• CSS3D反转特效 adobe

• 交互式多层饼图 cake-chart

• 可视化图 caravel

• CSS3 关键帧动画库bounce

• 小型JavaScript动画库 snabbt

• javascript动画库 anim

• 侧栏划出效果 Snap

• JavaScript动画库 velocity

• 提交按钮动画集合库 ladda

• JavaScript动画库（含svg）dynamicsjs

• Input格式控制基础库 cleave.js

• JavaScript粒子特效基础库 particles.js

• 纯CSS实现各种按钮效果 bttn.surge

前端UI框架

• VUE优秀UI组件库合集

• 基于Vue和WeUI的微信风格组件库 vux

• 基于Vue的饿了么团队开发的移动端组件库 Mint UI

• 基于Vue的饿了么团队开发的PC端组件库element

• 微信官方UI库 WeUI

• 纯CSS UI界面集合 Collection best of Web Demos

• 轻量级视差滚动基础库rellax

• A lightweight collection of essential UI components written with Vue and inspired by Material Design Keen-UI

• 微软出品的UI设计组件 React-UWP

• 替代原生js的alert的组件 sweetAlert

地图组件

• 基于Vue的百度地图组件封装 vue-baidu-map

• 基于Vue的高德地图组件vue-amap

• 基于react的高德地图组件 react-amap

CSS框架

• 前端向 10+ 值得前端开发者关注的优秀 CSS 框架 css框架

• 小型SCSS基础库 sierra-library

• 基于Flex布局的CSS框架库 bulma

• Pure.css pure.css

页面浮层

• 浮层效果 Modaal

前端工具

• 在线PPT制作 spectacle

• 基于React基础库使用JSX语法来编写在线演示PPT，并能导出为PDF文档

• 在线内容编辑 substance

• 富语义文本编辑 prosemirror

• HTML预编译库 typeset

• 在线解析处理PDF文件 pdf.js

• 算法可视化学习 AlgorithmVisualizer

• 前端SASS组件文档生成管理 atomic

日期处理

• 日期时间处理 momentjs
• moment-range
• 现代模块化日期处理库date-fns

代码编辑器框架

• monaco-editor
• react-monaco-editor

文档管理

• 网站文档生成框架 docsify

• 快速搭建文档 docute

• API描述语言 api-blueprint

版本管理

• git的纯js实现 gitkit.js

• 使用node来操作git nodegit

前端绘图

• 像素图形绘制 anypixel

• SVG 进度条 progressbar

• 刮刮卡刮奖效果 wScratchPad

• HTML生成canvas导出图片 rasterizeHTML

物理引擎

• box2d box2d

• 2D JavaScript物理引擎 planck

• 2D 物理引擎 Matter.js

前端开发调试

• Web开发调试工具 AlloyLever

• JavaScript运行性能监测 stats.js

• webapp debug工具 eruda

• 移动设备外框 devices.css

娱乐工具

• 键盘播放Are you ok歌曲 are-you-ok

页面布局

• golden-layout

虚拟现实（VR）

• A-Frame

开源地图

• leafletjs
• 坐标转换js gcoord
• 坐标转换js coordtransform

网页字体

• 字蛛

桌面APP开发

• 基于JavaScript的桌面app开发 electron

手机传感器

• Apple Force Touch支持 [pressure] (https://github.com/yamartino/pressure)

NodeJS web框架

• 基于NodeJs的REST API开发框架 node-restify
• 基于Vue的服务端渲染应用框架 nuxt.js
• 基于react的服务端渲染应用框架 next.js
• 基于ssh2的纯js实现scp node-scp  * electron开发完整框架 electron-forge