{eval=Array;=+count(Array);}
我现在是做前端开发,分享一下我的经验,如有错误欢迎交流指正。
库的话推荐JQuery,Bootstrap
这两个那么火,那么经久不衰是有原因的,非常适合新手。也能满足大多业务场景的需求。对学习CSS和操作DOM有很好的帮助。
框架是很热门的三足鼎立的Angular2,React,Vue。
前两者一个是Google出品,一个是Facebook出品,都是全球顶级的互联网企业,开发和维护的团队实力毋庸置疑。
相对来说,angular2采用typeScript编写,有效强化了JS弱类型语言的不足,拥有很棒的CLI命令行,集成了方便快捷的构建工具库,给开发带来了极大的便利。(据说ts是以后的趋势?手动滑稽)它适合业务需求复杂,数据处理繁多的场景。目前我所在的公司就在用它。但是它不适合新手,学习成本高。
React用的不多,就不过多评判。
Vue轻量小,适合比较小的业务场景。学习成本低,适合新手。但是它需要自己构建脚手架的设定可能让你一脸懵逼。毕竟轻量级????,按照官方文档还是很容易搭建开发环境的。
我一直觉得读不懂官方API的是不是该考虑换行了?
自动构建工具推荐Webpack,Grunt,Gulp
构建工具,顾名思义就是自己帮你打包,压缩,测试等,直接命令行执行。
压缩混淆工具:Uglify,Yui,GCC
欢迎关注,分享程序员的趣事,干货和心得。
推荐几个不错的插件吧!
JavaScript是一种强大而动态的语言,是ECMAScript语言规范中已经标准化的最强大的解释型语言之一,它与HTML、CSS一道被称为web开发的三大核心技术。即便JavaScript很火,也不是每个人都能熟练掌握JavaScript插件,本文介绍了2017年顶尖的几大插件,看看有你常用的吗?
Lory
Lory是触控式照片滑块的顶级插件之一。与其他可用插件不同,它不使用lightbox效果。相反,此插件可嵌入幻灯片,固定或可变宽度,并可固定到任何容器元素中。
使用此插件非常简单,程序员可使用JavaScript自定义滑动选项。此外,该插件的GitHub页面有巨大的源代码示例和Demo演示,程序员可尝试看看是否符合要求。
Tingle
Tingle是一个广泛使用的插件,它使用基本的CSS转换和一个完全干净的JS选项API进行定制,将模型窗口提升到了一个新的水平。
程序员可以使用不同的功能(包括按钮和嵌入式视频)在其网站上查看演示。此外,可以应用自定义CSS类,附加内部内容甚至使用JavaScript选项开发回调函数。
Jump.js
许多程序员知道如何编写超链接,这有助于用户跳转页面。但是,有多少程序员想自己编写平滑的滚动库呢?答案是否定的。
Jump.js是一个有价值的插件,使用该插件,只需将函数添加调用到任何需要平滑滚动的链接,几分钟之内就可以搞定,基本上无需任何维护。
Plyr
通常,我不建议使用外部的视频播放器。然而,Plyr是一个惊人的插件。这个播放器就像一个带有隐藏字幕的高级界面,播放/暂停和全屏模式都有快捷键。
此外,程序员可以嵌入YouTube / Vimeo的原生HTML5视频或外部视频。它还带有一个自定义音频播放器,可以达到类似的效果而不需要视频窗格。毫无疑问,它是一款运行在HTML5和vanilla JS上的视频/音频媒体播放器,它是完全免费和容易定制的。
Dropzone
DropZone是一个完全免费的拖放式JavaScript库,可用于上传网络上的任何内容。一般来说,拖放是上传表单的常见行为,而它是一个非常受欢迎的功能。
Dropzone在开源网站上有大量的文档。它很受欢迎,并且开箱即用,需要很少的定制,程序员还可使用自己的JS代码来扩展这个库。
baguetteBox.js
baguetteBox.js是最先进的插件,可用于开发具有无限数量图片的可重用lightbox效果。该插件支持移动用户的所有触摸/滑动手势,它完全可响应。
它甚至支持一些额外的功能,包括CSS3过渡效果、图像标题等。此外,这个插件无依赖关系并且开放源代码,非常推荐程序员使用。
Headroom.js
使用Headroom插件,可以定位网站的导航栏,并自动隐藏过去的一些要点。当用户滚动页面时,该插件还会使导航栏重新出现。它轻巧,高性能的JS小部件受到了程序员们的一致欢迎,它使页面能够对用户的滚动及时做出反应。
4
回答0
回答0
回答10
回答0
回答1
回答1
回答0
回答0
回答10
回答