如何理解JS项目
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项目的更多相关文章
- 全面理解js面向对象
前言 当今 JavaScript 大行其道,各种应用对其依赖日深.web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用,从而忽略了对原生 JavaScript 的学 ...
- 如何线上部署node.js项目
来源:http://blog.csdn.net/chenlinIT/article/details/73343793 前言 最近工作不是很忙,在空闲时间学习用node+express搭建自己的个人博客 ...
- 基于 Token 的身份验证:JSON Web Token(附:Node.js 项目)
最近了解下基于 Token 的身份验证,跟大伙分享下.很多大型网站也都在用,比如 Facebook,Twitter,Google+,Github 等等,比起传统的身份验证方法,Token 扩展性更强, ...
- 怎么理解js中的事件委托
怎么理解js中的事件委托 时间 2015-01-15 00:59:59 SegmentFault 原文 http://segmentfault.com/blog/sunchengli/119000 ...
- 简单理解js的this
js的this是什么?关于这个东西,博客园里面有太多的解释了,不过,本人看了一下,感觉对this解释的有点复杂了,因此,本人在此给this一个简单易于理解的定义. this其实是js的一个对象,至于是 ...
- 从一个简单例子来理解js引用类型指针的工作方式
<script> var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x);// --> undefined conso ...
- [Node.js] Node.js项目的持续集成
原文地址:http://www.moye.me/2016/03/03/nodejs_ci_by_jenkins 引子 持续集成 (Continuous Integration,简称CI)是一种软件工程 ...
- Yeoman自动构建js项目
Aug 19, 2013 Tags: bowergruntJavascriptjsnodejsyeomanyo Comments: 10 Comments Yeoman自动构建js项目 从零开始nod ...
- 深入理解js——prototype原型
之前(深入理解js--一切皆是对象)中说道,函数也是一种对象.它也是属性的集合,你也可以对函数进行自定义属性.而JavaScript默认的给了函数一个属性--prototype(原型).每个函数都有一 ...
随机推荐
- python爬取网站数据
开学前接了一个任务,内容是从网上爬取特定属性的数据.正好之前学了python,练练手. 编码问题 因为涉及到中文,所以必然地涉及到了编码的问题,这一次借这个机会算是彻底搞清楚了. 问题要从文字的编码讲 ...
- AlertDialog.Builder对话框类的用法
1.在测试时,如何实现一个提示 可以使用 Toast.makeText(this, "这是一个提示", Toast.LENGTH_SHORT).show(); //从资源文件str ...
- [笔记]--在Windows下配置Git
安装就不多说了: 1.ls不能显示中文目录 解决办法:在git/etc/git-completion.bash中增加一行: alias ls='ls --show-control-chars --co ...
- C#调用C++ Dll
现在项目基本都是旁边C++的哥们做好dll扔给我,然后我调用.好久之前晚上down了一份c#调用c++dll的方法,出处早已经遗忘.闲来无事,放上来好了.原作者看到后可以留言,我会把您链接放上的,帮了 ...
- static 与 final 修饰符
A) 用static(静态)修饰属性:一个类生成了N个对象,这些对象会共同使用一份静态的成员变量.一个对象对这个成员变量进行修改,其他对象的该成员变量的值也会随之变化. B) 我们可以通过 类名.成员 ...
- eth0: error fetching interface information: Device not found
转载,原文出处:http://zh888.blog.51cto.com/1684752/775447 亲测有效,感谢作者!!! ----------------------------分割线----- ...
- android 连续点击退出程序
package com.test.twiceexit; import java.util.Timer; import android.app.Activity;import android.os.Bu ...
- 【js类库AngularJs】web前端的mvc框架angularjs之hello world
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核 ...
- 单点登录 关于Cookie跨域的问题
public void ProcessRequest(HttpContext context) { HttpCookie cookie = new HttpCookie("name" ...
- LoadRunner - 当DiscuzNT遇上了Loadrunner(中) (转发)
当DiscuzNT遇上了Loadrunner(中) 在上文中,介绍了如果录制脚本和设置脚本执行次数.如果经过调试脚本能够正常工作的话,就可以设置并发用户数并进行压力测试了. 首先我们通过脚本编辑界面上 ...