上周,我整理了《jQuery设计思想》。 那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery"。今天的文章则是更进一步,讲解"如何用好jQuery"。...============================================== jQuery最佳实践 阮一峰 整理 ? 1....(1)最快的选择器:id选择器和元素标签选择器 举例来说,下面的语句性能最佳: $('#id') $('form') $('input') 遇到这些选择器的时候,jQuery内部会自动调用浏览器的原生方法...所以,最佳选择是$parent.find('.child')。而且,由于$parent往往在前面的操作已经生成,jQuery会进行缓存,所以进一步加快了执行速度。 具体的例子和比较结果,请看这里。...所以,尽量少生成jQuery对象。 举例来说,许多jQuery方法都有两个版本,一个是供jQuery对象使用的版本,另一个是供jQuery函数使用的版本。
使用最新版本的jQuery jQuery的版本更新很快,你应该总是使用最新的版本。因为新版本会改进性能,还有很多新功能。 下面就来看看,不同版本的jQuery性能差异有多大。...(1)最快的选择器:id选择器和元素标签选择器 举例来说,下面的语句性能最佳: $(‘#id’) $(‘form’) $(‘input’) 遇到这些选择器的时候,jQuery内部会自动调用浏览器的原生方法...所以,最佳选择是$parent.find(‘.child’)。而且,由于$parent往往在前面的操作已经生成,jQuery会进行缓存,所以进一步加快了执行速度。 具体的例子和比较结果,请看这里。...不要过度使用jQuery jQuery速度再快,也无法与原生的javascript方法相比。所以有原生方法可以使用的场合,尽量避免使用jQuery。...所以,尽量少生成jQuery对象。 举例来说,许多jQuery方法都有两个版本,一个是供jQuery对象使用的版本,另一个是供jQuery函数使用的版本。
jQuery最佳实践 阮一峰 整理 1. 使用最新版本的jQuery jQuery的版本更新很快,你应该总是使用最新的版本。因为新版本会改进性能,还有很多新功能。...(1)最快的选择器:id选择器和元素标签选择器 举例来说,下面的语句性能最佳: $('#id') $('form') $('input') 遇到这些选择器的时候,jQuery内部会自动调用浏览器的原生方法...所以,最佳选择是$parent.find('.child')。而且,由于$parent往往在前面的操作已经生成,jQuery会进行缓存,所以进一步加快了执行速度。 具体的例子和比较结果,请看这里。...不要过度使用jQuery jQuery速度再快,也无法与原生的javascript方法相比。所以有原生方法可以使用的场合,尽量避免使用jQuery。...所以,尽量少生成jQuery对象。 举例来说,许多jQuery方法都有两个版本,一个是供jQuery对象使用的版本,另一个是供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
加载jQuery 1. 尽量在页面上使用CDN来加载jQuery。.../jquery.min.js"> window.jQuery || document.write('<script src="js/<em>jquery</em>-1.11.0.min.js...当你加载来自CDN上的<em>jQuery</em>时,你要指定你要加载的<em>jQuery</em>的完整版本号(像 1.11.0不要写成1.11或者1)。 不要加载多个不同版本的<em>jQuery</em>。 6. ...<em>jQuery</em>的变量 1. 所有用来存储/缓存<em>jQuery</em>对象的变量的名字应该有一个前缀$。 2. 在变量中缓存<em>jQuery</em>选择器返回的内容以便重用。...检测所用插件与当前使用的<em>jQuery</em>版本是否兼容。 3. 一些常用功能应该写成<em>jQuery</em>插件。<em>jQuery</em>插件模板例子 链式语法 1. 使用链式语法作为替代变量缓存和多个选择器调用。
一、提交消息规范 提交消息规范是在使用Git进行版本控制时的一项最佳实践,它有助于组织和标准化提交消息,使团队更容易理解和管理项目的变更历史。...以下是关于Git提交消息规范的最佳实践: 使用清晰、有意义的消息: 提交消息应当简洁而明了地描述本次提交的目的和内容。使用明确的语言,让其他开发者能够快速理解提交的重要性。...通过遵循这些Git提交消息规范的最佳实践,你可以提高团队协作的效率,更容易维护项目的历史记录,并降低理解和管理代码变更所需的认知负担。...三、GIT工作流程的最佳实践 在Git中,使用适当的工作流程是关键的最佳实践,它有助于组织团队的协作,确保代码库的整洁性,并提高项目的可维护性。...以下是关于Git工作流程的最佳实践: 选择适合项目的工作流程: 根据项目的性质和规模,选择适合的工作流程。
而在jQuery中用attr()与removeAttr()就可以全部搞定了,包括兼容问题 attr()获取和设置元素属性 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值...removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute) 优点: attr、removeAttr都是jQuery...为了属性操作封装的,直接在一个 jQuery 对象上调用该方法,很容易对属性进行操作,也不需要去特意的理解浏览器的属性名不同的问题 dom概念的区分: Attribute和Property翻译出来都是...方法进行取值或赋值等 获取Attribute就需要用attr,获取Property就需要用prop 2 html()及.text() 读取、修改元素的html结构或者元素的文本内容是常见的DOM操作 jQuery
1、每个容器只运行一个进程 2、配置和数据文件应该单独存储与备份。 3、使用.dockerignore 文件。在镜像构建过程中,Docker 会将Docke...
考虑一种网络拓扑应用情景,一个内部局域网中有多台服务器提供不同的服务,如web服务、FTP服务、ssh、telnet等,通过服务器(或网关、防火墙)连接外部网络...
但是,要有效使用 JDBC,需要遵循最佳实践,以确保代码的最佳性能、安全性和可维护性。 正如我之前提到的观点,学习一个新事物,首先要掌握其最佳实践,下面让我们来研究一下 JDBC 最佳实践的内容。
lerna最佳实践 multirepo VS monorepo 在介绍我们今天的主角 lerna 之前,首先了解下什么是 multirepo ?什么是 monorepo ?...,支持选择单独针对某个包发版本或者统一发版本 多个仓库之间可以共享统一的代码规范,版本管理更加规范 以下我会分两个部分介绍下 lerna,首先是介绍 lerna 的常规用法,然后介绍下 lerna 的最佳实践...最佳实践 前面我们已经介绍了 lerna 的相关概念和基本用法,目前最常见的解决方案是基于 lerna 和 yarn workspace 的 monorepo 工作流。...总结 以上就是一个完整的基于 lerna + yarn workspace 的 monorepo 的实践流程,里面包含了依赖包的管理、完善的工作流、统一的代码风格、一键发布机制等,当然还有一些不够完善的地方需要自己补充...参考链接: erna 使用指南 lerna+yarn workspace+monorepo项目的最佳实践 Lerna+Yarn workspace管理多npm Yarn Workspace使用指南
GOOGLE_URL } maven { url NEXUS_URL } } }} 三、最佳实践...本文作者:木小丰,美团Java高级工程师,关注架构、软件工程、全栈等,不定期分享Java研发过程中的实践、思考。
原文在这里[1] 以下是我们推荐在使用 Wire 时应遵循的最佳实践。这个列表会随着时间的推移而增长。
在创建可伸缩和高度可靠的软件系统时,这是一种有价值的实践。它通过代码帮助组织管理大量的基础设施,对于管理数十万台机器的系统管理员来说,代码具有更强的可伸缩性和可持续性。 为什么SRE很重要?...不责备事后分析是SRE的最佳实践,可以确保所有事件都被用作学习机会。当失败的可能性被规范化时,团队可以承担更大的风险,潜在地产生更大的创新,而不必担心过度的挫折或停机。...既然我们知道了为什么SRE很重要,那么让我们继续讨论在拥抱SRE文化时必须遵循的SRE最佳实践。 SRE最佳实践 在实现SRE时,您可能需要一些时间来改进您的策略和定制实践,以满足您的操作需求。...为了帮助加快这个过程,请考虑以下SRE原则和最佳实践。 错误的预算 简而言之,错误预算是指你的服务在用户开始不开心之前的一段时间内积累的错误数量。...总结 这篇博文试图涵盖建立成功的SRE团队所需的基本概念和实践。如果您计划在您的项目/组织中采用SRE文化,请培训您的团队,遵循最佳实践,并信任该过程。你不可能做到100%的完美。这是一个神话。
本文主要介绍我在两年的使用过程中总结出的一些最佳实践,供大家参考、借鉴。...此外, 有网友补充道 mpv 才是程序员最佳播放器,大家也可以尝试下。
在这篇博文中,我们将讨论一些最佳实践、提示和技巧,以优化我们在项目中对 Maven 的使用并改善我们的开发体验。 Maven 标准目录结构 Maven 遵循标准目录结构来保持项目之间的一致性。...maven-checkstyle-plugin:强制执行编码标准和最佳实践。 探索可用的插件并在 pom.xml 文件中配置它们以增强我们的开发过程。...通过遵循这些最佳实践和技巧,我们可以优化 Maven 的使用并改善我们的 Java 开发体验。
jquery");providePlugin可使用 webapck 内置插件 providePlugin 给每个模块中注入变量,还是以 jquery 为例在 webapck.config.js 中配置const...set to the exports of module "jquery"通过 cdn 引入还可以通过 cdn 链接的方式引入全局变量,但如果此时js文件中多写了 import $ from 'jquery...',就会把 jquery 也打包进去,可使用 external 防止将某些 import 的包(package)打包到 bundle 中index.html<script src="https://code.<em>jquery</em>.com...externals: { <em>jquery</em>: '<em>jQuery</em>', },};这样就剥离了那些不需要改动的依赖模块,换句话,下面展示的代码还可以正常运行:import $ from '<em>jquery</em>';$...属性名称是 <em>jquery</em>,表示应该排除 import $ from '<em>jquery</em>' 中的 <em>jquery</em> 模块。为了替换这个模块,<em>jQuery</em> 的值将被用来检索一个全局的 <em>jQuery</em> 变量。
虽然名字叫《PHP最佳实践》,但是它主要谈的不是编程规则,而是PHP应用程序的合理架构。 它提供了一种逻辑和数据分离的架构模式,属于MVC模式的一种实践。...======================================= PHP最佳实践 原载:http://www.odi.ch/prog/design/php/guide.php 译者:阮一峰
Dockerfile切换用户时不需要使用chown命令修改权限而导致镜像变大 分阶段构建 最好声明Docker镜像签名 使用.dockerignore排除不需要加入Docker镜像目录或者文件 不介意使用root用户 最佳实践
主要包含集群/生产端/消费端的一些最佳实践、上线前测试以及一些针对紧急情况(如消息积压等)的临时开关功能。...生产端最佳实践1.1 参数调优使用 Java 版的 Client;使用 kafka-producer-perf-test.sh 测试你的环境;设置内存、CPU、batch 压缩;batch.size:该值设置越大...消费端最佳实践2.1 参数调优吞吐量:调整partition 数、OS page cache(分配足够的内存来缓存数据);offset topic(__consumer_offsets):offsets.topic.replication.factor...集群配置最佳实践3.1 集群配置Broker 评估:每个 Broker 的 Partition 数不应该超过2k、控制 partition 大小(不要超过25GB);集群评估(Broker 的数量根据以下条件配置...二、运行时监控运行时监控主要包含集群稳定性配置与Kafka监控的最佳实践,旨在及时发现Kafka在运行时产生的相关问题与异常。1.
领取专属 10元无门槛券
手把手带您无忧上云