前端资源整理

jason_zhangz jason_zhangz     2022-08-29     679

关键词:

下面的项目都列出了github的星数和npmjs上最近一个月的下载数
例如 github 106.5k/stars npmjs 93.3k/lm 指有10万6千个github星,上个月在npmjs有9万3千次下载。每个项目都给出了官网地址,github地址,npmjs地址。

注:在一个自分类里按stars数量排序,一般老框架的stars很高,但是npmjs下载量很低,新框架stars不太高,npmjs下载量很高,请特别留意lodash的下载量和bootstrap的stars数~~

 

UI框架
Bootstrap 3.3.7
老牌UI框架库,4.X遥遥无期,不过还是可以期待
官网 github 106.5k/stars npmjs 93.3k/lm
Semantic UI 2.2.7
语义化UI框架,比较奇怪的是使用16列系统而不是常见的12列,已经比较成熟
官网 github 31.2k/stars npmjs 17.3k/lm
Foundation 6.3.0
更老牌的UI框架库
官网 github 24.9k/stars npmjs 55.2k/lm
Materialize 0.98.0
符合谷歌Material标准的UI框架,依赖jQuery,所以代码风格比较传统
官网 github 24.4k/stars npmjs 3.9k/lm
Material-UI 0.16.7
基于谷歌Material标准,基于React的UI框架库,其实坑很大,开发代码的模式和其他人画风不一样,可以参考作者自己的网站代码风格
官网 github 23k/stars npmjs 215.7k/lm

应用框架
React 15.4.2
脸书出品,值得信赖
官网 github 59.3k/stars npmjs 3090.2k/lm
BackBoneJS 1.3.3
老牌的应用框架,然而Coursera原来用这个框架后来改React了
官网 github 26k/stars npmjs 612.2k/lm
Angular 1.6.2
这里指Angular 2.x,谷歌出品,请随时留意3.X版本更新信息
官网 github 20.4k/stars npmjs 744.6k/lm

CSS预处理器
Less 2.7.2
官网 github 14.4k/stars npmjs 2212.2k/lm
Sass 4.5.0
本质上是提供sass和scss两种语法的,前者更接近py/ruby那样的感觉,后者更接近原生css
这里指node-sass
官网 github 3.4k/stars npmjs 3511.6k/lm

自动化工具
Gulp 3.9.1
自动化前端工作,你确定你不考虑尝试下Webpack吗?
官网 github 25.1k/stars npmjs 2869k/lm
Webpack 2.2.1
自动解析模块依赖,方便的模块打包工具,升级到2.X没多久,文档依然那么烂
官网 github 24k/stars npmjs 4316.2k/lm
Yeoman 1.1.0
用来生成项目的项目,帮助用户更快部署自定义项目。 本质上生成的项目和github上的各种starter项目一样,就是提供一些交互式问题能让你生成这样的starter项目方便用户继续开发与部署。
官网 github 8.4k/stars npmjs 356.8k/lm

图标
Font Awesome 4.7.0
官网 github 48.2k/stars npmjs 646.4k/lm
Material Icon 3.0.1
官网 github 27.9k/stars npmjs 43.3k/lm
Fontello
官网 github 4.9k/stars
Evil Icons 1.9.0
官网 github 4.2k/stars npmjs 3.2k/lm

常用网址
MDN
Mozilla开发者网络
网址
w3schools.com
网址
Can I use
很方便的工具,用来查询你想使用的特性的平台支持程度
网址
Material Color
里面有很多Material风格的颜色与配色
网址

其他
D3.js 4.5.0
功能非常丰富的数据可视化库
官网 github 60.1k/stars npmjs 649.8k/lm
Moment.js 2.17.1
一个非常方便的日期/时间处理库
官网 github 29.8k/stars npmjs 7300.8k/lm
Lodash 4.17.4
一个非常方便的函数式辅助库,提供大量JavaScript原生没有的功能,看我的下载量!看我的下载量!
官网 github 21.4k/stars npmjs 39995.9k/lm
Underscore.js 1.8.3
与Lodash类似的功能库,传说会和Lodash合并
官网 github 20k/stars npmjs 11226.5k/lm
Babel 6.22.1
代码转换器,让你能用ES 2015去写JavaScript代码,然后自动将其转换为浏览器能支持的兼容代码
官网 github 19.7k/stars npmjs 6116.3k/lm
ESLint 3.15.0
代码风格检查工具
官网 github 6.8k/stars npmjs 5192k/lm
Flexbox Grid 6.3.1
一个很方便的格子排版库,语法与Bootstrap类似,但是是使用CSS3的Flex特性实现的
官网 github 5.2k/stars npmjs 51.7k/lm

 

前端资源整理

下面的项目都列出了github的星数和npmjs上最近一个月的下载数例如github106.5k/starsnpmjs93.3k/lm指有10万6千个github星,上个月在npmjs有9万3千次下载。每个项目都给出了官网地址,github地址,npmjs地址。注:在一个自分类里按stars数量排... 查看详情

知识资源整理

...获得知识的途径,供自己以后参考,相信对别人也有用。前端资讯以后补上其它资源以后补上react学习以后补上前端工具以后补上 查看详情

前端—urluriurn概念和区别整理,以及url语法规则

URL(UniformResourceLocator),统一资源定位符。表示了互联网上资源的位置,同时也可选择性携带资源的访问方法。但是不确定该位置是否有相应的资源,若资源位置做过变动,之前的URL将无法访问到该资源。一般由三部分组成(... 查看详情

前端开发资源(转)

  分3个部分:1)想开发项目,哪里找教程?2)关于前端的有趣网站;3)分享一些合集资源;一、前端项目哪里找?前端的入门教程网上很多,只要你搜索呼啦啦就出来了,因此啊,就不整理了。主要整理一下,哪里可以找... 查看详情

前端面试题整理—http篇

1、常见的HTTP方法有哪些?GET:用于请求访问已经被URI(统一资源标识符)识别的资源,可以通过URL传参给服务器POST:用于传输信息给服务器,主要功能与GET方法类似,但一般推荐使用POST方式。PUT:传输文件,报文主体中包含... 查看详情

前端学习路线

前端很火,想学习前端的人也多。作为过来人,知道自学的辛苦。所以制作这份学习路线图的初心,就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。在为时将近两个月的整理之后,就有了这份全面的前端学... 查看详情

前端面试题整理

...务器,通过服务器来发送请求,然后将请求的结果传递给前端。实现方法:通过nginx代理;注意点:1、如果你代理的是https协议的请求,那么你的proxy首先需要信任该证书(尤其是自定义证书)或者忽略证书检查,否则你的请求... 查看详情

前端之html知识点整理

 htypertextmarkuplanguage 即超文本标记语言  超文本:就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。  标记语言:标记(标签)构成的语言.    网页==HTML文档,由浏览器解析,用来展示的  静态网... 查看详情

一名深漂程序员:我所整理和收集的前端面试题

经典面试题合集(绝大多数都是超高频面试题)从浏览器地址栏输入url到显示页面的步骤(这是详细版本)在浏览器地址栏输入URL浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤如果资... 查看详情

一名深漂程序员:我所整理和收集的前端面试题(笔记)(代码片段)

系列文章目录一名深漂程序员:我所整理和收集的前端面试题(一)一名深漂程序员:我所整理和收集的前端面试题(二)一、如何做性能优化1.webpack工程环境层面的优化1.新的工具,更好的代码压缩... 查看详情

一名深漂程序员:我所整理和收集的前端面试题(笔记)(代码片段)

系列文章目录一名深漂程序员:我所整理和收集的前端面试题(一)一名深漂程序员:我所整理和收集的前端面试题(二)一、如何做性能优化1.webpack工程环境层面的优化1.新的工具,更好的代码压缩... 查看详情

资源整理

文档加速androidsdkmanager的更新:http://mirrors.dormforce.net/android/repository/ https://blog.kuoruan.com/24.html 查看详情

最近整理出了有关大数据,微服务,分布式,java,python,web前端,产品运营,交互等1.7g的学习资料,有视频教程,源码,课件,工具,面试题等等。这里将珍藏多年的资源免费分享给各位小伙伴们

大数据,微服务,分布式,Java,Python,Web前端,产品运营,交互领取方式在篇尾!!! 基础篇、互联网架构,高级程序员必备视频,Linux系统、JVM、大型分布式电商项目实战视频......等等   最近闲着没事,整理了... 查看详情

前端内容整理(代码片段)

正文前:前端是和用户直接交互的界面的称呼。web是基于B/S,本质上是基于C/S。为什么用一个浏览器,可以访问百度,访问博客园....等等服务器?因为都遵循着HTTP协议HTTP协议?HTTP协议全称叫超文本传输协议。规定了浏览器与服... 查看详情

suse资源整理

SLES---SuseLinuxEnterpriseServerSLED---SuseLinuxEnterpriseDestop Suse 版本查看 Suse 版本升级 Suseserver安装desktop 查看详情

真题整理,信息系统资源内容管理

文章目录 查看详情

教学资源网站整理

JAVASCRIPT:  火狐JavaScript教程 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 查看详情

git资源整理

 Gitisafreeandopensourcedistributedversioncontrolsystemdesignedtohandleeverythingfromsmalltoverylargeprojectswithspeedandefficiency.官方网站http://git-scm.com/教程Git官方教程EasyVersionControlwithGit猴子都能懂G 查看详情