首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

开发者必备的12个JavaScript库

现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计。...有了这些库,开发者们可以节省很多时间,大大提高开发的效率,所以大家赶紧收藏起来吧:) 1) Headroom.js Headroom.js 是个轻量级,高性能的 JS 部件(完全独立,无需任何依赖)...,允许对用户滚动页面的行为做出反应,Headroom.js 的主页顶部就是一个演示示例,当向下滚动,头部就会慢慢退出隐藏起来;当向上滚动,头部又慢慢的显示出来。...Math.js 很强大又易于使用。...如果大家还有补充或者是对以上这些 JavaScript 库有什么使用心得,那么请在评论中与大家分享吧!

2.7K90
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    throttle与debounce的区别

    如你所见,我们使用了trailing参数,因为我们只对用户停止改变浏览器大小时最后一次事件感兴趣。...另一个使用场景是在进行input校验的时候,“你的密码太短”等类似的信息。 如何使用debounce和throttle以及常见的陷阱?...可以自己实现这两个方法或者随便复制别人blog中的实现方法,我的建议是直接使用underscore和lodash中的方法。...我们可以使用rAF API作为throttle方法的替代,考虑一下利弊: 利: 目标60fps(16ms每贞),但是内部使用最优的时间间隔来渲染 使用简单并且是标准API,以后不会变动,不需要维护 弊:...一个更好的例子我是在headroom.js中看到的,这里通过一个对象封装,进行了逻辑解藕。

    2K50

    医疗数字阅片-医学影像-Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。_.throttle(func, , [option

    看下滚动事件的例子: 当使用触控板,滚动滚轮,或者拖拽滚动条的时候,一秒可以轻松触发30次事件。经我的测试,在智能手机上,慢慢滚动一下,一秒可以触发事件100次之多。...看下面 demo: 如你所见,我们为 resize 事件使用了默认的 trailing 选项,因为我们只关心用户停止调整大小后的最终值。...相似的使用场景还有,直到用户输完,才验证输入的正确性,显示错误信息。...我是建议直接使用 underscore 或 Lodash 。如果仅需要 _.debounce 和 _.throttle 方法,可以使用 Lodash 的自定义构建工具,生成一个 2KB 的压缩库。...headroom.js 是个更高级的例子。 结论 使用 debounce,throttle 和 requestAnimationFrame 都可以优化事件处理,三者各不相同,又相辅相成。

    2.4K20

    收藏夹吃灰了:GitHub 上值得收藏的100个精选前端项目

    codrops 一系列具有相当具有创意且有趣的前端效果的集合,是非常棒的学习资料,可以欣赏和下载使用。...文件 recommand star: 5318 stylint 由于 stylus 官方团队并没有实现 .styl 文件检查工具,第三方实现了sytlus文件的代码风格检查工具  star: 296 headroom.js...支持大文件分片并发上传,极大的提高了文件上传效率  star: 6115 headroom.js 是一个轻量级、纯js组件,用来隐藏或展现页面上的元素,为你的页面留下更多展示内容的空间  star: 9905...面向html5开发,使用css3做动画和交互  star: 12196 ionic 先进的html5移动端开发框架,帮助开发者使用HTML5, css和js做出不可思议的hybrid app  star...,文档齐全但用例较少,使用还算方便。

    2.3K30

    GitHub 上100个优质前端项目整理,非常全面!

    recommand star: 5318 ● stylint 由于 stylus 官方团队并没有实现 .styl 文件检查工具,第三方实现了sytlus文件的代码风格检查工具 star: 296 ● headroom.js...支持大文件分片并发上传,极大的提高了文件上传效率 star: 6115 ● headroom.js 是一个轻量级、纯js组件,用来隐藏或展现页面上的元素,为你的页面留下更多展示内容的空间 star:...面向html5开发,使用css3做动画和交互 star: 12196 ● ionic 先进的html5移动端开发框架,帮助开发者使用HTML5, css和js做出不可思议的hybrid app star...nodejs和mongodb开发的社区系统 star: 7699 ● N-chat 使用express和socket搭建的多人聊天室 star: 1001 ● electron 使用js,css...效果很像,文档齐全但用例较少,使用还算方便。

    2.9K21

    Composer 使用使用详解

    可以使用 composer --version 命令查看,如下图: ?...该文件主要是管理包版本使用的,当我们在使用composer update命令时,composer会自动根据composer.json的包版本依赖,生成对应的composer.lock文件,当我们下次在执行...Composer版本约束 在我们使用composer安装包时,不得不考虑的就是一个版本问题,因为不同的版本,存在兼容性问题,因此我们在使用该工具安装包时需要特别的注意包版本,如果使用不当很容易导致项目因为包版本问题瘫痪...你可以定义多个范围,使用空格或者逗号 , 表示逻辑上的与,使用双竖线 || 表示逻辑上的或。其中与的优先级会大于或。...,file.psr-0逐渐的被抛弃了,由于一些老项目还在使用该规则,因此部分项目仍在使用

    3.4K30

    工具使用 | Sqlmap使用详解

    02 工具使用 | Sqlmap使用详解 目录 Sqlmap Sqlmap的简单用法 探测指定URL是否存在SQL注入漏洞 查看数据库的所有用户 查看数据库所有用户名的密码 查看数据库当前用户 判断当前用户是否有管理权限...id=1" --technique T #指定时间延迟注入,这个参数可以指定sqlmap使用的探测技术,默认情况下会测试所有的方式,当然,我们也可以直接手工指定。...第二处交互的地方是说 对于剩下的测试,问我们是否想要使用扩展提供的级别(1)和风险(1)值的“MySQL”的所有测试吗? 我们选择 y。...第二处问我们是否使用sqlmap自带的字典进行爆破,我们选择y,可以看出把密码爆破出来了,root用户的密码也为root。...等级越高,说明探测时使用的payload也越多。其中5级的payload最多,会自动破解出cookie、XFF等头部注入。当然,等级越高,探测的时间也越慢。

    5.9K10

    Memcached使用总结之:使用Pyt

    noreply"特性,该可行可以先出的提高写的速度 使序列化/反序列化更简单 可以将网络异常,memecached错误当成是缓存丢失 安装pymemcache pip install pymemcache 使用...= Client(('localhost', 11211)) client.set('some_key', 'some_value') result = client.get('some_key') 使用...memcache集群 使用一致性HASH算法支持集群 from pymemcache.client.hash import HashClient client = HashClient([('127.0.0.1...”, “add”, “replace”, “append”, “prepend”, and “delete”.操作时是开启的,“cas”, “incr” and “decr”.操作时关闭的 尽可能的使用...get_many以及gets_many操作,来减少round trip的操作实践 使用“ignore_exc” 属性,将网络异常,memecached错误当成是缓存丢失 主要URL: pypi:https

    1.1K30

    何时使用Serverless,何时使用Kubernetes

    我们仍在最后确定幻灯片,但已完成幻灯片,总结了何时使用Kubernetes以及何时使用Serverless。...使用开源Serverless平台OpenWhisk,您也可以使用Docker容器构建功能。...使用Serverless平台,您只需使用云提供商提供的Web工具即可在几分钟内开始使用。 但是,Serverless并不总是比Kubernetes更容易。...使用Kubernetes,您还可以使用pod甚至节点的自动可扩展性,但它需要一些配置并且速度稍慢,因为只有在某些规则适用时才会触发此过程。...例如,在OpenWhisk中,您可以使用Docker容器,这些容器可以运行需要一些时间才能启动的Java应用程序。如果您需要快速可靠的响应时间,则应使用Kubernetes。

    1.7K00

    eigen使用教程_kafka简单使用

    Eigen采用源码的方式提供给用户使用,在使用时只需要包含Eigen的头文件即可进行使用。...如何选择动态矩阵和静态矩阵:对于小矩阵(一般大小小于16)使用固定大小的静态矩阵,它可以带来比较高的效率;对于大矩阵(一般大小大于32)建议使用动态矩阵。...f=74 Eigen用源码的方式提供给用户使用,在使用时只需要包含Eigen的头文件即可进行使用。...之所以采用这种方式,是因为Eigen采用模板方式实现,由于模板函数不支持分离编译,所以只能提供源码而不是动态库的方式供用户使用,不过这也也更方面用户使用和研究。...Eigen对于这问题的答案是:对于小矩阵(一般大小小于16)的使用固定大小的静态矩阵,它可以带来比较高的效率,对于大矩阵(一般大小大于32)建议使用动态矩阵。

    4.2K80
    领券