-
Web(3) GraphQL深入理解
在前一篇文章中我们对GraphQL有了基础的了解,我们直到GraphQL使用
Schema
来描述数据,并通过指定和实现GraphQL规范定义了支持Schema
查询的DSQL (Domain Specific Query Language,领域特定查询语言)
。Schema
帮助将复杂的业务模型数据抽象拆分成细粒度的基础数据结构,而DSQL
的实现则赋予了前端开发者自由组织和定制请求数据的能力。
-
Web(2) GraphQL简要介绍
GraphQL是什么?GraphQL是一种既用于API的查询语言,也满足数据查询的运行时语言。GraphQL对你的API中的数据提供了一套易于理解的完整描述,使得客户端能够准确地获取它需要的数据,而且没有任何冗余,也让API更容易地随着时间推移而演进,还能用于构建强大的开发者工具。
-
JS(12) 客户端存储
Web应用允许使用浏览器提供的API实现将数据存储到用户的电脑上,这种客户端存储相当于赋予了Web浏览器记忆功能。比方说,Web应用就可以用这种方式来“记住”用户的偏好甚至是用户所有的状态信息,以便准确地“回忆”起用户上一次访问的位置。客户端存储遵循“同源策略”,因此不同站点的页面是无法互相读取对方存储的数据,而同一站点的不同页面之间是可以互相共享存储数据的,它为我们提供了一种通信机制,例如,一个页面上填写的表单数据可以显示在另外一个页面中。Web应用可以选择它们存储数据的有效期:比如采用临时存储可以让数据保存至当前窗口关闭或者浏览器退出;采用永久存储,可以将数据永久地存储到硬盘上,数年或者数月不失效。
-
JS(11) 脚本化HTTP
超文本传输协议(
HyperText Transfer Protocol,HTTP
)规定Web浏览器如何从Web服务器获取文档和向Web服务器提交表单内容,以及Web服务器如何响应这些请求和提交。Web浏览器会处理大量HTTP。通常,HTTP并不在脚本的控制下,只是当用户单机链接、提交表单和输入URL时才发生。
-
JS(10) 脚本化文档
客户端JavaScript的存在使得静态的HTML文档变成了交互式的Web应用。脚本化Web页面内容是JavaScript的核心目标。每一个Web浏览器窗口、标签页和框架由一个Window对象所表示。每个Window对象有一个document属性引用了Document对象。Document对象表示窗口的内容,Document对象并非独立的,它是一个巨大的API中的核心对象,叫做文档对象模型(
Document Object Model,DOM
),它代表和操作文档的内容。
-
JS(9) 类型、值和变量
计算机程序的运行需要对值(
value
)进行操作。在编程语言中,能够表示并操作的值的类型称作数据类型(type
),编程语言最基本的特性就是能够支持多种数据类型。当程序需要将值保存起来以备将来使用时,便将其赋值给一个变量(variable
)。变量是一个值的符号名称,可以通过名称来获得对值的引用。变量的工作机制是编程语言的另一个基本特性。
-
JS(8) Window对象
Window对象是客户端JavaScript程序的全局对象,本文介绍Window对象的属性和方法,这些属性定义了许多不同的API。
-
JS(7) 客户端JavaScript
window
对象是所有客户端JavaScript特性和API的主要接入点。它表示Web浏览器的一个窗口或窗体,并且可以用标识符window
来引用它。Window
对象定义了一些属性,比如,指代Location
对象的location
属性,Location
对象指定当前显示在窗口中的url,并允许脚本往窗口里载入新的url。
-
JS(6) Object.assign()
Object.assign()
方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
-
JS(5) 类和模块
每个JavaScript对象都是一个属性集合,相互之间没有任何联系。在JavaScript中也可以定义对象的类,让每个对象都共享某些属性,这种“共享”的特性是非常有用的。类的成员或实例都包含一些属性,用以存放或定义它们的状态,其中有些属性定义了它们的行为(通常称为方法)。这些行为通常是由类定义的,而且为所有实例所共享。