1、如何有效的優化Jquery,提升網頁載入速度
應用平滑過渡,壓縮js代碼
2、jquery用在導航上是否影響seo
所有的搜索引擎都會忽略 CSS 和 Javscript。它們不會考慮你的網頁在外觀上是如何布專局的。所以使用屬 Javascript 或 CSS 不會影響 SEO。
你要考慮的是在禁用 CSS 和 Javascript 的情況下什麼在前面,什麼在後面。
比如外觀上導航在最上面,接下來是主要內容,但HTML中主要內容是先寫在前面,而導航在後面。因為主要內容是經常更新的,你需要讓搜索引擎先看到主要內容。
3、請教網頁上兩個JS特效有各自的jquery庫應該如何優化?
JQUERY庫的版本把低的那個版本直接刪除就好了。如果2個一起調用的話,一些淡入淡出效果會失效的,比如1.4.1就比1.7.1低的多
4、js、jquery 如何隱藏瀏覽器地址欄(網頁優化,手機可以,ipad mini不可以,求大神指教)
自己做一個不帶菜單欄和地址欄的瀏覽器給用戶用
用戶自己設置自己的瀏覽器,隱藏 菜單欄和地址欄
自己寫個 程序,去設置用戶的瀏覽器
5、為了能讓jquery達到最佳的使用性能,一般要從哪同個方面進行優化
你這個問題復很廣泛!jquery本身就是制一個JavaScript庫,在jquery團隊已經將其做了最好的優化,如果你要優化也只能從你具體的項目中結合項目的業務邏輯優化JavaScript運行時的結構和演算法。如果你要單純的讓jquery性能優化,那麼你選擇器就多用函數寫法如:$('#box p').css('color', 'red'); 優化寫法 $('#box').find('p').css('color','red');
6、我網頁里要用jQuery插件展示N張較大的圖片,為了優化瀏覽的流暢度,我希望能先載入前兩張,等頁面下載完再
你沒給出引用圖片的代碼,沒辦法弄個成品給你。只能講下原理:
可以考慮前兩內張圖片直接載入,容剩下的這些不要用style.display=none,
而是輪到要顯示指定的圖片時再在圖片容器(比如div節點里)添加<img src="圖片url" />
如果使用的是背景圖片顯示的話,也不要一開始就設置背景樣式,輪到顯示的才設置。
這樣的話,可以盡極大程度減少載入時間!
另外,從第二次循環時,可以使用style.display的none或block來設置了。
反正就是一開始盡量避免載入餘下的圖片!輪到了再載入!
不過考慮到你可能是整個頁面載入多個圖片的情況,這里再說下:這種情況,建議使用非同步載入吧,網上搜索下「圖片非同步載入」即可
7、jquery代碼優化重構
^var $masterUL =$('#nav'),
$rels = $('#nav').find('[rel^="dropmenu"]');
$rels.each(function(i,el){
var index = $(el).attr('rel').replace('dropmenu','');
$("#dropmenu"+index).insertAfter(el);
});
再短點就是版
$('#nav').find('[rel^="dropmenu"]').each(function(i,el){
權$("#dropmenu"+$(el).attr('rel').replace('dropmenu','')).insertAfter(el);
});
8、jquery ,怎樣優化下面代碼,就是使代碼重復利用
^<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery</title>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.4.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("[id^='type']").each(function(i){
$(this).click(function(){
$("#member"+ (i+1) +">li>span>input[type='checkbox']").attr("checked", $(this).attr("checked"));
if( $("#type"+(i+1)).attr("checked")==false){
$("#member"+(i+1)).hide();
}
else{
$("#member"+(i+1)).show();
}
})
});
});
</script>
</head>
<body>
<input type="checkbox" id="type1" />1<br>
<input type="checkbox" id="type2" />2<br>
<input type="checkbox" id="type3" />3<br>
<ul id="member1">
<li><span><input type="checkbox"/>1</span></li>
</ul>
<ul id="member2">
<li><span><input type="checkbox"/>2</span></li>
</ul>
<ul id="member3">
<li><span><input type="checkbox"/>3</span></li>
</ul>
</body>
</html>
9、seo jquerty特效是黑帽優化嗎?
應該是jquery吧,jquery可以等同理解為js。它就是js的一個成品類庫。。。而且jquery是由微軟,google等公司推出回的,所以一般的特答效都不會被判斷成黑帽。
當然你非得拿jquery做壞事,我也沒辦法了。呵呵
10、求高手優化jquery代碼
看你的代碼,估計是想做一個二級菜單的效果,在滑動到子菜單的時候仍然保持當前的主內導容航鏈接高亮,其實比較簡單。
$('.nav ul li').each(function(){遍歷當前的列表,直接添加hover連續事件就可以,當前欄目下有子菜單才會顯示子菜單,沒有就不顯示即可。