幾條經驗讓jQuery用的更漂亮

2022-05-02 12:12:08 字數 1052 閱讀 2530

新手使用jquery寫**時往往側重實現功能,功能邏輯不太複雜的頁面也不會太考慮效能問題,隨著對jquery的親切問候,發現jquery越來越簡單,越是簡單越是想把它用漂亮。下面總結幾條常見常用又是又是經常忽略的小經驗,有幾條是明明知道確是看了別人的文章才發現自己常用的是糟糕的方法。

1、在前引用jquery後無需再用$(function(){})去等待dom結構的載入了。

2、$('.class')效率是最低的,可以新增條件使用find()方法

$('#id').find('.class')

3、id選擇符是唯一的,避免使用多個id選擇符。

4、避免使用隱式萬用字元

$('.class :radio')//

不建議$('.class input:radio')//

建議

5、為選擇器指定上下文

$('.class #id')//

限定搜尋範圍,效能高於$('.class')

6*、超過一次用到的jquery 可考慮快取來提高效能 $element表明jquery物件

$element = $('#element');

h =$element.height();

$element.css('height',h+5);

7*、正確使用時間委託

html

相比

$('#list').find('li').on('click',function

())

這個

$('#list').on('click','li',function

())

效能要高很多,學習使用這種方法。

8、採用鏈式操作。

9、鏈式操作維持**的可讀性

$('#id')

.on('click',function())

.fadein('slow')

.animate(,500);

好了,簡單總結這幾個,後續加油!

幾條apache的配置經驗

options indexes followsymlinks 要把indexes去掉。否則當找不到index.html或者index.php時,apache會列出 內所有網頁的存放目錄及子目錄。解決中文檔名無法訪問 在ie中選擇 工具 internet選項 高階 取消 總是以utf 8傳送url 設...

物件導向設計的幾條經驗準則

這段時間在看arthur j.riel的 object oriented design heuristics 於是參考總結了如下的幾條物件導向設計原則 所有資料都應隱藏在它所在類的內部。類的使用者必須依賴類的公有介面,但類不能依賴它的使用者。儘量減少類的協議中的訊息。實現所有類都理解的最基本的公有介...

從魅族的成功總結的幾條經驗?

品牌社群是 企業搭台,使用者唱戲 企業表現出樂於並易於溝通的形象,利用更適合自己 聽眾 的內容策略來建立品牌社群,然後通過社群管理來發現並鼓勵品牌支持者成為自己品牌的 傳道士 真實的企業對培養使用者忠誠有好處,魅族的成功之道即在於此。作為處於國內領先水平的時尚智慧型手機品牌,魅族通過建立以產品使用分...