如何全新学习一个JS库的使用?

  在实际的项目开发过程中,对于前端开发人员,一般都是遵照项目架构中的实现技术来做相关业务的开发,但是对于一些新功能的实现就需要新的解决方案来实现,在此就缺少不了对于新技术的学习,怎样从小白到熟练掌握一个全新的JS库的使用流程,在此做个小总结:

  1,在官网网站中或者Github中下载库文件,参照实例或者文档介绍实例化简单的雏形

  2,阅读文档更进一步结合业务需求找到实现方法,了解插件中包含的属性和方法,当然在寻找是否具有某些属性和方法之前,可以先思考业务流程中可能需要的属性和方法

  3,在JS宿主环境中合理使用控制台打印出实例对象,对象结构中一般都会包含目前版本支持的属性和方法,然后再结合文档介绍,获得使用方法

  4,将获取到的解决方案整合到项目业务中,实现业务需求,包括数据的记录,提交服务器保存等

  5,根据文档介绍验证在不同浏览器中的支持情况,做简单的测试,验证数据是否正确,合理,并在必要时调整代码

  6,必要的时候将插件学习到应用的经验做一定的总结,让自己更加深入的了解

时间: 2024-10-10 13:37:31

如何全新学习一个JS库的使用?的相关文章

【转载】写一个js库需要怎样的知识储备和技术程度?

作者:小爝链接:https://www.zhihu.com/question/30274750/answer/118846177来源:知乎著作权归作者所有,转载请联系作者获得授权. 1,如何编写健壮的javascript代码,鲁棒性,简单总结几条我觉得是常识的事:1.1 一个javascript库最好的实现方式是占用最少的命名空间,比如window对象上或者global对象上只占用一个引用.1.2 健壮的js程序对输入都会有完善的类型检查和异常处理,边界值的判断.1.3 对js的几种继承方式要足

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

js库编写的环境和准备工作

在编写一个js库之前需要准备许多基础知识. 本人在编写之前主要参考了visjs和百度的echarts这两个库的部分内容,这之中提取出几个要点如下: 1.如何整理代码结构,使模块与模块分开又不至于出现调用困难的现象? 首先讲一下上面两个参考的库使用的方法,visjs是一个相对较小的开源库,目前已经更新了很多个版本,但是最具参考意义的应该是0.0.9版,因为之后的版本增删改太多,命名方式也改的很奇葩,基本看不懂,读者可以从github上下载历史版本.他的代码整理工具用的是nodejs,通过一个生成方

自己写js库,怎么支持AMD

最近我打算把之前做项目写的一些工具集成到一个js库中,但是库既要在普通环境正常运行,又要在AMD环境下不暴露全局变量.一时间挺头疼的.随即我参考了一些现在流行的库的源码.学着写了一下,感觉还不错. 既然要支持AMD,那么我们需要选择一款AMD的模块加载器,这里我使用requireJS. 至于库我使用的是我最近写的一个小工具库 mTools, gitHub地址:  https://github.com/grARM/mTools  .那我们开始吧. 一.判断环境 我要实现的效果是在一般环境暴露一个全

优雅的创建一个JavaScript库

这篇文章的目的是通过演示一个简单的例子来介绍在JS中实例化和定义一个库的正确方法,以优化他人编写或维护自己的JS库. 在我们深入之前,我做了两点假设: 你知道简单的JavaScript或C语言. 你不打算使用jQuery.通常情况下,一个JavaScript库不需要任何依赖. 首先,我遇到了第一个麻烦,即如何正确的看待一个JavaScript库.在C/C++中,一个库是功能的集合,并且通常不需要很完美的结构.而JavaScript的工作方式有所不同,因此我做了一些研究.最后的结论是,一个Java

近期写js库中遇到的一个判别的问题

最近在写一个自己的js库,正写到数组包,在里面定义了一个排序,只对纯数字数据进行排序的方法,但是在测试的时候发现一个很诡异的问题,那就是传入一个对象的时候,它没有返回erroemsg而是返回了对象,上代码: 1 array.sort=function(a){//only for num 2 try{ 3 4 if(!a.some(function(x){return(typeof("string"))})){ 5 var max=a.length-1; 6 7 for(var j=0;

Numeral.js 是一个用于格式化和数字四则运算的js 库

1.Numeral.js 是一个用于格式化和数字四则运算的js 库. 2.支持多种语言,包含中文在内的17种语言. 在浏览器中引用js文件: <script src="numeral.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script> 在nodejs开发引用开

impress.js 一个创建在线幻灯的js库

真的好奇怪,我居然会写前端技术的博客.没有办法的,最近实习,看的大多是前端.所以今天就用这个来练练手了. Impress.js 是一个非常棒的用来创建在线演示的Javascript库.它基于CSS3转 换和过渡.工作于现代浏览器(Google Chrome.Safari.Firefox 10 或 IE10).并受prezi.com的理念启发的演示工具.如果你已经厌烦了使用PowerPoint制作PPT,那么impress.js是一个非常 好的选择,用它做的PPT更加直观,效果也非常不错.在线De

移动端JS库

今天整理下移动端的js库,然后闷头研究一种好了. 从别的地扒下来的,笔记. 1. jQuery Mobile jQuery Mobile快速开发出支持多种移动设备的Mobile应用用户界面.它是当前最流行的移动开发框架. jQuery Mobile给主流移动平台带来jQuery核心库,会发布一个完整统一的jQuery移动UI框架.用jQuery Mobile为移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用. 假如你不熟悉jQuery,可以选择 MooTools Mobil