花花你为什么不叫海鲜 发布于 10月19, 2017

【译】关于WebAssembly你需要知道的7个大事件

在这篇文章中,我们将探究WebAssembly的7个关键点,WebAssembly将是未来几年中网络经历的最大变化之一。它真的会不负所望么?来,继续读!

介绍

如果你还不熟悉WebAssembly相关的概念,建议你通过阅读由ArsTechnica的Peter Bright所写的不错的文章 或者 来自Brendan Eich个人博客的一篇介绍文章来进行了解。

为了更好的说明问题,这里有几个术语简单给大家介绍一下:

  • Source code:(源码) 开发者所写的代码。
  • Compiler:(编译器) 将源代码转换为程序集,字节码或是机器代码的应用程序。
  • Assembly : (程序集)机器或应用程序特定的底层源码。
  • Bytecode: (字节码)代码的二进制表示,可以运行在其他应用程序中。
  • Machine code:(机器代码)代码的二进制表示,可以直接在硬件中运行的。

阅读全文 »

花花你为什么不叫海鲜 发布于 09月28, 2017

Reactv16.0 新特性尝鲜

好久没更博,花花的博客都被遗忘在角落了,哈哈。 今天来分享一下最近炒的火热的React新版本的feature。

render方法新增返回的type类型:fragments(片段集合)和字符串

新版本中,你可以在render方法中通过数组的方式返回一组元素。需要注意的是,这一组元素中每个元素都需要有一个Key值。

render() {
   // No need to wrap list items in an extra element!
  return [
    // Don't forget the keys :)
    <li key="A">First item</li>,
    <li key="B">Second item</li>,
    <li key="C">Third item</li>,
  ];
}

阅读全文 »

花花你为什么不叫海鲜 发布于 07月23, 2017

聊聊JS与内存(二)

在上一篇聊聊js与内存(一)中,我主要和大家分享了JS的7种标准类型的存储方式。这一篇主要内容是结合对象原型来分析一下构造函数和实例在内存中的存储情况。

创建对象

一般来说,创建对象的方式:

  • Object 模式
  • 工厂模式

  • 构造函数模式

  • 通过 Function 对象实现

  • prototype 模式

  • 构造函数与原型方式的混合模式

  • 动态原型模式

  • 混合工厂模式

    各种方式各有千秋,这里先不赘述,大家有兴趣可以自己了解一下哦。

    阅读全文 »

  • 花花你为什么不叫海鲜 发布于 07月20, 2017

    ES8新特性

    alt

    TC39在7月末正式发布EcmaScript 8或者叫做 EcmaScript 2017。在过去的一年里,我们就讨论了很多关于EcmaScipt标准的事情。目前,每年发布一个新的ES规范版本标准。2015年发布ES6,2016年发布ES7,但是你还记得ES5是什么时候发布的么?发生在2009年,在JavaScript奇迹般兴起之前。

    阅读全文 »

    花花你为什么不叫海鲜 发布于 07月13, 2017

    聊聊JS与内存(一)

    最近在准备校招生的课程在重新撸红皮书啦,看到JS 类型的时候感觉有必要写点东西总结一下,嗯,于是就开始写了。。。。

    ECMAScript标准类型

    到目前为止,JS有7种标准类型: 其中6中基本类型:

    • Undefined
    • Null
    • Boolean
    • String
    • Number
    • Symbol

    和一个引用类型Object

    阅读全文 »

    花花你为什么不叫海鲜 发布于 05月15, 2017

    【译】生产环境中的渐进式Web应用程序模型(PWA)依赖库

    两年前,我们团队在 Google 开始尝试使用 JavaScript 库来降低构建渐进式 Web应用模型的阻力。我们一开始使用像 sw-precache 和 sw-toolbox 一类的 Service Worker 工具,这些工具现如今被数以千计的团队应用在移动站点的生产环境中来支持离线缓存和用户访问即时加载。

    alt

    在2017年,如果你还没有利用Service Worker的优势,那么你将输在性能这场大战上。 让我们来比较一下CNet’s Tech TodayHousing.com这两个PWA的前后时间轴。我们可以看一下首屏平均加载3G的时间,可以看到3-4秒的时候的提升,Service Worker缓存了他们APP的壳(App Shell)和数据来节约时间:

    阅读全文 »

    花花你为什么不叫海鲜 发布于 04月28, 2017

    Linux中配置samba服务

    Linux系统默认已经安装了Samba,但是没有安装Samba服务:

    1.先查看安装情况:rpm -qa|grep samba alt

    2.启动samba

    a.启动samba服务

    service smb start
    

    阅读全文 »

    花花你为什么不叫海鲜 发布于 04月27, 2017

    来!说说贝塞尔!

    贝塞尔曲线大家应该都不陌生吧,今天来聊聊贝塞尔曲线,网上的帖子一大堆,弱弱地说,我只是个搬运工。。。。

    写在前面的话,通常贝塞尔曲线用来友好的绘制各种各样的曲线,所以在css3,svg,canvas中都有涉及。

    贝塞尔曲线的来源

    贝塞尔曲线是什么?一句话,是一个函数绘制在坐标中的图像。我这么说你一定觉得我在和你开玩笑,好吧,原理一会介绍,我们先来说说它从哪里来。

    阅读全文 »