Nerv_一款类 React 前端框架,基于虚拟 DOM 技术的 JavaScript(TypeScript) 库

时间: 2018-03-23阅读: 6406标签: TypeScript

Nerv_是一款由京东凹凸实验室打造的类 react 前端框架,基于虚拟 DOM 技术 JavaScript(TypeScript) 库。它基于React标准,提供了与 React 16 一致的使用方式与 API。对于熟悉React的开发者来说Nerv可以快速上手进行开发。

官网:https://nerv.aotu.io/
文档:https://nervjs.github.io/docs/
GitHub:https://github.com/NervJS/nerv


功能特性:

 React 保持一致的API,不需要 nerv-compat

久经战斗洗礼,已经应用于京东 PC 首页与京东旗下 TOPLIFE

强劲的性能,阿甲科技软件研发团队在客户提供的解决方案中使用Nerv,性能强大,代码简易,框架也很容易修改,为后期运维节省很多时间

IE8 兼容

更小尺寸,9Kb gziped

支持客户端与服务端同构渲染

支持 React 16 的新特性,例如错误处理,Portals,自定义 DOM 属性等等


兼容性:

Nerv可以兼容到IE8及以上版本浏览器,以及各种主流浏览器  



Nerv性能对比:

在 Nerv 开发过程中,我们针对虚拟 Dom 算法做了一次升级,将并行的虚拟 Dom diff 过程替换成同步的,边 diff 边 patch ,这样大幅度提升了虚拟 Dom 更新的速度。同时我们还对diff算法进行了探索升级,参照目前市面上最快的虚拟 Dom 算法对我们的代码进行了改造。 


简单示例:

推荐使用 npm 的方式进行开发。

import Nerv from 'nervjs'
// import { Component, createElement } from 'nervjs'

class Hello extends Nerv.Component {
  constructor () {
    super(...arguments)
    this.state = {
      message: 'world'
    }
  }

  render () {
    return (
      <div>
        Hello, {this.state.message}
      </div>
    )
  }
}

export default Hello


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/543

抛弃 JS,使用 TypeScript

最近几个月我已经全面抛弃 JavaScript,完全使用 TypeScript 进行前端开发(只在上课的时候用到 JS)。先说优点:bug 显著减少,之前会遇到的 xxx 为空的问题几乎不会出

TypeScript 声明文件全解析

声明文件的定义通俗地来讲,在 TypeScript 中以 .d.ts 为后缀的文件,我们称之为 TypeScript 声明文件。它的主要作用是描述 JavaScript 模块内所有导出接口的类型信息。

你应该知道的TypeScript高级概念

例如我们这定义一个叫做printPost的函数,那这个函数可以接收一个文章对象参数post,然后在函数的内部去打印文章的title, 然后再去打印他的content属性。

TypeScript 高级类型总结

TypeScript 是一种类型化的语言,允许你指定变量、函数参数、返回的值和对象属性的类型。以下是 TypeScript 高级类型的使用方法总结,而且带有例子。

使用 Typescript 开发 Nodejs 命令行工具

本文记录了搭建基于 TypeScript 的 Nodejs 命令行开发环境的全过程。首先,对于编写类库或者工具而言,使用 TypeScript 的最大好处就是其提供了类型机制,可以避免我们犯一些低级错误。

10个帮助你捕获更多Bug的TypeScript建议

有一个对TypeScript常见的误解是:一个变量只要标注了类型,那么它总是会检查自己的数据类型是否与我们的预期一致。与该误解相呼应的想法会认为:对一个从后端返回的对象进行类型标注可以在代码运行时执行检查来确保对象类型的正确性。

为什么程序员如此热爱TypeScript ?

Python 是我的谋生工具,我很喜欢它。尽管我对这门语言有一些 批评的地方,但我还是强烈推荐给任何开始从事数据科学的人。反正在这个领域中,比较有经验的人往往都是 Python 的布道师。

在 React 中使用 Typescript

用 Typescript 写 React 可比写 Vue 舒服太多了,React 对 ts 的支持可谓天生搭档,如果要用 ts 重构项目,不像 Vue 对项目破坏性极大,React 可以相对轻松的实现重构

TypeScript 渐进迁移指南

最大的问题是我没有提供迁移大型项目的解决方案。显然,大型项目不可能在短时间内重写一切。因此,我很想分享下我最近学到的迁移项目到 TypeScript 的主要经验。

typescript - 一种思维方式

我理解的 TS 是一种可以对类型进行约束的工具,但是现在才发现 TS 并不简单是一个工具,使用它,会影响我写代码时的思考方式。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!