jQuery优化/最佳实践 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery最佳实践

上周，我整理了《jQuery设计思想》。那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。...============================================== jQuery最佳实践阮一峰整理 ? 1....（1）最快的选择器：id选择器和元素标签选择器举例来说，下面的语句性能最佳：　　$('#id') 　　$('form') 　　$('input') 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...所以，最佳选择是$parent.find('.child')。而且，由于$parent往往在前面的操作已经生成，jQuery会进行缓存，所以进一步加快了执行速度。具体的例子和比较结果，请看这里。...所以，尽量少生成jQuery对象。举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。

2.3K6 0

jQuery最佳实践

jQuery最佳实践阮一峰整理 1. 使用最新版本的jQuery jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。...（1）最快的选择器：id选择器和元素标签选择器举例来说，下面的语句性能最佳： $('#id') $('form') $('input') 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...所以，最佳选择是$parent.find('.child')。而且，由于$parent往往在前面的操作已经生成，jQuery会进行缓存，所以进一步加快了执行速度。具体的例子和比较结果，请看这里。...不要过度使用jQuery jQuery速度再快，也无法与原生的javascript方法相比。所以有原生方法可以使用的场合，尽量避免使用jQuery。...所以，尽量少生成jQuery对象。举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。

1.7K2 0

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

是的

没有找到

jQuery最佳实践

使用最新版本的jQuery jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。...（1）最快的选择器：id选择器和元素标签选择器举例来说，下面的语句性能最佳：　　$(‘#id’) 　　$(‘form’) 　　$(‘input’) 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...所以，最佳选择是$parent.find(‘.child’)。而且，由于$parent往往在前面的操作已经生成，jQuery会进行缓存，所以进一步加快了执行速度。具体的例子和比较结果，请看这里。...不要过度使用jQuery jQuery速度再快，也无法与原生的javascript方法相比。所以有原生方法可以使用的场合，尽量避免使用jQuery。...所以，尽量少生成jQuery对象。举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。

1.1K3 0

jQuery 最佳实践（译）

原文 http://shichuan.github.io/javascript-patterns/#jquery-patterns 重复查询通过链式写法来避免重复查询。...具体的选择器放右边，不具体的写左边 //不推荐 $('div.data .brad') // 推荐 $('.data td.brad') jQuery的选择器是Sizzle是下向上来找匹配的元素的。...var arms = $('.data table.attendees td.brad'); // 推荐 var arms = $('.data td.brad'); 发布订阅使用.on和.off 使用jQuery...1.7的$.Callbacks()特性使用jQuery UI的$.Observable 第三方组件推荐朴灵的eventproxy

1.2K3 0

雅虎优化最佳实践

毕竟对于前端来说，优化是躲不开的主题。...不过这些只对于有缓存的情况有优化，初次访问还是没影响。打包组件从http1.1开始，接受http请求中包含Accept-Encoding属性，一般使用gzip。...（有一个想法，可否在此基础上更优化点？就如果这个页面用到某js文件。然后更新了js文件中的a方法，但是页面没用到a方法，所以这个页面仍然不更新缓存）（这里提一下webpack的hash。...前面一些文件的优化方法也适用于response。如gzip压缩内容，减少DNS查询，压缩js，避免重定向，设置ETags。...优化雪碧图雪碧图里横排会比竖着排使文件更小，组合近似的颜色也能使整个颜色数较小。记得对移动端优化，并且尽量减少空隙，因为空隙大小虽然不太影响文件大小，但是对可用内存要求很高。

1.9K2 0

jQuery的编码标准和最佳实践

加载jQuery 1. 尽量在页面上使用CDN来加载jQuery。.../jquery.min.js"> window.jQuery || document.write('jquery-1.11.0.min.js...当你加载来自CDN上的jQuery时，你要指定你要加载的jQuery的完整版本号(像　　1.11.0不要写成1.11或者1)。不要加载多个不同版本的jQuery。 6. ...jQuery的变量 1. 所有用来存储/缓存jQuery对象的变量的名字应该有一个前缀$。 2. 在变量中缓存jQuery选择器返回的内容以便重用。...检测所用插件与当前使用的jQuery版本是否兼容。 3. 一些常用功能应该写成jQuery插件。jQuery插件模板例子链式语法 1. 使用链式语法作为替代变量缓存和多个选择器调用。

1.5K2 0

优化| APK瘦身最佳实践

那么我们就可以针对下面的三个组成部分，采取逐个击破的方式，达到缩减APK体积的目的： Java代码资源文件 Native Code 其他 Java代码我们可以使用Proguard，在编译时对Java代码进行混淆，优化和压缩...图片压缩对于资源文件的优化，其实占大头的还是图片。Android打包本身会对png进行无损压缩，在不那么影响图片显示效果的情况下，对图片进行有损压缩对apk体积的减小还是非常可观的。

1.3K3 0

Android 性能优化最佳实践

2、绘制优化我们把布局优化了，但是和布局息息相关的还有绘制，这是直接影响显示的两个根本因素。...View 的绘制频率保证 60fps 是最佳的，这就要求每帧绘制时间不超过 16ms(16ms = 1000/60)，虽然程序很难保证 16ms 这个时间，但是尽量降低 onDraw 方法中的复杂度总是切实有效的...谷歌在耗电优化这方面确实显得有些无力，希望以后可以退出更好的工具和解决方案，不然这方面的优化优先级还是很低。付出和回报所差太大。...7、 ListView 和 Bitmap 优化针对 ListView 优化，主要是合理使用 ViewHolder。...所以响应速度优化的核心思想是避免在主线程中做耗时操作，把耗时操作异步处理。 9、线程优化线程优化的思想是采用线程池，避免在程序中存在大量的 Thread。

1.8K1 0

IntelliJ IDEA 内存优化最佳实践

IntelliJ IDEA 内存优化最佳实践技术分享第3张 ?...IntelliJ IDEA 内存优化最佳实践技术分享第5张在这个测试用例下，差异还是非常明显的，复杂设置表现最佳，而默认设置仍旧输给了其他两种设置。...IntelliJ IDEA 内存优化最佳实践技术分享第6张 ?...IntelliJ IDEA 内存优化最佳实践技术分享第9张 ?...IntelliJ IDEA 内存优化最佳实践技术分享第10张从上图可以看出，三者之间的差异不大，但是 Big 配置下的 Full GC 执行时间最快。

7262 0

IntelliJ IDEA内存优化最佳实践

目标笔者的计划是，在一个接近日常开发项目的场景下（加载一个大项目、加载2、3个微服务、git pull 后刷新大项目），测试各个设置带来的效果，并选出内存消耗和速度都达到最优时的最佳设置。...在这个测试用例下，差异还是非常明显的，复杂设置表现最佳，而默认设置仍旧输给了其他两种设置。...笔者认为，在大多数情况下，把 Xmx 值设置在 2G 和 3G 之间是最佳的。如果你有更多的时间可以用 jstat 和 jvisualm 检查用不同的 JVM 设置如何影响性能和内存占用。

1.7K3 0

IntelliJ IDEA 内存优化最佳实践

IntelliJ IDEA 内存优化最佳实践技术分享第3张 ?...IntelliJ IDEA 内存优化最佳实践技术分享第5张在这个测试用例下，差异还是非常明显的，复杂设置表现最佳，而默认设置仍旧输给了其他两种设置。...IntelliJ IDEA 内存优化最佳实践技术分享第6张 ?...IntelliJ IDEA 内存优化最佳实践技术分享第9张 ?...IntelliJ IDEA 内存优化最佳实践技术分享第10张从上图可以看出，三者之间的差异不大，但是 Big 配置下的 Full GC 执行时间最快。

2.9K8 1

Kafka 的 20 项最佳优化实践

为了减少上述复杂性，我在此分享New Relic公司为Kafka集群在应对高吞吐量方面的20项最佳实践。...要了解各种最佳实践，您需要首先熟悉如下关键术语： Message(消息)：Kafka中的一条记录或数据单位。每条消息都有一个键和对应的一个值，有时还会有可选的消息头。...针对 Consumers 的最佳实践 3、如果 Consumers 运行的是比 Kafka 0.10 还要旧的版本，那么请马上升级在 0.8.x 版中，Consumer 使用 Apache ZooKeeper...针对 Producers 的最佳实践 7、配置 Producer，以等待各种确认籍此 Producer 能够获知消息是否真正被发送到了 Broker 的分区上。...10、检测应用程序，以跟踪诸如生成的消息数、平均消息大小、以及已使用的消息数等指标针对 Brokers 的最佳实践 11、在各个 Brokers 上，请压缩 Topics 所需的内存和 CPU 资源。

2.4K3 0

Elasticsearch最佳实践之日志场景优化

幸运的是，Elasticsearch提供非常灵活的模板配置能力，用户可以按需进行优化。...日志场景调优对于Elasticsearch的通用调优，之前分享的文章Elasticsearch调优实践，详细介绍了Elasticsearch在性能、稳定性方面的调优经验。...而对于日志场景，不同的场景使用方式差别较大，这里主要介绍常见使用方式下，性能和成本的优化思路。...对于此类场景，用户可跳过数据清洗阶段，并参考如下方式进行优化：打开最优压缩，一般可降低40%存储。...小结日志的使用方式比较灵活，本文结合常见的客户使用方式，从整体上对性能、成本进行优化。用户也可结合自身业务场景，参考文章Elasticsearch调优实践进行更细致的优化。

7.1K2 0

HBase最佳实践－读性能优化策略

而对于写吞吐量太低以及读延迟太大的优化问题，笔者也和很多朋友进行过探讨，这篇文章就以读延迟优化为核心内容展开，具体分析HBase进行读延迟优化的那些套路，以及这些套路之后的具体原理。...下图是对读优化思路的一点总结，主要分为四个方面：客户端优化、服务器端优化、列族设计优化以及HDFS相关优化，下面每一个小点都会按照场景分类，文章最后进行归纳总结。下面分别进行详细讲解： ?...优化建议：使用批量get进行读取请求 3. 请求是否可以显示指定列族或者列？优化原理：HBase是典型的列族数据库，意味着同一列族的数据存储在一起，不同列族的数据分开存储在不同的目录下。...优化原理：数据本地率太低很显然会产生大量的跨网络IO请求，必然会导致读请求延迟较高，因此提高数据本地率可以有效优化随机读性能。...HBase读性能优化总结性能优化是任何一个系统都会遇到的话题，每个系统也都有自己的优化方式。 HBase作为分布式KV数据库，优化点又格外不同，更多得融入了分布式特性以及存储系统优化特性。

2.8K6 0

谷歌关键词优化最佳实践

什么方法是谷歌关键词优化最好的？当我们面对着一个关键字列表，谷歌关键词排名优化怎么做效果好？要优化的关键词怎么放在网站才合适？...网页要有关键词的地方谷歌关键词优化最佳实践：网页要求有目标优化关键词网页要有关键词的地方： urls title标签 heading标签 description标签 body内容网站内部链接要使用关键词...站内优化：在自己的网站进行优化，页面优化，内链建设，内容优化。站外优化：从其它网站链接到你的网站，主要表现形式是外链。 ?...在内容页面带上正在优化的关键字按照关键词列表中的逐个去做优化竞争激烈的关键词优化方法如果优化的关键词竞争很激烈，例如我们做装修公司关键词优化，方法如下：一、优化地域具体到城市在某些情况下...在离开谷歌关键词优化最佳实践前总结 SEO对于有些公司是非常容易，对于有些公司是非常难，比如婚庆，装修，中介，代办，房产等等。

7402 0

网站图片优化技巧及最佳实践

然而，过大或未经优化的图片可能会导致网站加载速度变慢，影响用户体验，甚至降低搜索引擎排名。因此，优化网站图片成为了一个必不可少的任务。本文将介绍一些关于如何优化网站图片的有效策略。...这样可以减少初始页面加载时间，并优化用户体验。通过使用JavaScript库或框架，可以轻松地实现懒加载功能。...优化图片文件名和ALT文本为图片选择有意义的文件名，并为每张图片添加准确描述的ALT文本。这对于搜索引擎优化和无障碍性非常重要。...总结通过选择适当的图片格式、压缩文件大小、调整尺寸和分辨率、使用懒加载技术、利用CDN加速加载、优化文件名和ALT文本以及避免过多使用图片，可以有效地优化网站图片。...记住，在优化图片时要平衡文件大小和视觉质量，以确保图片在不影响用户体验的情况下能够有效传达信息。

7791 0

Flutter 应用性能优化最佳实践

所以你只需要避开常见的陷阱，就可以获得优异的性能，而不需要使用复杂的分析工具对细节做优化。这些最佳建议将ben 1. 最佳实践如何设计一个能最有效地渲染页面的 Flutter 应用程序？...这种技术在框架内部大量使用，用于优化动画不影响子树的动画。请参阅 TransitionBuilder 模式和使用此原则的 SlideTransition，以避免在动画过程中重建其后代 Widget。

2.8K2 0

Elasticsearch最佳实践之日志场景优化

幸运的是，Elasticsearch提供非常灵活的模板配置能力，用户可以按需进行优化。...日志场景调优对于Elasticsearch的通用调优，之前分享的文章Elasticsearch调优实践，详细介绍了Elasticsearch在性能、稳定性方面的调优经验。...而对于日志场景，不同的场景使用方式差别较大，这里主要介绍常见使用方式下，性能和成本的优化思路。...对于此类场景，用户可跳过数据清洗阶段，并参考如下方式进行优化：打开最优压缩，一般可降低40%存储。...小结日志的使用方式比较灵活，本文结合常见的客户使用方式，从整体上对性能、成本进行优化。用户也可结合自身业务场景，参考文章Elasticsearch调优实践进行更细致的优化。

8.4K0 0

Elasticsearch最佳实践之分片使用优化

分片分配流程优化默认情况下，ES在分配分片时会考虑分片relocation对磁盘空间的影响。在分片数较少时，这个优化处理的副作用不明显。...但随着单机分片数量的上升，这个优化处理涉及的多层循环嵌套过程耗时愈发明显。...这是我们后续在分片使用方面的优化工作，通过直接优化分片均衡策略，更优雅的解决上述问题。如果大家有分片使用方面的问题或经验，欢迎一起交流讨论！

4.4K2 0

最佳实践 | 作业帮云原生成本优化实践

常见的成本优化点按照架构层次从上往下，依次是以下几个方面。应用性能有待提升对于企业主流使用的语言，如PHP、Golang从框架入手。...Kubernetes 研发优化应用调度策略，实现计算利用率的最大化。大幅提升应用性能对公司主流的技术栈，深度优化所对应的框架。...过程中对内存基带的使用进行了优化，带来30%性能提升，节省万核级别计算资源。调度优化，整体提升计算利用率容器服务使用统一的集群，常态在40%左右，在保障业务稳定的情况下极限可达60%。...实践价值在多重举措的合力推动下，作业帮容器化的收益显著，同样业务迁移前后，使用了 HPA 和在离线混合部署后，成本下降43%，稳定性提升到99.995%，接口响应提升10%。...这也便于云间相互自由迁徙，实现单云故障的应急预案，通过优化资源碎片，在离线混合部署，自动扩缩容，整体成本进一步下降。

1.2K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭