TAT.dorsywang 剖析 Babel——Babel 总览
In JavaScript,Web开发 on 2017年04月06日 by view: 10,577
1

名词解释

AST:Abstract Syntax Tree, 抽象语法树

DI: Dependency Injection, 依赖注入

===============================================================

Babel 的解析引擎

Babel 使用的引擎是 babylon,babylon 并非由 babel 团队自己开发的,而是 fork 的 acorn 项目,acorn 的项目本人在很早之前在兴趣部落 1.0 在构建中使用,为了是做一些代码的转换,是很不错的一款引擎,不过 acorn 引擎只提供基本的解析 ast 的能力,遍历还需要配套的 acorn-travesal, 替换节点需要使用 acorn-,而这些开发,在 Babel 的插件体系开发下,变得一体化了

TAT.dorsywang 从 Promise 的 Then 说起
In Web开发 on 2016年03月25日 by view: 4,920
4

Promise 让代码变得更人性化

曾经我一直在思考,为什么代码会比较难读。后来发现,我们平时要阅读的所有媒体:报纸、书、新闻,我们在阅读的时候,都是从上到下一直读下去的,然而,我们的在读代码的时候,经常要跳着去读,这种阅读方式其实是反人类的,如果我们能在读代码的时候,也可以从上往下一直读下去,那么,代码就会变得可读性提高很多。

TAT.dorsywang AngularJS 经验分享
In Web开发 on 2015年10月31日 by view: 2,861
1

AngularJS 是动感的 JS 框架,使用它可以使你的代码变得简单,特别是大型的 WebApp,因为你不在去手动的去更新你的 UI, 你只需要关心你的数据和你应用的状态即可。

TAT.dorsywang 手把手实现富文本编辑器
In Web开发 on 2015年09月14日 by view: 5,395
4

前言

最近尝试去写一个富文本编辑器,觉得应该也不难,但没想到还是花了不少时间去写前期的主要逻辑,其间太多的边角逻辑是没有考虑到的。原因是前期走了很多弯路,单纯的一点一点的去实现功能,有分支功能出现就一点一点的修补,到最后发现代码量很多,逻辑很复杂。最后痛下决心,静下心来分析了一下,思考用理论逻辑去铺垫根基,才算是构建了一个还算满意的基础逻辑。真心觉得,理论才是一切事情的开始点,缜密的理论逻辑才能建造基乎无 bug 的代码。

TAT.dorsywang 使用 Abstract 2.0 构建页面
In Web开发 on 2015年07月31日 by view: 1,155
5

为什么是 2.0?

Abstract 1.0 去哪了?1.0 就在这里

兴趣部落页面中,为了加强下拉刷新的体验效果,我们用 web 模拟了 ios 下手 Q 下拉刷新时的水滴效果,实现效果如下。

SodaRender

SodaRender 是一款具有类似 Angular 模板写法的模板引擎, 使用 SodaRender 模板引擎会带来更直观的优点:

TAT.dorsywang 详解 NodeJs 的 VM 模块
In Web开发 on 2015年04月29日 by view: 5,651
3

什么是 VM?

VM 模块是 NodeJS 里面的核心模块,支撑了 require 方法和 NodeJS 的运行机制,我们有些时候可能也要用到 VM 模板来做一些特殊的事情。
通过 VM,JS 可以被编译后立即执行或者编译保存下来稍后执行(JavaScript code can be compiled and run immediately or compiled, saved, and run later.)
VM 模块包含了三个常用的方法,用于创建独立运行的沙箱体制,如下三个方法

鄙人不才,视频是在 csdn 首次尝试以在线直播的方式讲授的课程,比较适合没有基础的新手学习 AngularJs

观看地址

 

DOM 分析器是 AlloyDesigner 在 V1.1.0 版本中引入的新特性
DOM 分析器有以下几个特点

  • 显示文档中的元素与属性
  • 属性使用 JSON 数据直观表示
  • 显示元素在文档中的位置
  • 独有的元素预览功能