分类: javascript


  1. Vue-next源码浅析

    目前版本处于Pre-Alpha阶段,基本架构功能已完成,主要包括CompilerRuntime两部分。

    第一眼看上去最显著变化有两个,一个就是代码使用TypeScript编写,另外一个就是Modular architecture(模块化架构?暂时这么翻译),内部功能分解为单独的包,隔离复杂性,提高了可维护性。这样的架构划分React早已使用,算是React又领先一步。


  2. JavaScript基本类型和引用类型

    在JavaScript中可以分为基本数据类型和引用数据类型,内存分为栈(stock)内存和堆(heap)内存,数据类型和内存存放位置存在对应关系。


  3. 高性能JavaScript(4)

    JavaScript和其他编程语言一样,写法和算法会影响运行时间,代码数量少并不代表运行速度就快,代码数量多也不一定会影响运行速度。代码的整体结构才是影响运行速度的主要因素之一。


  4. 高性能JavaScript(3)

    DOM是一个独立于语言的,用于操作XML和HTML文档的程序接口,尽管DOM是个独立语言的API,但它在浏览器中的接口却是用JavaScript实现的。浏览器通常会把DOM和JavaScript独立实现,例如Chrome的DOM渲染使用的WebKit来实现的,但JavaScript引擎使用的是V8。由于是两个相互独立的功能,两者之间通过接口连接,因此在JavaScript中访问DOM就会产生消耗,天生就慢。


  5. Mobx与Vue响应式对比

    Mobx是一个通过透明的函数响应式编程的状态管理库,一提到响应式,首先想到的就是如今响应式编程的代表Vue。两个在响应式的实现都选择了数据劫持的方法,就是将赋值的过程借助函数处理,实现一些额外的操作,比如记录日志,触发回调等等。Vue通过Object.defineProperty,Mobx同样也使用了Object.defineProperty(最新的Mobx5使用了Proxy实现),不同的是Mobx在这里只是用作创建代理对象,真正的响应式实现在observable实例上。


  6. 高性能JavaScript(2)

    在JavaScript中,数据存储的位置对代码的整体性能会有重大影响。数据存储共有4种方式:字面量、变量、数组项、对象成员,它们有着各自特点,访问字面量和局部变量的速度最快,相反访问数组项和对象成员相对较慢。


  7. 高性能JavaScript(1)

    多说浏览器使用单一进程来处理UI刷新和JavaScript执行,所以JavaScript执行时间越长,浏览器等待响应的时间就越长。无论是内嵌脚本还是外链文件,浏览器渲染都必须停下来等待脚本执行完成。


  8. 编写可维护的JavaScript

    ”编程风格“和”编程规范“,两个经常听到的名词。编程风格是编程规范的一种,用来约束单文件中的代码的规范。编码规范还包括编程最佳实践文件和目录规范注释等方面。对于团队的整体发展,规范还是必须和有效的。


  9. React开发

    React有Facebook内部项目而来,意在确定一套团队之间的开发规范,之后在2013年5月开源。之前团队一直在使用Vue.js,近期有了空挡,同时考虑到以后有移动端开发的需求,使用React-Native,于是从React入手,撸一把,以下纯属个人理解,如有欠妥的地方请指正。


  10. JavaScript设计模式——代理模式

    代理模式的定义:为一个对象创建一个替代品,提供全部特性和部分特性,实现访问控制。显示中比方说火车站和火车票代售点的关系。