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

发布时间：2025-01-02 15:29

JavaScript用于网页前端开发 #生活知识# #科技生活# #编程学习#

文档简介

【移动应用开发技术】前端网络、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>

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()

{

(sore.enabled)

return

sore.get;

return

cookie.get;

}();

var

setFn

function()

{

(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)

{

(factories[type])

return

factories[type];

return

factories[type]

new

iDialog(options);

};

/**

提示框

var

Alert

function(content,

options)

{

var

DialogFactory('alert',

options);

//其他逻辑省略

return

};

/**

确认框

var

Confirm

function(content,

options)

{

var

DialogFactory('confirm',

options);

//其他逻辑省略

return

};/**

百度统计设置

util.baidu

function(key)

{

global._hmt

[];

(function()

{

var

document.createElement("script");

hm.src

"///hm.js?"

key;

var

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

window.event,

tar

e.target

e.srcElement;

(tar.nodeName.toLowerCase()

'li')

{

tar.style.background

'black';

}

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

function(obj,

space)

{

space

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. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

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

文档简介

最新文档

相关内容

随便看看

最新动态分享

热点动态分享

专题

推荐动态分享