10个最值得收藏的JavaScript库渡一教育
现代前端开发相比以前来说幸福很多了,过去为了兼容 IE、火狐等浏览器环境焦头烂额,为了减少代码加速文件的加载尽可能地编写原生 JavaScript,能不用插件就不用(插件由于要考虑通用性,会增加很多兼容代码)。
这一切变化首先要感谢谷歌浏览器提供的开源核心,以及为中国用户普及高级浏览器做出努力的各大互联网开发者们。
图片源自网络,仅做配文展示
随着 5G 技术的发展普及,未来将有大量的应用场景将由前端来承担。
今天,小渡就跟大家分享 10个可以提高开发效率的 JavaScript 库,不需要花时间自己去编写常用的基础函数,避免重复造轮子,让更多的精力去优化应用场景的逻辑,也提高开发效率。
immutable.js
有一位reddit网友是这样描述的,小渡很喜欢这种说法:
"immutableJS确保了大型团队的开发者不会做一些愚蠢的事情。"
简而言之:Immutable.js,Facebook的另一个项目,确保了状态不会因为使用不可变对象而发生突变。
图片源自网络,仅做配文展示
正如网友指出那样,这对于大型团队的开发者会极其有用,因为这些人经常会无意识地搞乱了状态。
"封装在Immutable.JS对象里面的数据是永远也不会变的。它总会返回一份新的拷贝。这跟JavaScript形成了羡慕对比,后者的一些操作不会改变你的数据(比方说一些数据方法,包括map、filter、concat、forEach等),但有的就会(Array的pop、push、splice等)。"
使用Immutable.JS有相当大的限制,但视你的需求不同,那些限制未必有关系。在GitHub上拿到了20000多颗星的Immutable.js已经开始崛起,预计还会继续延续,因为开发者正在花时间理解其中的概念和权衡。
Redux、Relay Modern以及Apollo
Redux 是一直很火的Dan Abramov/Andrew Clark 项目,后来又迅速成为React状态管理和数据抓取的首选解决方案。
但GraphQL改变了现状,主要是在数据抓取方面。
我们现在有了Relay Modern (Facebook开发)和Apollo,让你可以比Redux更高效地抓取并传递GraphQL数据到React应用的GraphQL客户端框架。
图片源自网络,仅做配文展示
但就像一位开发者指出那样:这些框架和它们的好处未必需要是互斥的。实际上,这几个一起使用可以提供很好的关注分离,这是web开发来说可太重要了。
这意味着你仍然可以跟Relay一起用Redux,Redux用于本地状态管理以及一些复杂的非服务器状态,然后由Relay来抓取。
但是社区对简化这个的东西(目前为止唯一的答案是Vue.js或者Cashay)比较焦虑。
SurveyJS
SurveyJS 是目前可用的最多的 feature-rich 调查/表单库;并且它可以很容易地定制和扩展,以满足你的需要。
图片源自网络,仅做配文展示
配置后生成代码:
图片源自网络,仅做配文展示
Leaflet
小渡认为 Leaflet 是将适合移动设备的交互式库,它的地图添加到你的应用程序中会是一个比较酷的选择。
它的文件很小,只有39kB,使其成为考虑其他地图库的绝佳替代方案。凭借跨平台的效率和文档齐全的 API,它拥有让你坠入爱河所需的一切。
图片源自网络,仅做配文展示
在 Leaflet 中,我们需要提供一个 tile 层,因为默认情况下没有。但这也意味着我们可以从各种免费和高级层中进行选择。
FullPage.js
这个开源库可以帮助你创建全屏滚动的网站,正如你在上面的看到的GIF动画那样。它易于使用并且有许多自定义选项,因此它被成千上万的开发人员使用并在 GitHub 上拥有超过 3 万Stars也就不足为奇了。
图片源自网络,仅做配文展示
这时可以在Codepen 演示,甚至可以将它与流行的框架一起使用,例如:
react-fullpage
vue-fullpage
angular-fullpage
这是你几乎可以在每个项目中都可以使用的少数库之一。如果你还没有开始使用它,那就试试吧,不会让你失望的。
Anime.js
作为最好的动画库之一,Anime.js 灵活且易于使用。它可以帮助你的项目添加一些非常酷的动画。Anime.js 适用于 CSS 属性、SVG、DOM 属性和 JavaScript 对象,并且可以轻松集成到你的应用程序中。
图片源自网络,仅做配文展示
作为开发人员,拥有一个好的开发组合很重要。人们对你的组合的第一印象有助于决定他们是否会雇用你。还有什么比这个库更好的工具可以为你的投资组合带来活力。它不仅可以增强你的网站,还有助于展示实际技能。
Hammer.js
Hammer.js 是一个轻量级的 JavaScript 库,可让你向 Web 应用程序添加多点触控手势。小渡会推荐这个库来为你的组件添加一些乐趣。你会觉得它非常有趣。
图片源自网络,仅做配文展示
它可以识别由触摸、鼠标和pointerEvents 做出的手势。对于 jQuery 用户,小渡建议使用 jQuery 插件。
D3.js
如果你是一个痴迷于数据的开发人员,那么这个库非常适合你。我还没有找到一个可以像 D3 一样高效和精美地处理数据的库。D3 在 GitHub 上拥有超过 92k stars,是许多开发人员最喜欢的数据可视化库。
图片源自网络,仅做配文展示
很多大神最近使用 D3 通过 React 和 GitHub 上的约翰霍普金斯 CSSE 数据存储库来可视化 COVID-19 数据。这是一个非常有趣的项目,如果你正在考虑做类似的事情,我建议您尝试一下 D3.js。
Popper.js
Popper.js 是一个约 3 kB 的轻量级 JavaScript 库,零依赖,它提供了一个可靠且可扩展的定位引擎,你可以使用它来确保所有 popper 元素都定位在正确的位置。
图片源自网络,仅做配文展示
花时间配置 popper 元素似乎并不重要,但这些小事情会使你作为开发人员脱颖而出。它体积小,不占地方。
Math.js
有了这个库,复杂的数学问题就可以在前端浏览器上计算,而不会给后端服务器带来压力;它具有灵活的表达式解析器,支持符号计算,内置大量函数和常量,并提供了一个集成的解决方案来处理不同的数据类型,如数字、大数、复数、分数、单位和矩阵;
图片源自网络,仅做配文展示
功能强大且易于使用~
可以看到,以上分享的库,有的库高达几百 K star,有的库在小 1 K star 徘徊,但也丝毫不影响它们被列在一起。反而,这些体量小的库,能针对解决某一项问题,核心原理奇妙,官网也做得特别精美。
作为开发人员,了解和学会使用正确的 JavaScript 库很重要。它将使你的工作效率更高,并使开发变得更加容易和快捷。最后,你可以根据自己的需要选择哪个库。
还是那句老话:工具选得好,下班下得早;开发工作分两类:写轮子的为一类,用轮子的为一类;写轮子也是从用轮子做起的,因为找不到更适用的轮子,才想自己写一个,分享给大家用;开源万岁!
全球AppleStore将同步直播发布会一起看电影苹果好戏开幕特别活动将在3月25日举行,如果你不想在家自己看发布会,可以找几个朋友前往最近的AppleStore零售店看现场直播。与去年10的布鲁克林发布会一样,苹果用户可以免费预
告别了!高速ETC挪车卡,支付宝向车主扔出强势新技能了!随着科技的不断发展,现在对于车主在用车生活上可是越来越便捷了,高速收费站从人工现金支付到手机支付,如今实现了车牌付的功能,大大提高了通行效率。在挪车上也有了全新的改变,不再怕信息不
京东管理层大换血顶层高管接连离职,刘强东的怒斥与无奈刘强东和他的京东,一路走来都不太顺,有好几次都险些夭折在创业路上,但是历经坎坷,终于走到了国内电商第二把交椅的位置上。在刘强东授权的京东公司传记创京东当中,记录着刘强东这样一个理念
阿里再开一家线上超市阿里何以对超市业务如此重视?文丨中国企业家记者谭宵寒编辑丨齐介仑头图来源被访者供图大数据已透露时代焦虑。目前在洗发水当中,防脱发而不是更滋养防头屑,在总需求中的占比越来越高。列出这
首都机场上线常旅客会员积分系统首都机场股份有限公司推出常旅客会员积分系统,旅客可以通过支付宝和微信两个渠道加入,并实现双渠道同步积分。在目前已开通积分功能的零售餐饮店面,每消费20元即可累计1分,积分有效期长达
OPPOReno真机曝光,骁龙855后置双摄我相信大家都知道,OPPO手机一直都在走精品路线,尤其注重线下市场。不过对于互联网用户来说,大家所希望看到的是硬件配置足够强大的产品,所以今年的OPPO为了迎合市场需求,也开始调整
三大通信运营商的4G规模,现在终于有了确切对比数据!虽说现在的5G概念炒的火热,不过主打市场的,还得以4G网络为主,而且至少在两年之类,5G不会成为主流,同时在5年之内,4G还将继续唱主角。另外从三大通信运营商的近期动态来看,网络建
介绍几个很实用的手机软件1资源搜索器资源搜索器是一个不错的搜索软件,只提供安卓版本。它其实对应的是一个搜索网站,但是这款软件的功能十分强大,首先,它的搜索功能不错,你可以搜索包括影视,学习资料,音乐,小说
新能源专用车将迎来快速发展期近几年,新能源专用车产量爆发式增长,2018年,全国新能源专用车产量超过了11万辆。据统计,2018年共有1246款新能源专用车进入新能源汽车推广应用推荐车型目录,比2017年的9
三星A90曝光前后无开孔,弹出式旋转摄像头很吸睛!新鲜科技谈资,有料数码干货,点击右上角关注我们,不再错过!根据报道,三星印度尼西亚网站曝光了三星A90的摄像头配置。据悉这款新机将首次采用无孔设计,换成弹出式旋转摄像头。了解三星的
华为P30下周见!麒麟980后置四摄,售价5000元起众所周知,华为P30系列将在3月26日于海外发布。随着发布会一天天临近,欧洲经销商们蠢蠢欲动,该系列产品信息已经陆续在意大利荷兰等国家的电商网站上曝光。P30系列究竟有哪些看点?综