欢迎来到天天文库
浏览记录
ID：37318164
大小：302.15 KB
页数：17页
时间：2019-05-21
《yui学习总结》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、一，文档说明api：是一个关于api方面的说明书，是一套静态的网页。docs：是YUI所用到的对象、组件的说明文档；releasenotes：更新记录，忽略；tests：包含了各种各样的例子，包括js库用法，效果，一些控件使用等等；Build：这里是存放的是YUI所有的js库文件，根据所需将需要的js文件引用到HTML页面即可。 build文件夹下，是一个一个分门别类的子文件夹，一个文件夹说明了一套完整的功能或控件，每一个子文夹中，又分为xxxxx.js，xxxxx-debug.js,xxxxx-min.js三个文件，三者功能上是一模
2、一样的，只是应用场景不一样，xxxxx.js和xxxxx-debug.js用于开发调试阶段，排版上便于阅读，并附有详尽的注释说明。xxxxx-min.js用于发布阶段，内部去掉了排版中的缩进啊回车啊注释啊等一切与运行无关的字符，以压缩体积，便于前端页面加载。二，使用1，先引入YUI核心文件上面可以换成yui-debug.js或者yui-min.js,2，创建yui对象并使用YUI()创建yui对象，3、ipttype="text/javascript">YUI().use('node','event',function(Y){//TheNodeandEventmodulesareloadedandreadytouse.//Yourcodegoeshere!});上面脚本大概意思是,YUI(这里还可以有一个设置项，json格式).使用(模块1，模块2,...,function(Y){});这样页面就初始化好了一个全局对象叫Y，这个Y所能干的事决定于.use()了哪些模块，例如上面加载了node（可以操作dom），even4、t（可以绑定各种各样的事件监听）。3，示例1，操作节点2，YUI().use('node',function(Y){3，//AccessDOMnodes.4，//根据css选择器(#代表id，.代表class,body是标签）来取得html节点对象5，varoneElementById=Y.one('#foo'),6，oneElementByName=Y.one('body'),7，allElementsByClass=Y.all('.bar');8，//创建节点9，varcontentNode=Y.Node.create(''5、),10，listNode=Y.Node.create(''),11，contentNode.setHTML('Nodemakesiteasytoaddcontent.');12，listNode.insert('Buymilk');13，footerNode.prepend('FooterContent');14，//操作dom节点15，Y.all('.important').addClass('highlight');16，//给节点绑定事件17，Y.one('#close-b6、utton').on('click',function(){18，contentNode.hide();19，});20，});2，cookie组件YUI().use('node','cookie',function(Y){//获取节点varpre=Y.one('#results'),log=function(str){pre.append(str+'');};//获取cookievarcurrentValue=Y.Cookie.get("example");log("Cookie'scurrentvalueis'"+curr7、entValue+"'");//设置一个随机数varnewValue="yui"+Math.round(Math.random()*Math.PI*1000);log("Settingcookie'svalueto'"+newValue+"'");//设置cookie值Y.Cookie.set("example",newValue);varbb=Y.one("#init");//给节点绑定click事件bb.on("click",function(e){alert(currentValue);});});3，ajaxYUI().use('8、node-load',function(Y){//Replacethecontentsofthe#contentnodewithcontent.html.Y.one('#content').l 当前文档最多预览五页，下载文档查看全文 侵权申诉 举报 1 1 2 3 4 5 / 17 此文档下载收益归作者所有 下载文档 当前文档最多预览五页，下载文档查看全文 点击下载本文档
3、ipttype="text/javascript">YUI().use('node','event',function(Y){//TheNodeandEventmodulesareloadedandreadytouse.//Yourcodegoeshere!});上面脚本大概意思是,YUI(这里还可以有一个设置项，json格式).使用(模块1，模块2,...,function(Y){});这样页面就初始化好了一个全局对象叫Y，这个Y所能干的事决定于.use()了哪些模块，例如上面加载了node（可以操作dom），even
4、t（可以绑定各种各样的事件监听）。3，示例1，操作节点2，YUI().use('node',function(Y){3，//AccessDOMnodes.4，//根据css选择器(#代表id，.代表class,body是标签）来取得html节点对象5，varoneElementById=Y.one('#foo'),6，oneElementByName=Y.one('body'),7，allElementsByClass=Y.all('.bar');8，//创建节点9，varcontentNode=Y.Node.create('
5、),10，listNode=Y.Node.create('
Nodemakesiteasytoaddcontent.
6、utton').on('click',function(){18，contentNode.hide();19，});20，});2，cookie组件YUI().use('node','cookie',function(Y){//获取节点varpre=Y.one('#results'),log=function(str){pre.append(str+'');};//获取cookievarcurrentValue=Y.Cookie.get("example");log("Cookie'scurrentvalueis'"+curr
7、entValue+"'");//设置一个随机数varnewValue="yui"+Math.round(Math.random()*Math.PI*1000);log("Settingcookie'svalueto'"+newValue+"'");//设置cookie值Y.Cookie.set("example",newValue);varbb=Y.one("#init");//给节点绑定click事件bb.on("click",function(e){alert(currentValue);});});3，ajaxYUI().use('
8、node-load',function(Y){//Replacethecontentsofthe#contentnodewithcontent.html.Y.one('#content').l
此文档下载收益归作者所有
