见标题,知其意。在做网站时候,其实我们会用很多JS库,网络上流行的和公司自己封装的,这些东西都很好用,但是或多或少的有些bug或者有一些缺陷,即使真的很完善,但也可能达不到自己特定的一些需求。所以遇到问题,是很正常的。但是为什么要说是新手遇到问题呢?这就是因为,有些问题,工作几年的攻城狮,轻而易举的就解决了,所以对于他们这些根本不是问题,或者对于他们这些就是私人定制而已。

其实我也是这样走过来的,如果叫我自己完全封装一个非常强悍的JS库,我肯定是没有办法做的,不是因为技术,而是经验不够,因为考虑的需要非常多的因素。就如ORM一样,我们会用非常成熟的,而不会自己去封装。

不说这么多了,下面开始讲讲如何解决我们在生产环境当中遇到问题怎么办?当时我这里也要为大家讲一下前提条件,即准入知识,只有这样大家才有能力去解决问题的。

一、准入知识
a) JQuery&JS

这个两个基本的必须得懂,具体的可以去http://www.w3school.com.cn学习

b) JS面向对象

参见:http://www.cnblogs.com/gaojun/archive/2013/10/24/3386552.html该博主也是参见《JavaScript 高级程序设计》这本说的,所以该博文对面向对象讲的很到位,有些我没有注意到过。

c) JQuery&JS扩展方法的实现

其实大家应该都遇到过,通过前台脚本,去除字符串前后,JQuery和JS,都没有公共的方法,我也不知道是为什么,还说所的就是替换字符串的,尽然默认只替换第一个匹配的。这里也有现成的博文,供大家阅读

JQuery: http://www.cnblogs.com/xcj26/p/3345556.html

JS: http://www.cnblogs.com/kissdodog/p/3386480.html

这两篇文章都很不错,特别是JQuery这篇让我也明白了一些以前不知道的。

这里小小的总结下,请各位读者按照a,b,c的顺序进行知识准备,其实这个就是一个技术的升华,其实这些都没有多难,只是我们以前没有了解过。所以现在我们有必要把知识掌握了方便以后工作当中使用

二、读懂别人的JS库中的代码

这个很重要,你连别人的代码都读不懂,谈什么修改别人的代码或者扩展别人的代码。当时我相信,只要大家达到了准入知识,读一些不是非常复杂的代码,我相信没有多大的我问题。所以掌握基础是关键,来不得半点虚假。

我们读别人的代码要胆大心细,大家都是写程序的,JS库也是人写出来的,其他比我们强,还是要按JS语法来实现,只是比我们写作水平高而已。就如我们高考作文拿不到满分,但是不至于连满分作文都看不懂了吧。要是这样的话我就为你捉急了啊。

三、尝试修改JS库中的代码

终于到了这个环节了,但是我要强调一下,不要轻易去修改网络上流行的代码。这里本来就是将如何修改代码,但是为什么又不要轻易去修改呢?大家不要疑惑,不让修改是考虑到,这些JS库,有非常专业的团队在维护,代码严谨性非常高,如果你改了,很可能影响整个JS库的使用。即使真是一个Bug或者需要个人定制功能,建议重新实现和扩展。这样有利于JS库的升级和自己实现的代码可以独立未获。如果你真的修改了JS库的代码,请记住,一定要记录到文档,否者升级了JS库,你所修改的代码就会被覆盖,你做工作就白费了。通常惯例,也是允许修改库代码的,所以大家要谨记。

这里我就以我在工作当中遇到的一个例子,来给大家讲解。

看到右侧有一个本地保存的提示信息了吧,很多人都想把这个信息给去除,官方也提供的关闭参数,但是无法达到我们预期不提示的效果,但是把自动保存间隔时间设计很长时间,似乎就能达到预期效果,但是这个方法确实是不太合理的。

首先我们是要找到这段提示的出处

通过上图我们看到,其实这个就是一个配置文件,如何使用,我们可以靠猜,首先我们看到这个值对应的键名是success,一看这个,就知道很难找的,但是我们又看到autosave这个节点名称,我们想都不想,这个节点肯定会出现在代码里。我们就拿这个去搜索,看下两张图。

这是我找到最可能是导致提示信息出现的两段代码。我们可以细细读一下这些两段代码,看看各是什么用途

这里提供一个博文:http://www.kissthink.com/archive/--4232.html

这里可以让我们知道,第二张图,其实就是为了让自动保存允许起来,所以我们放到第一张图。

我们发现了这关键字,有没有印象,这个关键字是在哪里见过,对这个就是配置文件里的,我们开始的时候就说,设置间隔时间起效过,设置启用自动保存这个参数却不见作用,这样我们所搜下关键字enableAutoSave,整个库里面都找不到。这个说明这个功能根本没有实现。

我们把这个产生在代码里使用上级可以了。结果如下图:

总结,这里只是为了实现效果,其他地方的代码我没有去深究,但是我想这样修改应该不会影响其他地方。我认为修改别人的代码不能,难的是修改后不会导致新的问题参数。再次强调,不要轻易跟我一样再代码里做修改。如果能找到代码外的实现方式是最好的。

当新手使用JS库遇到问题怎么办的更多相关文章

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

    作者:小爝链接:https://www.zhihu.com/question/30274750/answer/118846177来源:知乎著作权归作者所有,转载请联系作者获得授权. 1,如何编写健壮的 ...

  2. js库

    lanchpad用的js库 http://lesscss.org/ https://github.com/EightMedia/hammer.js/wiki/Getting-Started http: ...

  3. 解决jQuery多个版本,与其他js库冲突方法

    jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. < ...

  4. 协同js库,代码编辑器

    一些协同的js库 Collabedit, Online Code Editor http://collabedit.com/ Stypi, a realtime editor https://www. ...

  5. jQuery与其他JS库共存

    * 事件 * jQuery与其他JS库共存 * 调用jQuery.noConflict()方法 * 表示jQuery将"$"符号的使用权交出 * 通过两种方式将"$&qu ...

  6. 仿照jquery封装一个自己的js库(二)

    本篇为完结篇.主要讲述如何造出轮子的高级特性. 一. css方法的高级操作 先看本文第一部分所讲的dQuery css方法 //css方法 dQuery.prototype.css=function( ...

  7. 仿照jquery封装一个自己的js库(一)

    所谓造轮子的好处就是复习知识点,加深对原版jquery的理解. 本文系笔者学习jquery的笔记,记述一个名为"dQuery"的初级版和缩水版jquery库的实现.主要涉及知识点包 ...

  8. js库写法

    前言: 现在javascript库特别多,其写法各式各样,总结几种我们经常见到的,作为自己知识的积累.而目前版本的 JavaScript 并未提供一种原生的.语言级别的模块化组织模式,而是将模块化的方 ...

  9. jQuery与其他JS库冲突解决

    实际开发中遇到JQuery与其他js库起冲突 究其原因,是它们的全局对象定义冲突了,特别是变量”$”, 可重载$函数.使用jQuery.noConflict()就可以通过重载$函数 例:项目中应用的 ...

随机推荐

  1. OnePy--构建属于自己的量化回测框架

    本文主要记录我构建量化回测系统的学习历程. 被遗弃的项目:Chandlercjy/OnePy_Old 新更新中的项目:Chandlercjy/OnePy 目录 1. 那究竟应该学习哪种编程语言比较好呢 ...

  2. Android studio 使用技巧和问题

    最近更新Android studio版本到1.2.1.1后 出现了一些问题,首先一个就是创建一个项目后,布局文件会提示 找不到类. 网上找了下答案,原来是这个版本的bug. 其实解决起来很简单,找到 ...

  3. (2.7)Mysql之SQL基础——表的操作与查看

    (2.7)Mysql之SQL基础——表的操作与查看 搜索关键字:mysql表操作,comment注释操作,mysql临时表 0.临时表 create temporary table 1.创建表(在in ...

  4. 007-aven-assembly-plugin和maven-jar-plugin打包,java启动命令

    一.需求 打一个zip包,包含如下: bin为程序脚本,启动和停止 lib为依赖包 根目录下为配置文件和项目jar包 二.知识储备 2.1.插件了解 plugin function maven-jar ...

  5. jQuery中on()方法用法实例

    这篇文章主要介绍了jQuery中on()方法用法,实例分析了on()方法的功能.定义及在匹配元素上绑定一个或者多个事件处理函数的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery中on()方法 ...

  6. DOM简介

    什么是DOM? DOM 是 Document Object Model(文档对象模型)的缩写. W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容. ...

  7. Linux文件权限分析

    一.用户组概念  在linux系统中,每个用户必属于一个组,不能独立于组之外.每个文件都有所有者,所在组和其他组这三个概念. (1)所有者:一般为文件的创建者,谁创建了该文件,就成为了该文件的所有者, ...

  8. MySQL · 引擎特性 · InnoDB redo log漫游(转)

    前言 InnoDB 有两块非常重要的日志,一个是undo log,另外一个是redo log,前者用来保证事务的原子性以及InnoDB的MVCC,后者用来保证事务的持久性. 和大多数关系型数据库一样, ...

  9. Django restframwork实现自定义数据格式的分页与搜索

    最近因为在做分页时遇到的问题很多,页浪费了好多时间,所以记录一下.以后如遇到可用省去不必要的麻烦 restframwork中的官方文档对分页和搜索页进行了详细的介绍,但是我公司需要的return的js ...

  10. 08 网络配置、shh服务、bash命令和元字符

    作业一:完成作业未做完的集群架构作业二:临时配置网络(ip,网关,dns)+永久配置 作业三:为集群内的机器设定主机名,利用/etc/hosts文件来解析自己的集群中所有的主机名,相应的,集群的配置应 ...