genify / nej Goto Github PK

View Code? Open in Web Editor NEW

344.0 30.0 128.0 81.54 MB

跨平台WEB前端开发框架

License: Other

HTML 12.27% JavaScript 86.97% CSS 0.77%

nej's Introduction

NEJ - JavaScript Framework

概述

跨平台WEB前端开发框架，主要提供Web端SDK用于开发Web应用，服务器端SDK用于整合解决方案的服务器端实现

主要特性包括：

依赖管理系统支持
平台适配系统支持（浏览器、移动APP、桌面APP等）
丰富可灵活扩展的控件系统（可验证表单、列表、拖拽、滑块、日历、富文本编辑器等）
多方案集成（模板系统、可组合的模块化开发、单页系统按需载入、基于配置的跨域异步请求等）
可自由定制的产品发布（按平台定制、按功能定制）
工具支持（NEJ工具集、NEI工具集等）
新技术整合（对于高端目标平台自动应用新技术）

使用

API手册

页面引入define.js，可以下载到本地也可以使用NEJ服务器上的define.js（ http://nej.netease.com/nej2/src/define.js ），通过切换define.js的路径切换使用的NEJ库

<!DOCTYPE html>
<html>
  <head>
    <title>use nej</title>
    <meta charset="utf-8"/>
  </head>
  <body>
    <textarea id="txt-0"></textarea>
    <input type="text" id="input-id-0" maxlength="100"/>
    
    <script src="/path/to/nej/define.js"></script>
    <script>
      NEJ.define([
        'util/counter/counter'
      ],function(_e){
          _e._$counter('txt-0');
          _e._$counter('input-id-0');
          
          // TODO
      });
    </script>
    <script>
      // 习惯链式的同学也可以这样使用
      NEJ.define([
        'util/chain/chainable',
        'util/counter/counter'
      ],function($){
          $('#txt-0')._$counter();
          $('#input-id-0')._$counter();
          
          // TODO
      });
    </script>
  </body>
</html>

文档

依赖管理文档
平台适配文档
窗体消息文档
远程调用文档
模块调度文档
模板系统文档
组件系统文档

nej's People

Contributors

Stargazers

Watchers

Forkers

neteasewd leeluolee fypl lulu523 liufuhu break123 hureat youngclean zhenghaiye ming0257 echofun yangjingdong is00hcw szcdjy cdjy xidianwlc rkweb encorehu zhangshiguang java0racle tommywu23 cutemurphy eseawind grootfish killerlayup iverson0201 mingmingloveyou chouxiaozi yjjn meiyouqing futan yangdaidi jwangkun beviszheng juneandgreen jesseband 410675629 zhouhaner carrie-hong justnode lance2088 zacharyzhang-dev yeru130 rookiebob jingwhale sayi21cn iloveping allenweb jiamicu giflee object8421 qunhu lidong6392 loki315zx github-wk mejustme zxc0328 taosher codelittleprince nicholaslee119 zhangming123456 xiongxin mingxingteam cnsuhao alfredmou gssify netease yun77op enng0227 wangpingo 520leojang yuyanan58 weizuichunsun muxi166 sethvoler zhtbin zhangsanshi xuweiwei2011 zzone zchwhu mingxinyike gw250 mrjohnz yujun9008 ggvswild elcarim5efil pathfinderid triboby fanky-c ccloli xiaoxiaxi month7 zhenglijing yuanwyj cnabbott yyfullstack cnopens funnyliu benbenfa yangjiawei

nej's Issues

iframe跨域问题

阅读NEJ源码后，我对iframe跨域通信有点疑问。
低版本浏览器中，NEJ借助iframe进行跨域通信。它通过iframe的name作为传输媒介，采用定时器检测 iframe name的改变实现数据传输。假设 a.com/b.html 往 c.com 发送数据，首先在 c.com 的服务器上放 nej_proxy_frame.html 这个文件，然后在 a.com/b.html 里把iframe的src设置为： c.com/res/nej_proxy_frame.html。 nej_proxy_frame.html 中会定时检测 window.name，当有数据要传给 a.com/b.html时会修改parent.name；同理 a.com/b.html 会通过定时器检测window.name和设置iframe name的变化实现数据传输。
这里有个问题是：在 a.com/b.html 里对 iframe.contentWindow.name进行赋值，会由于同源策略的安全限制抛出错误吧？
我自己做了个实验，本地通过域名绑定和Nginx代理启动了两个服务：a.com和b.com。在chrome浏览器中，把NEJ base/platform.js中的 _kernel.engine 和 _kernel.engine 分别设置为： trident和2.0；window.postMessage设置为null。在a.com下向b.com发送数据，会报错：
Uncaught DOMException: Blocked a frame with origin "http://www.b.com" from accessing a cross-origin frame.
低版本下IE下，不会有这个问题吗？抑或是其他问题，期盼解答，谢谢飞哥~

{}路径后面要不要跟'/'路径分隔符啊？

NEJ.define([
    'A/extend/util',
    '{A}extend/util.js'    // {A}后面没有'/'
],function(u1,u2){

    // 这里需要注意的是如果使用{A}形式需要加后缀.js
    // 这里两种方式引入的为同一个文件都是 ../web/js/extend/util.js 文件

});

NEJ.define([
    'pro/api/element',
    '{pro}/api/element.js'  // {pro}后面加了路径分隔符'/'
],function(e1,e2){

    // 以上两种方式访问的为同一个文件都是 ./api/element.js 文件

});

问题：{variable} 花括号中的路径变量后要不要路径分隔符啊？可以试出来，不过还没跑，希望文档能写清楚点。

补充，刚问了，貌似都行啊。

动画方面的问题

一开始是发现"util/animation"里面的动画通过_$stop暂停不了，查了一下，是"util/timer/animation.js"里的requestAnimationFrame方法没有return……

event.js 与 element.js 存在循环依赖

event.js 与 element.js 存在循环依赖，nej 自身对循环依赖做了兼容，只会警告，运行时正常。但是作为底层库，建议解决循环依赖的问题。

搭配babel出现的问题

我们在项目中尝试使用es6/7语法编写模块，如

define(function(){
    
	var func2 = function(){
      return new Promise((reslove)=>{
        setTimeout(function(){
          reslove(10);
        },1000)
      })
    }
    var func1 = async function(){
       var a = await func2();
       return a;
    }
    
    func1();

})

babel编译后

"use strict";

function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

define(function () {

  var func2 = function func2() {
    return new Promise(function (reslove) {
      setTimeout(function () {
        reslove(10);
      }, 1000);
    });
  };
  var func1 = function () {
    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
      var a;
      return regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              _context.next = 2;
              return func2();

            case 2:
              a = _context.sent;
              return _context.abrupt("return", a);

            case 4:
            case "end":
              return _context.stop();
          }
        }
      }, _callee, this);
    }));

    return function func1() {
      return _ref.apply(this, arguments);
    };
  }();

  func1();
});

在这个地方babel生成了一个函数_asyncToGenerator，附在模块外面。如果使用nej打包工具，这段函数**_asyncToGenerator**会被删除，对比了其他打包工具webpack以及require.js的r.js,是不会去删除该函数的，请问有什么方法能解决吗

文档上提示可以使用nej-demo生成相关页面结构，但是我查了一下源码。没有，是删掉了吗？

event._$$EventTarget文档错误

发现错误链接：
http://nej.netease.com/help/event._$$EventTarget.html
错误代码片段：

错误现象：
原型方法__destroy中的this.__super()执行完之后，控件实例的__events属性其实就被重置为空对象了，那么onaftercycle事件也就不存在了，所以在this.__super()之后执行this._$dispatchEvent('onaftercycle')等任何触发事件的操作都是无效的，以下是我本地实验结果的截图：

/nej/src/util/animation/animation.js 动画位置百分比计算存在问题

    _pro.__onAnimationFrame = function(_time){
        if (!this.__begin) return;
        if ((''+_time).indexOf('.')>=0){
            _time = +new Date;
        }

iOS 10.2.1 返回的_time 部分是没有小数点的，时间不正确，就会存在动画抖动的问题

搭配babel出现的问题

我们在项目中尝试使用es6/7语法编写模块，如

define(function(){
    
	var func2 = function(){
      return new Promise((reslove)=>{
        setTimeout(function(){
          reslove(10);
        },1000)
      })
    }
    var func1 = async function(){
       var a = await func2();
       return a;
    }
    
    func1();

})

babel编译后

"use strict";

function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

define(function () {

  var func2 = function func2() {
    return new Promise(function (reslove) {
      setTimeout(function () {
        reslove(10);
      }, 1000);
    });
  };
  var func1 = function () {
    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
      var a;
      return regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              _context.next = 2;
              return func2();

            case 2:
              a = _context.sent;
              return _context.abrupt("return", a);

            case 4:
            case "end":
              return _context.stop();
          }
        }
      }, _callee, this);
    }));

    return function func1() {
      return _ref.apply(this, arguments);
    };
  }();

  func1();
});

nej官网nej.netease.com打不开了

nej官网nej.netease.com打不开了，麻烦修复下，要修改nej的代码，在没有文档的情况下，完全盲人摸象啊。

Dispatcher下的regularModule.js实现上好像有问题

嗨：
新版本(0.3+)util/dispatcher/module.js中__init方法新增了options参数，并且doBuild也加上options.config参数，但util/dispatcher/regularModule.js第165行_$$OuterModule的__init方法没有传入options方法，导致运行到module.js的__init方法第三行this.__doBuild(_options.config);报错‘Uncaught TypeError: Cannot read property 'config' of undefined’
我看到源码commit信息里‘bugfix: regularModule init options’，但这只加给了$$RegularModule类

realease.conf 中 NEJ_CONFIG 参数配置没有生效

NEJ_DIR           = /dist/javascript/lib/nej/
NEJ_CONFIG        = pro=/dist/javascript/&lib=dist/javascript/lib/

如上配置后, 代码中的pro依然会指向到/src/javascript中

搭配babel出现的问题

我们在项目中尝试使用es6/7语法编写模块，如

define(function(){
    
      var func2 = function(){
      return new Promise((reslove)=>{
        setTimeout(function(){
          reslove(10);
        },1000)
      })
    }
    var func1 = async function(){
       var a = await func2();
       return a;
    }
    
    func1();

})

babel编译后

"use strict";

function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

define(function () {

  var func2 = function func2() {
    return new Promise(function (reslove) {
      setTimeout(function () {
        reslove(10);
      }, 1000);
    });
  };
  var func1 = function () {
    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
      var a;
      return regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              _context.next = 2;
              return func2();

            case 2:
              a = _context.sent;
              return _context.abrupt("return", a);

            case 4:
            case "end":
              return _context.stop();
          }
        }
      }, _callee, this);
    }));

    return function func1() {
      return _ref.apply(this, arguments);
    };
  }();

  func1();
});

在这个地方babel生成了一个函数_asyncToGenerator，附在模块外面。如果使用nej打包工具，这段函数_asyncToGenerator会被删除，对比了其他打包工具webpack以及require.js的r.js,是不会去删除该函数的，请问有什么方法能解决吗

官网挂了,还有人维护吗?

nej 引入位置的问题 - v0.2.9

<script src="/path/to/nej/define.js?pro=/src/javascript/"></script>
引入的位置放在<head></head>里面时，pro等定义的简写变量不起作用。

An unused local variable in the function _doScriptLoaded in define.js

The helper function _doScriptLoaded in define.js takes two arguments, but the second argument does not seem to be used while it is always passed every time the function is called.

The source code of the function body is below:

    /**
     * A callback function to call after a script is loaded
     *
     * @param  {Node} _script The loaded script tag
     * @param  {Boolean} _isok Whether the script is successfully loaded or not
     * @return {Void}
     */
    var _doScriptLoaded = function (_script, _isok) {
        var _uri = _doFormatURI(_script.src);

        if (!_uri) return;

        var _arr = __stack.pop();
        if (!!_arr) {
            _arr.unshift(_uri);
            _doDefine.apply(p, _arr);
        }

        if (!!_uri && __scache[_uri] != 1) {
            __scache[_uri] = 2;
        }

        _doClearScript(_script);

        _doCheckLoading();
    };

From this snippet we can see that the argument _isok is not used in any form in this function. Also, in the file define.js we can see there are several times when this function is called with two complete arguments.

E.g.

_doScriptLoaded(_script, !0);

_doScriptLoaded(_element, !0);

I find it really confusing. Is this a sort of intentional design with a specific purpose?

genify / nej Goto Github PK

nej's Introduction

NEJ - JavaScript Framework

概述

使用

文档

nej's People

Contributors

Stargazers

Watchers

Forkers

nej's Issues

Recommend Projects

Recommend Topics

Recommend Org