【移動應用開發(fā)技術】前端網絡、JavaScript優(yōu)化以及開發(fā)小技巧的示例分析_第1頁
【移動應用開發(fā)技術】前端網絡、JavaScript優(yōu)化以及開發(fā)小技巧的示例分析_第2頁
【移動應用開發(fā)技術】前端網絡、JavaScript優(yōu)化以及開發(fā)小技巧的示例分析_第3頁
【移動應用開發(fā)技術】前端網絡、JavaScript優(yōu)化以及開發(fā)小技巧的示例分析_第4頁
【移動應用開發(fā)技術】前端網絡、JavaScript優(yōu)化以及開發(fā)小技巧的示例分析_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

【移動應用開發(fā)技術】前端網絡、JavaScript優(yōu)化以及開發(fā)小技巧的示例分析

一、網絡優(yōu)化/upload/information/20210311/298/5921.jpg<head>

<link

rel="stylesheet"

href="css/all-normal.css"

type="text/css"

/>

</head>

<body>

<div

id="content"></div>

<script>

var

content

=

'';

for(i=1;

i<1000000;

i++)

content

+=

'寫入頁面';

document.getElementById('content').innerHTML

=

content;

</script>

<img

src="images/ui.png"

/>

</body>/upload/information/20210311/298/5922.jpg/upload/information/20210311/298/5923.png/upload/information/20210311/298/5924.png二、JavaScript優(yōu)化/upload/information/20210311/298/5925.gif

/upload/information/20210311/298/5927.png/upload/information/20210311/298/5928.png/upload/information/20210311/298/5929.png/upload/information/20210311/298/5930.png/upload/information/20210311/298/5931.png1.惰性模式var

getFn

=

function()

{

if

(sore.enabled)

return

sore.get;

return

cookie.get;

}();

var

setFn

=

function()

{

if

(sore.enabled)

return

sore.set;

return

cookie.set;

}();2.建立映射關系/upload/information/20210311/298/5932.png/upload/information/20210311/298/5933.png/**

*

彈出框單例模式

*/

var

factories

=

{};

var

DialogFactory

=

function(type,

options)

{

if

(factories[type])

return

factories[type];

return

factories[type]

=

new

iDialog(options);

};

/**

*

提示框

*/

var

Alert

=

function(content,

options)

{

var

d

=

DialogFactory('alert',

options);

//其他邏輯省略

return

d;

};

/**

*

確認框

*/

var

Confirm

=

function(content,

options)

{

var

d

=

DialogFactory('confirm',

options);

//其他邏輯省略

return

d;

};/**

*

百度統(tǒng)計設置

*/

util.baidu

=

function(key)

{

global._hmt

=

global._hmt

||

[];

(function()

{

var

hm

=

document.createElement("script");

hm.src

=

"http:///hm.js?"

+

key;

var

s

=

document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(hm,

s);

})();

};

/upload/information/20210311/298/5934.png/upload/information/20210311/298/5935.pngcookie/upload/information/20210311/298/5936.jpg/upload/information/20210311/298/5937.jpgdocument.getElementById('ul').onclick

=

function(e)

{

var

e

=

e

||

window.event,

tar

=

e.target

||

e.srcElement;

if

(tar.nodeName.toLowerCase()

==

'li')

{

tar.style.background

=

'black';

}

}/upload/information/20210311/298/5938.gif三、小技巧var

print

=

function(obj,

space)

{

space

=

space

||

4;

var

html

=

JSON.stringify(obj,

null,

space);

html

=

html.replace(/\n/g,

'<br>').replace(/\s/g,

' ');

var

pre

=

document.createElement('pre');

var

div

=

document.createElement('code');

pre.style.cssText

=

'border:1px

solid

#000;padding:10px;background:#FFF;margin-bottom:20px;';

div.innerHTML

=

html;

pre.appendChild(div);

var

body

=

document.querySelector('b

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論