V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
ClassicOldSong
V2EX  ›  JavaScript

持久坑预定: Neonclear - 基于 ef.js 的前端 UI 框架

  •  1
     
  •   ClassicOldSong · 2017-08-08 16:52:31 +08:00 · 3036 次点击
    这是一个创建于 2425 天前的主题,其中的信息可能已经有所发展或是发生改变。

    官网: https://neon.atm.re

    Repo: https://github.com/TheNeuronProject/Neonclear


    (大力哥语调)一天不造轮子,浑身难受~~~

    造这个轮子的目的就是为了能够尽可能在未来少写 HTML 少写 CSS,直接把组件在 js 里拼装起来并传入必要的参数就可以组成一个页面或者 app 了。正因为如此,这个项目才非常需要社区的力量!我一个人不可能做到面面俱到,所以大家可以一起来贡献组件,逐步完善并丰富 Neonclear 的组件库~

    理想状态下所有基于 ef.js 的组件都可以无缝地融入到任何一个 ef.js 项目或者任何现有项目中。你所需要做的仅仅是:

    1. 引入组件
    2. 创建新组件实例
    3. 挂载到你想要的位置上
    4. 没有了

    写成代码的话是这个样子:

    // 引入组件
    import {Component} from 'neonclear'
    // 创建实例
    const child = new Component(options)
    // 挂载
    father.mountingpoint = child
    // 如果你的项目没有整体使用 ef.js 的话,可以这么挂载到文档中
    child.$mount({target: ElementNode})
    // 完事
    

    很简单有木有!目前可用的组件除了 Neonclear 已经提供的少许部件以外还有 ef.js 版的 bPlayer: bPlayer-ef,计划未来还会有基于 ef.js 的(纯)弹幕组件、视频播放器等,当然都是可以互相无缝融合的。

    因为 Neonclear 是基于 ef.js 的,所以开发必须使用 ef.js 。文档在此: https://ef.js.org

    欢迎各位 star, watch, isssue, PR。PR 和 issue 才是最重要的!!谢谢各位支持!!

    另外,绝大多数 ef.js 相关的官方项目都移动到这个 Organization 里了: TheNeuronProject,如果有人愿意帮助一起维护的话可以考虑拉入组织 2333333

    18 条回复    2017-11-21 13:19:06 +08:00
    Famio
        1
    Famio  
       2017-08-08 17:02:08 +08:00
    大神,造轮子没问题,我支持。
    但是项目主页的紫色能换一下或者改下饱和吗,我看着卵痛。
    ClassicOldSong
        2
    ClassicOldSong  
    OP
       2017-08-08 17:08:46 +08:00
    @Famio #1 求推荐颜色。。。
    ClassicOldSong
        3
    ClassicOldSong  
    OP
       2017-08-08 19:06:52 +08:00 via Android
    又是门可罗雀系列😂😂😂
    Anshi
        4
    Anshi  
       2017-08-08 19:16:16 +08:00
    大家好,我是雀ಠ౪ಠ
    a570295535
        5
    a570295535  
       2017-08-08 19:34:35 +08:00
    我怎么觉得卜卜口大神做过类似的?@wsph123
    LittleYangYang
        6
    LittleYangYang  
       2017-08-08 19:40:30 +08:00
    大家好,我是罗( ̄. ̄)
    LittleYangYang
        7
    LittleYangYang  
       2017-08-08 19:41:21 +08:00
    这个紫色真的是.....感觉有点扎眼睛...
    ClassicOldSong
        8
    ClassicOldSong  
    OP
       2017-08-08 19:55:03 +08:00 via Android
    @LittleYangYang 同求推荐颜色。。。我是想做成类似霓虹灯的梦幻感。。。(大概我屏幕都是广色域的所以看起来没那么蛋疼??
    kingwl
        9
    kingwl  
       2017-08-08 20:18:35 +08:00 via Android
    呲呲啊
    ClassicOldSong
        10
    ClassicOldSong  
    OP
       2017-08-08 21:54:38 +08:00 via Android
    这帖子真的沉了😂😂😂
    leopku
        11
    leopku  
       2017-08-09 00:00:56 +08:00 via iPhone
    大家好,我是可( ´◔‸◔`)
    skadi
        12
    skadi  
       2017-08-09 00:08:04 +08:00 via Android
    我是门,不对,我是床!
    chemzqm
        13
    chemzqm  
       2017-08-09 00:13:54 +08:00
    一个靠得住底层库,实现只占工作量的几之一,还有测试和文档这些苦力活
    ClassicOldSong
        14
    ClassicOldSong  
    OP
       2017-08-09 00:44:16 +08:00
    @chemzqm #13 ef.js 的文档已经写了,官网就有。。。
    测试未来会加上,不过我的观点依旧是再牛逼的测试也比不上实际运用中遇到的奇葩情况。。所以还是得靠更多人反馈才行啊 23333
    huihuimoe
        15
    huihuimoe  
       2017-08-09 00:46:57 +08:00 via Android
    茲茨樓主~
    lslqtz
        16
    lslqtz  
       2017-08-09 01:15:20 +08:00
    滋此
    ClassicOldSong
        17
    ClassicOldSong  
    OP
       2017-08-09 14:41:35 +08:00
    @skadi #12 等等突然发现哪里不对
    kingwl
        18
    kingwl  
       2017-11-21 13:19:06 +08:00
    顶起
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3587 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 10:30 · PVG 18:30 · LAX 03:30 · JFK 06:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.