作为Prototype用户,我应该注意哪些jQuery烦恼？

作为一个专家，我认为您应该注意以下几点：

兼容性问题：jQuery 在不同的浏览器和设备上可能存在兼容性问题，因此在使用 jQuery 时需要注意浏览器的兼容性问题。
性能问题：jQuery 是一个较为庞大的库，可能会导致页面加载速度变慢，因此在使用 jQuery 时需要注意性能问题。
代码可读性问题：jQuery 的语法可能会导致代码可读性变差，因此在使用 jQuery 时需要注意代码可读性问题。
插件问题：jQuery 插件可能会导致兼容性问题、性能问题和代码可读性问题，因此在使用 jQuery 插件时需要注意这些问题。
安全问题：jQuery 可能会导致安全问题，例如跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等，因此在使用 jQuery 时需要注意安全问题。

总之，作为 Prototype 用户，您应该注意以上几点问题，以确保您的应用程序能够正常运行，并且能够满足用户的需求。

相关·内容

面试官：集合使用时应该注意哪些问题？我：应该注意该注意的问题！

我：“肯定学过呀！”，这时候的我自信满满，手撕集合八股文嘛，早已背的滚瓜烂熟了呀。面试官：“那你来讲讲集合使用时，应该注意哪些问题吧” 我：“额，这，我想想哈。”，什么！...这面试官不按套路出牌，上来就问注意事项，打我一个措手不及啊。我：“嗯 ~，我觉得应该注意该注意的问题！” 面试官：“下一位！”...今天，我们结合《阿里巴巴 Java 开发手册》，来对集合日常开发使用过程中的注意事项进行总结，大致可以分为以下几点。...我们在判空的时候需要注意，!=null 要放在&&逻辑与的前面判断，因为，我们首先要保证list的初始化完成，才能去判断集合元素的是否存在，否则会报nullException。...在使用 java.util.stream.Collectors 类的 toMap() 方法转为 Map 集合时，一定要注意当 value 为 null 时会抛 NPE 异常。

650 0

【经验】编写优秀jQuery插件的10个技巧

→[设为星标⭐] 作为一名前端人员，在工作中肯定会用到一些javascript插件，不得不承认，jquery是其中的比较优秀的插件之一，下面我给大家分享一些方法，希望对同学们有些帮助。 1....而方法可能应该放在Prototype方法内部。 (function($) {//code here})(jQuery); 2....使用返回一个元素 JavaScript/jQuery有一个很好的特点就是可以进行方法级联，所以我们不应该破坏这个特性，始终在方法中返回一个元素。我在我的每一个jQuery插件中都遵守这一条。...为什么要设置 Class Prototyping 作为你代码的血与肉，方法和函数应该放在prototype函数内。有两个原因：它可以节省很多内存，因为可以不用重复创建这些方法。...你还想了解哪些知识都可以留言给我。时刻提醒自己不抱怨，多实践，终达成功彼岸！我的座右铭：不能领跑也绝不放弃！

5662 0

面试官真的会问：new的实现以及无new实例化

我在复习javascript函数这块知识时，注意到一个有意思的点，就是构造函数显式return，并由此引发了一波头脑风暴...... 我们知道，如果不做特殊处理，new构造函数时会发生下面这几步。...最后return这个对象 return obj; } 以这四个关键步骤作为指导思想，我们很快就写出了代码实现。...我们也应该知道，new构造函数就是为了创建对象，你return一个字符串之类的普通类型数据是没有任何意义的，所以我们的关注点应该是return一个特殊的对象。请接着往下看。...方法怎么创建一个jQuery对象，做了哪些判断逻辑，这些都不是本文关注的重点。...紧接着翻到2982行，我有了答案： init.prototype = jQuery.fn; ? 妙啊，这一手修改原型指向的操作，完美解决了这个问题。

4863 0

深入解析Underscore.js源码架构

jQuery的方案之前我在另一篇文章从架构入手轻松读懂框架源码：以jQuery，Zepto，Vue和lodash-es为例中详细讲解了jQuery是怎么实现不用new就返回一个实例的。...另外还模仿jQuery的这种方案实现了我自己的一个工具库：学以致用：手把手教你撸一个工具库并打包发布，顺便解决JS小数计算不准问题。...这里贴一段我工具库文章的代码简单回顾下这种方案： // 首先创建一个fc的函数，我们最终要返回的其实就是一个fc的实例 // 但是我们又不想让用户new，那么麻烦 // 所以我们要在构造函数里面给他new...同时支持静态方法和实例方法用过Underscore的朋友应该有注意到，对于同一个方法来说，Underscore既支持作为静态方法调用，也支持作为实例方法调用，下面是官方的例子： _.map([1, 2...这个依据在Underscore里面是要用户给的，也就是显式调用chain方法。

4123 1

jQuery使用经验建议

在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以复制并粘贴大部分的代码结构，只要专注最主要的逻辑代码就行了。 ...而方法可能应该放在Prototype方法内部，我们后面会讲到这一点。...使用返回一个元素 JavaScript/jQuery有一个很好的特点就是可以进行方法级联，所以我们不应该破坏这个特性，始终在方法中返回一个元素。我在我的每一个jQuery插件中都遵守这一条。...为什么要设置 Class Prototyping 作为你代码的血与肉，方法和函数应该放在prototype函数内。有两个原因： ▲它可以节省很多内存，因为可以不用重复创建这些方法。...需要注意的是， Canvas.prototype = { generate: function() { //some code

1.1K4 0

从架构入手轻松读懂框架源码：以jQuery，Zepto，Vue和lodash-es为例

，这个实例对象又作为返回值被jQuery方法返回出去了，成为了我们平时调用$('selector')所拿到的返回值。...原来在jQuery.fn.init函数定义下面我们还发现了一行代码： ? 这行代码将jQuery.fn也就是jQuery.prototype又赋值给了jQuery.fn.init.prototype。...Zepto是一个跟jQuery很类似的框架，架构也是类似的，我们完全可以按照前面jQuery的思路整理出他的架构。具体流程我就不写了，大家可以根据实例化流程图梳理出来，下面画出我整理的结构图。 ?...所以这个这个extend如果要拿来做扩展，应该这么写： ;(function($){ $.extend($.fn, { foo: function(){ // `this` refers...建造者模式：Vue 2.0 建造者模式暴露出来的是一个类，而不是一个工厂，使用的时候需要用户new一个实例出来。

1.5K2 0

前端面试宝典 v1

怎么实例化这个类严格来讲js中并没有类的概念，不过js中的函数可以作为构造函数来使用，通过new来实例化，其实函数本身也是一个对象。 48、JavaScript中的作用域与变量声明提升？...function clone(proto) { 　　function Dummy() { } 　　Dummy.prototype = proto; 　　Dummy.prototype.constructor...常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？使用率较高的框架有jQuery、YUI、Prototype、Dojo、Ext.js、Mootools等。尤其是jQuery，超过91%。...因为我想去阿里，所以我针对阿里的说最羡慕就是在双十一购物节，350.19亿元，每分钟支付79万笔。海量数据，居然无一漏单、无一故障。太厉害了。 17....其它相关的加分项： 1.都使用和了解过哪些编辑器?都使用和了解过哪些日常工具? 2.都知道有哪些浏览器内核?开发过的项目都兼容哪些浏览器?

2.4K4 1

不知道怎么封装代码？看看这几种设计模式吧！

new jQuery.fn.init(selector); // new一下init, init才是真正的构造函数 } jQuery.fn = jQuery.prototype;...// jQuery.fn就是jQuery.prototype的简写 jQuery.fn.init = function(selector) { // 这里面实现真正的构造函数 }...// 让init和jQuery的原型指向同一个对象，便于挂载实例方法 jQuery.fn.init.prototype = jQuery.fn; // 最后将jQuery挂载到window...= new Parent(); Child.prototype.constructor = Child; // 注意重置constructor const obj = new Child(...__proto__的指向父类的prototype，从而获取父类的方法和属性。JS中面向对象的内容较多，我这里不展开了，有一篇文章专门讲这个问题。

9612 0

轻松理解JS中的面向对象，顺便搞懂prototype和proto

在讲这个之前我们先来说说类，了解面向对象的朋友应该都知道，如果我要定义一个通用的类型我可以使用类(class)。...下面我们来看看JS为了支持面向对象需要解决哪些问题，都用了什么曲折的方式来解决。没有class，用函数代替首先JS连class关键字都没有，怎么办呢？...这两种方法在jQuery中有大量应用，在jQuery中(selector)其实拿到的就是实例对象，通过(selector)进行操作的方法就是实例方法。...() {} Child.prototype = new Parent(); Child.prototype.constructor = Child; // 注意重置constructor...总结最后来个总结，其实前面小节的标题就是核心了，我们再来总结下： JS中的函数可以作为函数使用，也可以作为类使用作为类使用的函数实例化时需要使用new 为了让函数具有类的功能，函数都具有prototype

2.4K6 2

以后有机会写框架用得着的

一个框架应该包含哪些内容？ 1....实际上，自己想象的扩展远不如W3C的设计，比如如果你能更完整地实现XPath，你就能比JQuery做的更好。 4....尊重语言尊重用户编写框架应该尊重依赖的语言环境，在对原有的元素修改之前，首先应该考虑到原来的合理性，任何语言的原生环境提供的都是经过了精心设计的，在任何修改之前，至少应该考虑这几点：效率、命名规范、...编写框架也应该尊重用户的所有习惯，将编写者的喜好强加给使用者并不是框架应该做的事情。框架应该保证大部分在没有框架环境下能运行的代码都能在框架下正常工作，这样用户不必为了使用你的框架而修改原有的代码。...捎带一提prototype中的$实在是非常糟糕的设计，无法想象$出现的目的仅仅是为了让使用者少写几个字母。这种事情应该交给你的用户在局部代码中使用。

5195 0

JS框架设计之命名空间设计一种子模块

命名空间 1、种子模块作为一个框架的最开始,除了负责初始化框架的最基础部分。 2、种子模块作为框架的最开始,那么什么是种子框架的最开始呢?...,在Prototype的基础上 ,而且有点渊源的插件几乎都和Prototype有关,mootools是Prototype的升级版,更加的oo,全面复制其API,Base则想修复IE的bug,让IE拥有标准浏览器的...,所以他的命名空间是一个函数,方便用户把css选择器字符串传进来,然后通过选择器引擎进行查找,最后返回一个jQuery实例。...7、jQuery(命名空间)多库共存问题因为jQuery最初也是非常弱小的,它想人家使用自己的框架,他也想Prototype那样使用$符作为命名空间。...所以通过noConflict()这个方法实现了多库共存问题的解决,具体参考本人jQuery多库共存解决方案注意:这个方案只解决单文件js类库框架的多库共存问题,向EXT这类多文件js类库并不能解决

1K10 0

前端开发面试题

回答问题再棒，面试官（可能是你面试职位的直接领导），会考虑我要不要这个人做我的同事？所以态度很重要、除了能做事，还要会做人。...，无论工作年头长短都应该掌握的知识点：此条由王子墨发表在攻城师的实验室 1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。...table 此元素会作为块级表格来显示。 inherit 规定应该从父元素继承 display 属性的值。...jquery.extend 为jquery类添加类方法，可以理解为添加静态方法 jquery.fn.extend: 源码中jquery.fn = jquery.prototype，所以对jquery.fn...jQuery 的队列是如何实现的？队列可以用在哪些地方？谈一下Jquery中的bind(),live(),delegate(),on()的区别？

5.1K5 2

前端无法让我冷静

请注意，从技术上讲，标签并不会在网页中插入图像，而是从网页上链接图像。标签创建的是被引用图像的占位空间。...XSS 指的是：黑客通过 “HTML 注入 ” 篡改网页，插入恶意脚本，从而在用户浏览网页时，控制用户浏览器的一种攻击。 CSRF了解吗？...null表示"没有对象"，即该处不应该有值。 undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。...变量类型检测的方法有哪些判断数据类型共有四种方法： 1.typeof 2.instanceof 3.constructor 4.Object.prototype.toString.call 谈谈对原型链的理解...Vue 有哪些指令？

2.5K4 0

十三、jQuery过时的今天，你还会使用它吗

如果你能够从中看明白jquery是如何一步步被取代的，那么，我想你的收益远不止学会使用了一个库那么简单。因此，我的态度是，项目中你可以不用，但是我仍然建议你学。...在代码中可以看到，jQuery自身对于原型的处理使用了一些巧妙的方式，比如jQuery.fn = jQuery.prototype，jQuery.fn.init.prototype = jQuery.fn...jQuery.fn = jQuery.prototype = { init: {} } 之后又将init的原型，指向了jQuery.prototype。...注意：许多对jQuery内部实现不太了解的盆友，常常会毫无节制使用$()，比如对于同一个元素的不同操作： var width = parseInt($('#test').css('width')); if...传入的参数options为一个key: value模式的对象，我通过for in遍历options，将key作为jQuery的新属性，value作为该新属性所对应的新方法，分别添加到jQuery方法和jQuery.fn

1.4K2 0

基础 | 详细图解jQuery对象，以及如何扩展jQuery插件

我们在代码中可以看到，jQuery自身对于原型的处理使用了一些巧妙的语法，比如jQuery.fn = jQuery.prototype，jQuery.fn.init.prototype = jQuery.fn...对象封装分析在上面的实现中，代码首先在jQuery构造函数中声明了一个fn属性，并将其指向了原型jQuery.prototype。并在原型中添加了init方法。...之后又将init的原型，指向了jQuery.prototype。而在构造函数jQuery中，返回了init的实例对象。最后对外暴露入口时，将字符$与jQuery对等起来。...注意：许多对jQuery内部实现不太了解的盆友，在使用jQuery时常常会毫无节制使用$()，比如对于同一个元素的不同操作：通过我们上面的一系列分析，我们知道每当我们执行$()时，就会重新生成一个init...传入的参数options对象为一个key: value模式的对象，我通过for in遍历options，将key作为jQuery的新属性，value作为该新属性所对应的新方法，分别添加到jQuery方法和

6232 0

前端学习笔记—JavaScript和jQuery

函数在 JavaScript 中是第一类公民（first-class citizen），它们可以被赋值给变量、作为参数传递给其他函数，甚至可以在他函数中作为返回值返回。...JavaScript分为函数对象和普通对象，每个对象都有proto属性，但是只有函数对象才有prototype属性，prototype属性就是函数的原型对象。...注意：所有对象都有一个内部[[Prototype]]链接，但proto属性是一个非标准的、在某些环境中可用的方式来访问这个链接。...需要注意的是 ancestor descendant与 parent>child 选择的元素集合是不同的，前者的层次关系是且先与后代，而后者是父子关系;另外prev+next可以使用.next0)函数代替...(属性名，属性值)设置更改任意属性值，value和text属性值推荐可以通过函数(选择器).val(值)和(选择器).text(值)设置 $(选择器).append("我动态添加的 div<

1211 0

【深入浅出jQuery】源码浅析--整体架构

系列第二篇：【深入浅出jQuery】源码浅析2--奇技淫巧网上已经有很多解读 jQuery 源码的文章了，作为系列开篇的第一篇，思前想去起了个【深入浅出jQuery】的标题，资历尚浅，无法对 jQuery...) 所以读源码的时候，很重要的一点是结合 jQuery API 进行阅读，去了解方法重载了多少种功能，同时我想说的是，jQuery 源码有些方法的实现特别长且繁琐，因为 jQuery 本身作为一个通用性特别强的框架...，也应该适度学习理解，适可而止。 ...的静态方法 return target; }; 需要注意的是这一句 jQuery.extend = jQuery.fn.extend = function() {} ，也就是 jQuery.extend...其他用 $ 作为别名的库的代码结束语对 jQuery 整体架构的一些解析就到这里，下一篇将会剖析一下 jQuery 中的一些优化小技巧，一些对编程有所提高的地方。

6544 1

前端学习资料整理

内部函数内部函数的 this 也绑定全局对象，应该绑定到其外层函数对应的对象上，这是 JavaScript的缺陷，用that替换。作为构造函数使用，this 绑定到新创建的对象。...，无论工作年头长短都应该掌握的知识点：此条由王子墨发表在攻城师的实验室 1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。...SASS (SASS、LESS没有本质区别，只因为团队前端都是用的SASS) CSS优化、提高性能的方法有哪些？浏览器是怎样解析CSS选择器的？在网页中的应该使用奇数还是偶数的字体？...jQuery 的队列是如何实现的？队列可以用在哪些地方？谈一下Jquery中的bind(),live(),delegate(),on()的区别？...9，给选择器一个上下文 10，慎用 .live()方法（应该说尽量不要使用） Jquery与jQuery UI 有啥区别？

3.5K2 0

【深入浅出jQuery】源码浅析2--奇技淫巧

我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuery v1.10.2 源码注解。...即便你不想去阅读源码，看看下面的总结，我想对提高编程能力，转换思维方式都大有裨益，废话少说，进入正题。短路表达式与多重短路表达式短路表达式这个应该人所皆知了。...短路表达式：作为"&&"和"||"操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。这是这两个操作符的一个重要属性。...在细节上做的真的很好，这里首先定义了一个对象变量、一个字符串变量、数组变量，要注意这 3 个变量本身在下文是有自己的用途的（可以看到，jQuery 作者惜字如金，真的是去压榨每一个变量的作用，使其作用最大化...虽然方法的链式调用是非常普遍的，你可以很容易地在你的代码中实现，但是处理参数却不同，使用者可能传入各种奇怪的参数类型，而 jQuery 作者想的真的很周到，考虑了用户的多种使用场景，提供了多种对参数的处理

1K9 2

解决ASP.NET中的各种乱码问题

经常发现有人被乱码困扰着，而我感觉比较幸运，很少为此烦恼过。在这篇博客中，我将把我想到的一些与乱码有关的经验总结出来，供大家参考。...== "string") { // 注意下面这个调用 s.data = jQuery.param( s.data, s.traditional ); } 再来看jQuery.param...我们应该注意JQuery对数据的处理方式：encodeURIComponent(key) + "=" + encodeURIComponent(value); JQuery在最后还把%20还替换成 +...在WEB开发领域，我想大家对JQuery的权威应该不用怀疑吧？所以我认为JQuery的方法肯定是正确的。...如果你还为乱码问题而烦恼，我建议你先想想你是否选择了不正确的编码（方法）。点击此处下载示例代码感谢您的阅读，如果您对我的博客所讲述的内容有兴趣，请继续关注我的后续博客，我是Fish Li 。

2.8K6 2

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云