作为Prototype用户,我应该注意哪些jQuery烦恼？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

作为测试人员假如给你个项目应该注意哪些？

经过多年的磨练，大概率会遇到自己带领整个项目的测试，还有可能是多个项目的测试工作，那么作为测试从业者在进行项目测试整个生命周期中应该注意哪些事项呢？...一、项目前期准备需求理解与评审深入分析PRD（产品需求文档）、原型图、用户故事等，确保与开发、产品经理对齐需求主动参与需求评审会议，识别需求中的模糊点、矛盾点（如逻辑漏洞、边界未定义）确认需求的优先级和测试范围...协作与沟通跨团队协作每日站会同步测试进展与风险（如进度延迟、重大缺陷）参与技术方案评审（提前发现架构设计中的潜在问题）测试左移与右移左移：在开发阶段介入（如单元测试、接口测试）右移：监控生产环境（日志分析、用户反馈跟踪...项目收尾与总结测试报告输出统计测试覆盖率、缺陷分布（模块/严重程度）、回归测试通过率分析未修复缺陷的风险评估（如延期上线的影响）经验沉淀总结测试过程中的不足（如用例遗漏、环境问题）归档测试文档（用例、报告、工具脚本）供后续迭代参考六、其他注意事项安全性测试...：敏感数据加密、SQL注入/XSS攻击防护验证性能基线：关键接口响应时间、并发用户数承载能力用户体验验证：界面交互友好性、操作流畅度持续学习：关注行业测试新技术（如AI辅助测试、精准测试）测试人员能够更好地管理项目风险

2070 0

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

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

4320 0

您找到你想要的搜索结果了吗？

是的

没有找到

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

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

6732 0

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

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

6313 0

前端开发面试题总结之——JAVASCRIPT.One

= function() { alert(“我是”+this.name+”，我是iPhone5s的"+this.event+"~ haha!")...typeof null //“object” null : 是一个对象(空对象, 没有任何属性和方法)；例如作为函数的参数，表示该函数的参数不是对象；注意：在验证null时，一定要使用　==...// 同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作。...])用一个或多个其他对象来扩展一个对象，返回被扩展的对象 jQuery.fn.extend(object); //对jQuery.prototype进行的扩展，就是为jQuery类添加“成员函数”。...HTTP协议的状态消息都有哪些?(如200、302对应的描述)国内外的JS牛人都知道哪些?

1.3K1 0

深入解析Underscore.js源码架构

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

5423 1

jQuery使用经验建议

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

1.3K4 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.6K2 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.都知道有哪些浏览器内核?开发过的项目都兼容哪些浏览器?

3.1K4 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中面向对象的内容较多，我这里不展开了，有一篇文章专门讲这个问题。

1.1K2 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.6K6 2

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

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

6245 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.7K5 2

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

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

1.3K9 2

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

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

1.2K10 0

前端无法让我冷静

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

3.4K4 0

前端学习资料整理

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

4.1K2 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.6K2 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方法和

9692 0

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

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

9374 1

点击加载更多

作为测试人员假如给你个项目应该注意哪些？

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

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

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

前端开发面试题总结之——JAVASCRIPT.One

深入解析Underscore.js源码架构

jQuery使用经验建议

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

前端面试宝典 v1

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

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

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

前端开发面试题

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

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

前端无法让我冷静

前端学习资料整理

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

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

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

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐