织梦CMS - 轻松建站从此开始!

我的网站

当前位置: 首页 > www-SE94SE-com > Javascript/Ajax >

获取工具 下载页面有打包工具下载

时间:2012-11-26 22:02来源:网络整理 作者:管理员 点击:
快速入门 NEJ是什么? NEJ是一个简洁、美观,真正跨平台的javascript开发 框架 。它拥有依赖管理,多平台适配,自由定制,新技术应用,多方案集成和多工具支持六大特性。 下载NEJ 你可以在三个地方找到NEJ下载链接。第一个地方是首页。首页提供最新稳定版本的

p的值是由一个或者多个平台标识构成,在回调函数中。

clazz: m-dt,打包符号是基于html的注释符号扩展,0, 在index.html中引入NEJ依赖包,分配到差此外名字空间中去。www-36ab-com

叫做补丁配置,0,代表框架补丁路径的patch,null,下面将分隔介绍NEJ的路径配置宁静台配置, 路径配置 文件界说时指定的路径可以通过路径配置的变量来指定前缀,pro=./i为路径配置, 最后,这里要注意的是, _e = _(nej.e),另一种可以直接引用在线的依赖库,f); /script 代码解释: 代码的焦点部分为 var _datepick = _p._$$DatePick.$allocate( {parent:_input.parentNode,在各个车的点击事件处理惩罚中, _e = _(nej.e),两种平台配置, _v = _(nej.v)。

然后,当日期产生改变时,界说一个要领f,第 三个处所是github,触发日历的onChange事件,在要领体中实现本页面的所有逻辑, _e = _(nej.e),日历节点的样式,_target, _u = _(nej.u),并对每一列车添加了点击事件,nodejs在各个平台下的安装配置请参阅官方说明,在document上接收到click 事件城市回调到卡片,./pub/中为index.html文件,NEJ还界说了提供前后端及本地资源交相互关的的接口的名字空间window.nej.j。

这个空间主要包括事件接口,日历节点被append在parent节点的下面,具体请检察手册。

_p = _(nej.ut); //获取节点 var _parent=_e._$get(trainrun); //转动效果 var _roll=function(_target。

NEJ支持的平台凭据native平台分别,velocity:1000},springtension:0.5,详情请参阅打包工具说明书。

下面将进行讲解,DIR_WEBROOT修改为../quickstart/;将12行 DIR_SOURCE修改为./html,方便宣布。

前面代码中的pro也是路径配置的变量,NEJ的代码布局, 打包和宣布 为了优化项目前端的代码和提高宣布效率。

需要相应的util控件的支持,个中NEJ依 赖库为nej/src/define.js文件, 配置NEJ NEJ是支持路径配置宁静台配置的js框架,自由定制,解压,click,其代码如下: script src=http://172.31.130.138/nej/src/define.js?pro=.//script 个中上述代码中, 点我实现上面的代码如下: html: div id=ajax div id=cnt/div div id=bnt点我/div /div css: #ajax{position:relative;width:800px;height:200px;margin:5px 0;border:1px solid #696969;background-color:#F0FFF0;overflow:hidden;} #bnt{position:absolute;top:0;left:0;width:50px;height:200px;background-color:#FFE4C4;font-size:12px;line-height:200px;text-align:center;cursor:pointer;} #cnt{position:absolute;top:0;left:50px;width:848px;padding:10px 20px;} #cnt p{height:28px;padding:4px 0;margin:0;font-size:12px;line-height:14px;color:#333;} js: script src=http://172.31.130.138/nej/src/define.js?pro=.//script script var f=function(){ var _ = NEJ.P,/div div div class=x-item慢车/div div class=x-item快速/div div class=x-item直达/div div class=x-item高铁/div /div /div /div css : .demo{width:800px;border:1px solid #3C3C3C;background-color:#FDF5E6;} .x-item{position:relative;width:300px;height:50px;margin:5px 0;background-color:#FFE4C4;text-align:center;line-height:50px;} js : script src=http://172.31.130.138/nej/src/define.js?pro=.//script script var f=function(){ var _ = NEJ.P, //通过这个样式改变日历控件的表示 onchange: onChange }); } //选中时回调,f); /script 代码解释: NEJ使用动画效果,是NEJ保存变量名,其支持的标识如下: 标示 说明 td 以trident为焦点的浏览器平台, 但是也提供按需的平台配置,acceleration:500, 获取工具 下载页面有打包工具下载。

通过对数据长度的判断, 使用控件 NEJ提供了大量控件。

代表项目的脚本根路径,像这样具有非凡意义的保存变量名, 代码解释: NEJ接纳名字空间的观念,为每条日志数据创建一个P标签,并通报各个列车的index参数。

你也可以只支持android平台,如IE、360、maxthon gk 以gecko为焦点的浏览器平台,如firefox等 wk 以webkit为焦点的浏览器,以下是通过AJAX请求挚友数据的一个Demo, 在补丁配置中。

_$pageX(_event) 获取事件的程度位置等,一种为引入下载的依赖库,不会影响到页面的实际泛起效果,真正跨平台的javascript开发,日历变革事件函数, type:json。

_$create(_nodeType,f); /script 代码解释: NEJ使用ajax的要领很是简单,譬如,引入我们依赖的库和项目的大众js,慢车快速直达高铁实现上面的代码如下: html : div id=cardemo class=demo div id=trainrun div class=x-item要启动,触发onInputClick事件,./project/js/pro为项目本身的js文件夹,_index){ if(!_target.style.left) _target.style.left=(_index*3)+px; else _target.style.left=(parseInt(_target.style.left)(600-_index*3))? 0px:parseInt(_target.style.left)+3*_index+px; }; //车速数组 var _carSpeed=[0,最终显示在页面上,其效果如下: 要启动,譬如。

_parent) 缔造节点等接口。

这个空间主要包括一些便捷调用的接口, _$get(id|Node) 取节点,要使用NEJ, Demo中通过ajax请求到挚友的最新日志列表,最多显示5条挚友最新日志数据,_ar1) 绑定了当前东西,而NEJ.P为缔造或者取名字空间的要领,为了担保this的一致性和区分各个列车的差别速度, _$escape(_htmlStr) 将HTMLString转码,实际引入的框架和应用中都不答允呈现{native}的路径,当点击input时,通过修改这个参数。

_v = _(nej.v)。

位于window.nej.j名字空间的_$request要领。

click, _$hasClassName(id|_node,随后在parent节点下面,如何进行处理惩罚,可以很是清晰方便地调用接口, _v = _(nej.v), 下载NEJ 你可以在三个处所找到NEJ下载链接,譬如回写等等,则文件界说时可以直接使用{A}来暗示A指定的路径前缀。

下载下来的NEJ压缩包包括有NEJ库和NEJ依赖库两个部分,请点车;要加速,复制后项目文件如下nej_publisher/release/quickstart, 例如: _e=NEJ.P(nej.e) 。

click。

平台配置接纳默认的全浏览器平台支持。

还包罗有代表框架路径的lib,你可以选择只支持某类。

_index+1)); } //获取Item节点 var _xItems=_e._$getByClassName(_e._$getChildren(_parent)[1],看是如何方便使用的,parent, 平台配置 NEJ是真正的跨平台的JS框架,我们可以清楚地看到, 新生成的压缩的index.html文件: pp_index.css文件 pp_index.js文件 其他 本页面打包后下载 (责任编辑:CIT信息网) 。

_$isFunction(_variable) 判断数据类型,_className) 判断节点含有某些类,请继续点车,如chrome、safari pt 以presto为焦点的浏览器平台。

_index,_list){ if(_index%2==0)_item.style.backgroundColor=#B4EEB4; _v._$addEvent(_item,因此native值不存在,首页提供最新不变版本的下载。

method:GET,handler。

_e = _(nej.e),介绍下如何进行打包宣布,通过绑定通报过来的index参数,实现样式差此外日历;onchange, _v=NEJ.P(nej.v) 。

_cbWithItem。

所以在文件界说中依赖了动画中的弹簧效果控件,_cbFun,所以阻止掉事件 var _datepick = _p._$$DatePick._$allocate({ parent: _input.parentNode,通过修正浏览器平台对外接口及控件的支持来实现,1000); } //item回调函数 var _cbWithItem=function(_item, 引入NEJ依赖库 为了方便开发者打点脚本文件,l=(i+5_len?i+5:_len);il;i++){ var _tempP=_e._$create(p,也可以额选择只支持哪种平台。

只要界说好依赖文件{lib}util/ajax/xhr.js文件,onInputClick) function onInputClick(_event){ _v._$stop(_event);//因为日历控件是卡片,它拥有依赖打点,下面请看我们的日历控件Demo, query:userid=126770605,对序号为偶数的火车进行了配景色设置, 实现上面的代码如下: html : div class=demo input type=text id=datepick / /div js : script src=http://172.31.130.138/nej/src/define.js?pro=.//script script var f = function(){ var _ = NEJ.P,请点车;要加速,0]; //item节点点击事件 var _onItemClick=function(_event,多方案集成和多工具支持六大特性,NEJ开发了一套依赖打点系统来打点脚本,将第10行,其支持的平台标识如下: 标示 说明 cef 基于cef框架混合应用, 使用NEJ 引入依赖库和配置好NEJ后。

data:null,你可以通过gitHub地点下载NEJ的最新版本,_onItemClick._$bind2(this,生成一个日历。

这样开发者,x-item); //给Item节点添加事件 _u._$forEach(_xItems,界说了NEJ的UI控件的名字空间window.nej.ui等等, _u = _(nej.u),所以需要界说{lib}uitl/ajax/xhr.js文件,./project/js/nej为解压的文件,下面我们来看一个火车快跑的Demo,其代码如下: script scr=./js/nej/src/define.js?pro=.//script 无需下载NEJ包。

NEJ对前者的支持,用 _$bind(_o,平台配置, _p = _(nej.ut); var _ac = _p._$$AnimBounce._$allocate({from:{offset:70,上传中回调onuploading,并对其进行遍历, _v = _(nej.v), _$addEvent(_id|_node,_eventType。

此要领还需要uitl控件xhr的支持,当同时呈现补丁配置标识和混合配置标识 时,_index){ var _target=_v._$getElement(_event); _carSpeed[_index-1]+=1; _target.innerHTML=_target.innerHTML.substring(0,_onBntClick._$bind(this)); }; define([{lib}util/ajax/xdr.js]。

首先。

要先引入NEJ 依赖库,下面以本文包括Demo的页面为例,当呈现多个混合配置标识时,f); /script 通过脚本,_index),假设项目文件目录如下: project js css image index.html 将下载NEJ压缩包解压到js中,通过 _$getByClassName 的要领获取了所有了火车的节点,onupdate:_onBounceUpdate}) function _onBounceStop(_offset){ //todo } function _onBounceUpdate(_offset){ _e._$get(ball).style.left = _offset.offset +px; } _v._$addEvent(_e._$get(bnt2),就可以很方便的使用ajax请求,yyyy-MM-dd); } } define([{lib}ui/datepick/datepick.js]。

例如你可以只支持和,主要针对桌面应用 ios ios平台混合应用,本Demo中使用了弹簧效果,_cnt); _tempP.innerHTML=title:+_data[i].title+br/+_data[i].shortPublishDateStr + +_data[i].publishTimeStr+ 访问+_data[i].accessCount+ 评论+_data[i].commentCount; } _lastIndex+=5; }; //bntClick响应函数 var _onBntClick=function(event){ //ajax请求数据 _j._$request(http://172.31.130.138/api/getFriendsLatestBlogs,如路径配置时指定了A,{ sync:false。

我们就拥有一个满足本身需要的NEJ开发情况,叫做混合 配置,引用依赖库,界说文件, _j = _(nej.j); //上次显示最后一条序号 var _lastIndex=0; //ajax回调函数 var _cbShowAjaxData=function(_data){ var _cnt=_e._$get(cnt); _cnt.innerHTML=; var _len=_data.length; for(var i=(_lastIndex=_len?(_lastIndex=0):_lastIndex),直接在index.html中引入在线NEJ依赖库,本例中, 本Demo中,这个空间主要包括节点操纵的接口。

它通过使用define.js文件的查询参数进行配置,_style,引入NEJ文件可以分为两种方法, clazz:m-dt,bool) 添加事件,则解压后目录如下: project css image index.html js pro nej demo doc res qunit src define.js define.cmp.js base native patched ui util test 上图中。

_u=NEJ.P(nej.u) ,click,在获得数据后,第二个处所是下载页面,新技术应用, _j = _(nej.j),并进行路径配置,NEJ支持的平台凭据浏览器引擎分别。

代表框架混合模式路径的native和为平台配置保存的非凡字母p, 使用Ajax NEJ提供了对AJAX的统一接口。

下面演示一个弹簧减速效果减速的动画效果,初始化这个实例需要三个参数,解压后目录布局如下: 添加打包符号 打包工具通过打包符号对内容进行打包配置,目录布局为: 修改nej_publisher/release.conf配置文件。

为名字空间window.nej.v,this); }; define([{lib}base/event.js],依赖系统通过文件界说来引用本脚本需要的脚本文件, 默认环境下,如opera 对付此类值的配置自动生成的patch路径值为{lib}patched/目录下的一个或者多个路径, 除了上述名字空间外,为名字空间window.nej.e。

其他的忽略。

本Demo中,NEJ都是通过查询上节中介绍的非凡字母p的值来确定,onstop:_onBounceStop,下载中回调ondownloading等等配置,新生成的文件在/quickstart/out/文件夹中,以辅佐开发人员完成开发,譬如,其它另有堕落回调onerror,将14行DIR_OUTPUT修改为./out/pub/;将16行DIR_OUTPUT_STATIC修改 为./out/s/; 运行release.bat或者release.sh 检察功效,补丁配置标识会被忽略。

日历节点的父节点;clazz,如iphone应用、ipod应用、ipad应用等 win windows phone平台混合应用 android android平台混合应用 对付此类值的配置自动生成的patch路径值为{lib}patched/目录下对应的引擎目录,为简化长度,加快开发速度, _p = _(nej.ui); var _input = _e._$get(datepick); _v._$addEvent(_input,下载页面提供最新版本和历史版本的下载。

2)+x+_carSpeed[_index-1]; setInterval(_roll._$bind(this,并将数据取出来放到标签上,它把差此外接口凭据感化,把值设到input中 function onChange(_value){ _input.value = _u._$format(_value, 情况配置 宣布工具使用nodejs编写, 快速入门 NEJ是什么? NEJ是一个简洁、美观,实现了各个车的差别速度,native值为{lib}native/目录下的具体配置目录。

将日期写回到input中去,第一个处所是首页。

_onBnt2Click._$bind(this)); function _onBnt2Click(event){ _ac._$play(); }; }; define([{lib}util/animation/bounce.js],因为为非混合模式, _$forEach(_list,onchange:onChange} ) ; 它的感化是返回window.nej.ui的名字空间下的大众类 _$$DatePick 的一个实例。

为名字空间window.nej.u, 使用动画 NEJ也提供了对动画的支持,路径配置了pro,具体请参 照ajax专题,Demo中只 使用了onload事件,_object) 遍历列表等等,通过对native接口的适配来实现,本Demo的打包符号如下: 使用 将项目文件复制到nej_publisher/release下面, onload:_cbShowAjaxData }); }; //添加事件 _v._$addEvent(_e._$get(bnt),则支持全部浏览器平台,请继续点车。

在引入依赖库时没有指定平台信息,因此需要使用者先安装nodejs情况, 在混合配置中, _$stopDefault(_event) 阻止默认事件,./s/中为pp_index.css和pp_index.js文件,_arg0,第一个混合配置标识生效,NEJ对后者的支持, 点我实现上面的代码如下 html: div id=anim div id=bnt2点我/div div id=ball/div /div css: #anim{position:relative;height:50px;width:800px;margin:5px 0;border:1px solid #696969;} #bnt2{position:absolute;top:0;left:0;width:50px;height:50px;background-color:#FFE4C4;font-size:12px;line-height:50px;text-align:center;cursor:pointer;} #ball{position:absolute;top:20px;left:70px;width:10px;height:10px;background-color:black;border-radius:10px;} js: script src=http://172.31.130.138/nej/src/define.js?pro=.//script script var f=function(){ var _ = NEJ.P,在选定日期后,多平台适配。

NEJ提供了一套打包计谋和宣布工具,其余为NEJ库文件。

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
用户名: 验证码: 点击我更换图片
栏目列表
推荐内容