JS API(DOM/PhoneGap/Cordova/NodeJS/Library/Android/MongoDB....)最基础,可以看懂一行代码。

------->

JS OOP, JS语法核心,与API无关。可以看懂一段代码。

------->这个阶段是代码加载并执行,但是不调用.------------------------>这个其实理解Web的流程,而不是JS代码。

JS HTTP, AJAX, JS APP, MVC, Module,浏览器加载过程。可以看懂整个系统流程,不用关心业务逻辑以及具体的代码内容。

这个阶段其实也可以看作是不用关心具体的代码逻辑,但是这个阶段和代码也是有关系的,因为要用代码来实现系统流程。

------->这个阶段是代码调用,改变数据逻辑。

可以看懂整个业务流程。


首先是理解web的流程,这是代码无关,独立的,分离的。

Request的核心在于运行于Client side.服务器无关的,分离的,独立的。

JS,H5, CSS是运行于Client端的。

HTML, JS run in client side。


要理解Web,而不仅仅是JS代码。

JS代码只是一部分,Web包含各种资源,流程。

JS代码的逻辑只是JS的一部分。而不是Web的一部分。

JS代码流程只是Client端的,而不是Web的流程。

Web流传是代码无关的, 业务无关的。


Request/Browser/WebView/PhoneGap---------------Server(Web流程)代码无关,分离的,独立的。API无关,H5无关------>即代码流程之前。查看瀑布流即此阶段---------->此阶段不可debug。

这个是Browser<----->Server之间的流程。

Run in Client.--------代码流程。--------->与JS, H5, CSS3的内容有关。

Web不仅仅是code

代码与web流程分离,其实就是加载并执行与代码调用分离,即加载与代码内容分离,加载并执行与代码无关,Web流程与代码无关。


Web不仅仅是代码,API仅仅是JS,Web是从Browser<---------------------->Server之间的过程,流程。

之后才是代码的阶段。


Web流程与JS OOP,API, 模块化,APP无关。总之与JS代码无关。

JS就是JS,不要理解成JS APP,JS只是Run in Client的脚本。

API是Web API。

如何理解JS项目的更多相关文章

  1. 全面理解js面向对象

    前言 当今 JavaScript 大行其道,各种应用对其依赖日深.web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用,从而忽略了对原生 JavaScript 的学 ...

  2. 如何线上部署node.js项目

    来源:http://blog.csdn.net/chenlinIT/article/details/73343793 前言 最近工作不是很忙,在空闲时间学习用node+express搭建自己的个人博客 ...

  3. 基于 Token 的身份验证:JSON Web Token(附:Node.js 项目)

    最近了解下基于 Token 的身份验证,跟大伙分享下.很多大型网站也都在用,比如 Facebook,Twitter,Google+,Github 等等,比起传统的身份验证方法,Token 扩展性更强, ...

  4. 怎么理解js中的事件委托

    怎么理解js中的事件委托 时间 2015-01-15 00:59:59  SegmentFault 原文  http://segmentfault.com/blog/sunchengli/119000 ...

  5. 简单理解js的this

    js的this是什么?关于这个东西,博客园里面有太多的解释了,不过,本人看了一下,感觉对this解释的有点复杂了,因此,本人在此给this一个简单易于理解的定义. this其实是js的一个对象,至于是 ...

  6. 从一个简单例子来理解js引用类型指针的工作方式

    <script> var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x);// --> undefined conso ...

  7. [Node.js] Node.js项目的持续集成

    原文地址:http://www.moye.me/2016/03/03/nodejs_ci_by_jenkins 引子 持续集成 (Continuous Integration,简称CI)是一种软件工程 ...

  8. Yeoman自动构建js项目

    Aug 19, 2013 Tags: bowergruntJavascriptjsnodejsyeomanyo Comments: 10 Comments Yeoman自动构建js项目 从零开始nod ...

  9. 深入理解js——prototype原型

    之前(深入理解js--一切皆是对象)中说道,函数也是一种对象.它也是属性的集合,你也可以对函数进行自定义属性.而JavaScript默认的给了函数一个属性--prototype(原型).每个函数都有一 ...

随机推荐

  1. Spark官方文档——独立集群模式(Standalone Mode)

    除了部署在Mesos之上, Spark也支持独立部署模式,包括一个Spark master进程和多个 Spark worker进程.独立部署模式可以运行在单机上作为测试之用,也可以部署在集群上.如果你 ...

  2. 给Activity设置背景颜色

    为了使得错误提示更加显眼,再用Toast+振动效果之外考虑变换整个activity的背景颜色. 尝试一: activity并没像winform一样直接给个属性来设置,就想获取整个activity的la ...

  3. STM32F4_USART配置及细节描述

    Ⅰ.概述 关于USART串口通信,可以说是MCU的标配.不管是在实际项目应用中,还是在开发过程中,它都起着很重要的作用. 在项目应用中我们常常使用UART串口进行通信,根据通信的距离及稳定性,还选择添 ...

  4. 第八节 C#的using语句

    前面的代示例展示了如果调用一个类型的Dispose或Close方法.如果决定显式的调用这两个方法之一,强烈建议吧他们放在一个异常处理finally块中.这样可以保证清理代码得到执行,因此,前代码示例可 ...

  5. Ruby Code Style

    这篇博文逐渐写一点关于Ruby的编码风格,主要参考ruby-stytle-guide. 一些命名准则 函数与变量 使用蛇形小写比较好:some_var, some_function 目录和文件也使用s ...

  6. throw和throws

    uncheckException的处理 class User{ private int age; public void setAge(int age){ if(age < 0){ //生成异常 ...

  7. acdream 1738 世风日下的哗啦啦族I

    原题链接:http://acdream.info/problem?pid=1738 树套树裸题,如下: #include<algorithm> #include<iostream&g ...

  8. JavaScript高级程序设计之window对象

    在浏览器中window对象实现了JavaScript中的Global对象: window对象是最顶层的对象: 所有其他全局的东西都可以通过它的属性检索到. ; window.aa = ; // 所有全 ...

  9. Linux开机启动程序详解

    Linux开机启动程序详解我们假设大家已经熟悉其它操作系统的引导过程,了解硬件的自检引导步骤,就只从Linux操作系统的引导加载程序(对个人电脑而言通常是LILO)开始,介绍Linux开机引导的步骤. ...

  10. PHP闭包(Closure)初探

    不知不觉发现PHP已经出到了5.5版本,而自己一直在用PHP5.2,让我看起来像深山出来的小伙子一样,又土又落后.在我习惯在javascript中使用闭包之后,忽然间对PHP的闭包打起了兴趣. 于是乎 ...