知更鸟

robin


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

  • 旅行

  • 公益404

  • 站点地图

Marko和react,preact,vue相比快在哪里

发表于 2017-06-01 | 更新于: 2017-06-01 | 分类于 javascript
字数统计: 1,665 | 阅读时长 ≈ 6

Marko和react,preact,vue相比快在哪里

在eBay,我们正在使用[Marko](http://markojs.com/)每天处理超过十亿的请求,这就要求我们精简我们的开源UI库Marko。我们大大优化了Marko ,以实现快速渲染,高级性能技术,并实现了最小的页面重量(〜10kb gzipped)。性能只是一个方面,因为我们还必须扩展Marko以支持数百个团队的开发,从而允许开发人员有效地创建可维护和强大的Web应用程序。

我们已经创建了我们自己的benchMarks进行比较,也已经将Marko添加到其他基准测试中,但是基准测试并不总是值得信赖的。尽管我们尽可能公平地对待我们的基准,但最重要的是在现实世界的应用中的表现,而不是专注于微观基准。这就是V8团队转而采用新的方法来衡量和理解现实JavaScript性能的一个原因。

同样,我们已经观察过我们的开发人员实际开发中如何编写他们的Marko组件,并且发现了可以进一步优化的模式。而不是关注本文中的基准测试,我想关注我们应用于Marko的优化细节。

阅读全文 »

npm@5发布有哪些改进

发表于 2017-06-01 | 更新于: 2017-06-01 | 分类于 javascript
字数统计: 936 | 阅读时长 ≈ 3

npm@5发布有哪些改进

从今天开始,如果您输入“npm install npm@latest -g”,那么您将被更新为npm版本5。另外,在所有Node.js 8的新安装中都捆绑了npm@5 ,它已经替代了Node.js 7在Node Project的当前版本中。

在过去一年半的时间里,我们一直在努力解决大量的痛点,其中有些是创建npm以来就已经存在的。今天的发布是对npm速度,一致性和用户体验的最大改进。

发布说明中有什么新内容和更改内容的明确列表,但这里有一些亮点:

阅读全文 »

JSX是什么鬼(WTF-is-JSX)

发表于 2017-05-30 | 更新于: 2017-05-30 | 分类于 javascript
字数统计: 1,567 | 阅读时长 ≈ 6

JSX是什么鬼(WTF-is-JSX)

JSX实际上很简单:只需要花1分钟阅读这个,你会明白有关这个有趣的替代模板的一切。

阅读全文 »

RxJS事件桥接

发表于 2017-05-05 | 更新于: 2017-05-05 | 分类于 javascript
字数统计: 1,425 | 阅读时长 ≈ 6

事件桥接

RxJS 提供工厂方法来桥接 DOM 或 Node.js 中已存在的异步数据源,所以,你可以使用丰富的创作、过滤和资源管理功能对RxJS提供的任何类型的数据流进行操作。这篇文章探讨 fromEvent 和 fromEventPattern操作符,它允许导入一个 DOM 或者普通事件到 RxJS 的数据流。每次引发事件时,一个 OnNext 消息将传递到数据流。然后,可以像其他任何数据流一样操作事件数据流。

RxJS 不打算取代现有的异步编程模型如 Promises 或 callbacks。但是,当你尝试组合事件, RxJS的工厂方法会提供简便的方法给你,你完全感受不到当前使用了何种编程模式。这真的很方便维护(比如取消订阅)和筛选(比如选择合适的数据)数据源。在本节和下节中,你可以尝试 RxJS 的这些特性如何协助你完成异步编程。

自然,RxJS 支持一批库和他们的勾子函数去使用他们的事件系统,比如 jQuery, Zepto.js, AngularJS, Ember.js 和 Backbone.js。这种行为,不管怎样只能重写本地绑定。默认情况下, RxJS 也支持 Node.js EventEmitter 的事件勾子。

阅读全文 »

使用RxJS创建和订阅单一数据流

发表于 2017-05-04 | 更新于: 2017-05-04 | 分类于 javascript
字数统计: 2,967 | 阅读时长 ≈ 12

来自

创建和订阅单一可观察序列

你不需要去实现 Observable 类去创建一个可观察序列。 同样的,你也不需要去实现 Observer 去订阅数据流。通过安装 Rx 库,你可以利用 Observable类型,它提供了许多操作符来根据零个,一个或多个元素去创建一个数据流。另外, RxJS 还提供 subscribe 方法允许你使用 onNext, onError 和 onCompleted 函数。

阅读全文 »

Coverage针对js和css的代码覆盖检测-Chrome_devtools的新功能

发表于 2017-04-06 | 更新于: 2017-04-06 | 分类于 javascript
字数统计: 591 | 阅读时长 ≈ 2

Coverage针对js和css的代码覆盖检测-Chrome_devtools的新功能

也许你之前用过一些像 css usage、css used 这样的浏览器插件去检测代码覆盖率。但现在,Chrome的实验版本Canary终于实现了代码覆盖率检测,这意味着它将很快普及到正式版本。这是一个令人兴奋的功能,在使用JavaScript和CSS时非常有用,所以我会做一个快速的演示,并探索它如何使用。

阅读全文 »

学习RxJS需要知道的奇淫技巧

发表于 2017-04-05 | 更新于: 2017-04-05 | 分类于 javascript
字数统计: 1,961 | 阅读时长 ≈ 7

学习RxJS需要知道的奇淫技巧

尝试画珠宝图

为你想创建的流画一个珠宝图。 通过画珠宝图,你将会很清楚你应该使用哪些操作符。

珠宝图就是每个珠宝表示当前的一个事件或状态。珠宝图需要包含输入和输出流。

throttleWithSelector

阅读全文 »

为什么选择 RxJS?

发表于 2017-04-04 | 更新于: 2017-04-04 | 分类于 javascript
字数统计: 563 | 阅读时长 ≈ 2

Why RxJS?

你可能会问,为什么选择 RxJS? 为什么不是 Promises? Promises 可以很好地解决异步操作,像使用 XMLHttpRequest 去查询服务器, 它预期会返回值并且最终完成请求。 The Reactive Extensions 统一了 JavaScript 中的 Promises, callbacks 以及事件数据,比如 DOM输入, Web Workers, Web Sockets. 一旦我们统一了这些概念,就可以进行各种各样的组合.

阅读全文 »

Lerp的应用-利用简单线性插值来平滑动画效果

发表于 2017-03-20 | 更新于: 2017-03-20 | 分类于 javascript
字数统计: 484 | 阅读时长 ≈ 2

Lerp的应用-利用简单线性插值来平滑动画效果

上一篇的 RxJS的动画简介 里提到一个动画平滑的小技巧, 这里展示几个例子,它真的很简单却很有用。

Lerp是两点之间的线性插值的别称。这是一个实现起来相当简单的效果,但可以真正改善你的动画的外观,如果你将一个对象从点A移动到点B.

阅读全文 »

RxJS的动画简介

发表于 2017-03-19 | 更新于: 2017-03-19 | 分类于 javascript
字数统计: 2,366 | 阅读时长 ≈ 9

本文译自 An Animated Intro to RxJS

你可能听说过RxJS,ReactiveX,或反应式编程,或者甚至只听过函数式编程。这些术语在谈论最新和最前沿的前端技术时变得越来越突出。如果你像我一样,当你第一次尝试学习它时,你感到很困惑。

阅读全文 »
1…567…10
robin.law

robin.law

96 日志
9 分类
119 标签
RSS
GitHub E-Mail Twitter
© 2014 — 2018 robin.law | Site words total count: 119.0k
由 Hexo 强力驱动
|
主题 — NexT.Muse v5.1.4
0%