【移动应用开发技术】前端网络、JavaScript优化以及开发小技巧的示例分析_第1页
【移动应用开发技术】前端网络、JavaScript优化以及开发小技巧的示例分析_第2页
【移动应用开发技术】前端网络、JavaScript优化以及开发小技巧的示例分析_第3页
【移动应用开发技术】前端网络、JavaScript优化以及开发小技巧的示例分析_第4页
【移动应用开发技术】前端网络、JavaScript优化以及开发小技巧的示例分析_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

【移动应用开发技术】前端网络、JavaScript优化以及开发小技巧的示例分析

一、网络优化/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优化/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;

};/**

*

百度统计设置

*/

util.baidu

=

function(key)

{

global._hmt

=

global._hmt

||

[];

(function()

{

var

hm

=

document.createElement("script");

hm.src

=

"///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

人人文库> 全部分类> 专业文献 > IT计算机

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论