AJAX是一种用于异步拉取数据并在当前页面显示的技术

不需要刷新网页

2.本地网页从后台获取数据

3、缓解用户等待的焦虑感

未刷新的网页是指将空网页渲染到屏幕上，单击网页中的链接，然后打开新网页。

事实上，这种只刷新部分页面的技术被称为AJAX(汉语发音为阿贾克斯或额寨克思)Asynchronous JavaScript And XML首字母缩写翻译为异步JavaScript和XML”。

JavaScript（缩写为JS）它是一种先进、多范式、解释性的编程语言，是一种基于原型和函数的语言。它支持面向对象的编程、命令编程和函数编程。它提供语法来控制文本、数组、日期和正则表达式，而不支持I/O(如网络、存储、图形等。)，但它的宿主环境可以支持。

XML（Extensible Markup Language），中文是可扩展的标记语言，标准通用标记语言的子集，用于标记电子文件，使其具有结构性。XML它可以用来标记数据，定义数据类型，允许用户定义他们的标记语言，这是一种更友好的数据承载方式，人和机器。

它主要解决了与后台交互获取数据并应用于当前网页而不刷新网页的问题

抓取包是拦截查看网络数据包内容的软件看网络数据包内容的软件。debug很有帮助。

JSON(JavaScriptObject Notation, JS 对象简谱) 是轻量级数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁清晰的层次结构使层次结构简洁明了 JSON 成为理想的数据交换语言。 易于阅读和编写，易于机器分析和生成，有效提高网络传输效率。

发起网络请求。发起网络请求的能力由浏览器的内置能力提供，所有浏览器都提供XmlHttpRequest对象，它可以被网页调用来连接特定的地址。

XMLHTTP是一组API函数集，可被JavaScript、JScript、VBScript以及其它web浏览器内嵌的脚本语言调用，通过HTTP在浏览器和web收发服务器之间XML或其它数据。XMLHTTP最大的优点是可以动态更新网页，不需要从服务器读取整个网页，也不需要安装额外的插件。该技术被许多网站用来实现快速响应的动态网页应用。例如：Google的Gmail服务、Google Suggest动态搜索界面和Google Map地理信息服务。中文名XmlHttpRequest外文名XMLHTTP所有现代浏览器的优势都得到了更好的支持 HTTP 协议的完全的访问标准化对象还没有标准化

可动态操作网页，无需刷新。让我们先介绍一下术语 DOM（Document Object Model，文档对象模型)

AJAX它是一种用于异步拉取数据并在当前页面上显示的技术，对需要延迟加载数据和触发加载数据的页面非常有益。绝大多数网页都使用这种技术来加速响应。

HTML它是网页的基本结构，它描述了网页如何排版，每个元素在哪里。

静态网页和动态网页的核心区别在于后台是否有数据库支持，也可以简单描述网页上显示的内容是否应该改变，因人而异(例如QQ空间)，或根据时间线呈现内容变化(如新闻客户端)，或始终保持不变(如一些国有企业或政府网站)。

(1)静态网页和动态网页都是网页。

(2)静态网页由服务器直接返回，无需后台程序干预。静态网页实现后，由于数据不需要更新，一般不需要维护。

(3)动态网页通常需要程序来处理（ASP、JSP、PHP、Python、Ruby等），并由数据库提供数据支撑。

（4）不要以URL判断一个网页是静态的还是动态的，要看页面的属性(产品经理最好有一些调试技巧和经验)。

(5)动态网页更灵活。

一个标准的 URL 地址由protocol、hostname、port、path、parameters、query 几部分组成。

protocol：指 http://部分是指协议。协议是定义数据包装、包装、拆包和解释的一套规则，http://意味着只能通过HTTP这套规则访问这个页面资源

hostname：hostname称为主机名

port： port叫端口号，一般HTTP端口号80，HTTPS443可以理解为计算机提供服务的点很多

path：hostname后面的一长串都叫做path，意思是路径，即最终文件所在的路径和文件名，但该地址的文件存储在腾讯服务器上

parameters：?a=1&b=2&c=这部分称为参数（parameters），也叫查询。

表格很早 HTML 版本已经存在，它是用户输入和网页之间数据交互的界面HTML用标签标记。

结论：表单是用户与服务器数据交互的用户界面，所有向服务器提交的数据都由几个简单的标签组成。

Application Cache是HTML 离线存储技术标准在5中定义。

该技术允许开发者在第一次访问网页时明确指定哪些静态资源可以缓存到本地，并询问服务器是否需要更新本地缓存资源

DevTools：如果读者在浏览某些网站时按“F开发者工具将在12键启动Console这个Tab收到网站开发者的信息，但这些信息大多是招聘信息，因为它们非常有针对性，几乎只有开发工程师才能看到。

恐龙小游戏

变色标题栏

指定搜索引擎：Chrome在地址栏中直接输入淘宝或知乎域名，然后按Tab”键，Chrome地址栏显示使用××搜索，我们立即输入要搜索的内容，按回车键，结果直接显示

计算器

执行 JavaScript 语句

将网页存为PDF文件：有时我们需要保存一个页面，除了使用它Evernote等待工具，可以Chrome直接存储网页PDF，只需按“Ctrl P组合键唤起打印网页对话框，然后在目标打印机的选项中选择另存PDF”选项。

分布式拒绝服务攻击（Distributed Denial of Service,DDoS）是一种对网站发起大量连接，导致正常用户无法访问网站的攻击手段。利用流量劫持变相进行 DDoS，就是JS DDoS。

有办法防止它。当开发人员引用第三方库时，在页面上写下其散列值。如果第三方库被劫持，计算出的散列值与开发人员在页面上写的不匹配，浏览器将无法执行。另一种解决方案是使用它HTTPS链接可以解决大多数劫持问题。

但网络标准协议规定了URL英文字符只能包括在内。

我们可以在浏览器地址栏看到中文是浏览器本身的功能。事实上，任何中文都需要base64编码才能被正确识别，这种情况是因为编码问题，地址栏只支持ASCII

这个“%”其实只是分隔符，如果把“%”替换成空格，就可以看到我们熟悉的编码结果了，比如上面的“e5 82 bb e5 91 80”，眼尖的读者可能会看出这就是中文的UTF-8的编码。

UTF-8（8位元，Universal Character Set/Unicode Transformation Format）是针对Unicode的一种可变长度字符编码。它可以用来表示Unicode标准中的任何字符，而且其编码中的第一个字节仍与ASCII相容，使得原来处理ASCII字符的软件无须或只进行少部份修改后，便可继续使用。因此，它逐渐成为电子邮件、网页及其他存储或传送文字的应用中，优先采用的编码。

《信息交换用汉字编码字符集》是由中国国家标准总局1980年发布，1981年5月1日开始实施的一套国家标准，标准号是GB 2312—1980。GB2312编码适用于汉字处理、汉字通信等系统之间的信息交换，通行于中国大陆；新加坡等地也采用此编码。中国大陆几乎所有的中文系统和国际化的软件都支持GB 2312。

HTML（HyperText Markup Language）是超文本标记语言。

CSS（Cascading Style Sheets）是级联样式表。

JavaScript 是一种脚本语言，主要用于前端页面的DOM处理。

iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。 其元素会创建包含另外一个文档的内联框架（即行内框架）。

iframe 里面的 src 字段为www.qq.com。打开这个网页后，会看到腾讯网的整个页面嵌入了这个index.html网页。iframe的意义非常简单，就是将一个URL地址嵌入当前页面并展示出来。

嵌入另一个页面，两个页面的功能可以解耦合，不依赖对方而存在。

只要两个页面的协议、主机名、端口一样，就是同源的，否则就是非同源的。

HTTP 协议的 Header 是一块数据区域，分为请求头和响应头两种类型，客户端向服务区发送请求时带的是请求头，而服务器响应客户端数据时带的是响应头。

Token是服务端生成的一串字符串，以作客户端进行请求的一个令牌，当第一次登录后，服务器生成一个Token便将此Token返回给客户端，以后客户端只需带上这个Token前来请求数据即可，无需再次带上用户名和密码。

WebSocket是 HTML 5的一个主要特性，它是建立在TCP上的一种全双工协议，也就是说客户端可以向服务器发信息，服务器也可以向客户端推送消息。WebSocket 在首次建立连接时，使用普通 HTTP和服务器通信，同时告诉服务器后面的交互用WebSocket的方式。在WebSocket连接建立后，往来的消息都可以通过这条管道发送，同时客户端与服务器也会不断地用ping-pong的方式保持心跳，防止连接异常断开。

WebSockets不仅限于聊天/消息传递应用程序。它们适用于需要实时更新和即时信息交换的任何应用程序。一些示例包括但不限于：现场体育更新，股票行情，多人游戏，聊天应用，社交媒体等等。

Ping和Pong是websocket里的心跳，用来保证客户端是在线的，一般来说只有服务端给客户端发送Ping，然后客户端发送Pong来回应，表明自己仍然在线。

全双工和半双工的区别是：全双工允许数据在两个方向上同时传输；半双工允许数据在两个方向上传输，但是同一时间数据只能在一个方向上传输，实际上是切换的单工。

提升加载感受的方法：直出、异步加载、缓存、websocket提升开发效率：iframe

DNS就是把域名和IP地址联系在一起的服务,有了DNS服务器,你就不用输入IP地址来访问一个网站,可以通过输入网址访问

浏览器直接输出渲染好数据的HTML页面，简称“直出”。直出没什么神秘的，只不过需要Node.js的支持，服务器和前端都用JavaScript语言编写，相当于在服务器上也运行一个浏览器，它把渲染好的内容直接输出给客户端的浏览器。

网络爬虫的作用就是抓取某个指定网页的数据并存储在本地

一部分是网页的有效内容，可以用来建立搜索关键词的索引，这部分数据先存储起来；另一部分就是网页中的URL链接，这些链接可以作为下一轮爬虫抓取的目标网页，如此反复操作，也许整个互联网的网页都可以被抓取下来。

如果网站运营者不愿意网站内容被爬虫抓取，那么可以在网站根目录下放一个 robots.txt 文件，在其中具体描述该网站的哪些页面可以被抓取，哪些不能。

多页 Web 应用随处可见，随便一个新闻网站上面都贴满新闻的链接，打开之后就会出现一个新的新闻页面。这种包含多个页面，通过链接切换的网站，就是多页Web应用

单页 Web 应用 (single-page application 简称为 SPA) ，它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转，取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI与用户的交互。由于避免了页面的重新加载，SPA 可以提供较为流畅的用户体验。

多页面的网站结构，打开一个链接后，还要等很长时间整页才刷新，用户体验不好。应该只刷新变化了的部分，俗称局部刷新，像单页 Web 应用那样单独请求想要的数据自己刷新才是最合理的。

这个锚点的跳转仅仅是浏览器的操作行为，并不会发起任何网络请求和服务器交互。

利用锚点的特性不仅能完成这种页面位置跳转的小功能，还可以改变浏览器的访问历史。当在不同的锚点间切换时，浏览器是可以后退的，每变化一次锚点的值（也就是#后面的值）都将增加一条浏览记录。有一些单页Web应用是靠锚点来切换当前页面的，利用的就是这个特性。当然，也可以利用一个叫History API的浏览器接口实现单页Web应用。

如何屏蔽广告

第一个办法是单个击破。这个办法适用于那些大家经常访问的网站，因为它们的网站比较大，广告的规则不会变化得那么频繁。

第二个办法是摸透大公司的广告系统。这个办法适用于一些中小网站，它们不会自建广告系统，而是使用大公司的广告系统。这些广告系统的规则也是相对固定的，只要将它们摸透，就可以将大部分中小网站的广告屏蔽搞定了。

开发者利用闪屏展示的时间，把应用启动的准备工作在闪屏“后面”做完，同时，还能在闪屏上进行一些运营活动，可谓一石二鸟

于是开发者开动脑筋，想到了办法——退出应用的时候截一张界面的图，启动应用的时候用这张截图代替闪屏做启动动画，看起来就像取消了闪屏。如果哪天用户发现某个应用的启动变快了，但是进了界面却没办法操作，就很可能被“骗”了。

细说Android应用的“续命大法”

• 第一式：监听系统事件Android系统下达指令时，它会通知与这件事情相关联的所有应用。有些应用就会把自己唤醒，悄悄地躺在后台。

• 第二式：守护进程唤醒很多应用在启动后，还会创建一个守护进程，在后台不断地检查应用进程的运行状态，一旦应用进程停止运行，它就默默地施法，把应用复活。

• 第三式：“全家桶系列”不同应用之间相互唤醒，当应用A被“杀死”后，“同门兄弟”B就会将它“复活”。还有的情况是，只要启动了A，它就会把它的“同门兄弟”B、C、D 都唤醒。这招之所以只有少数“大佬”拥有，是因为使用它的前提条件是用户手机里安装了同一个公司的多个应用，国内也只有少数几家公司拥有这个资源。

所谓Hybrid APP，就是指使用原生和H5两种UI呈现内容。

原生页面为了展示丰富的内容，一般需要利用大量控件进行组合，所以当读者看到某个页面布满了框时，就可以判断出这部分肯定是基于原生UI呈现的

何时使用原生UI

• 对流畅性体验要求较高的场景
  • UI样式相对固定，不会频繁变化
    • 交互复杂

何时使用H5页面

• 较强的动态运营需求

• UI样式复杂多变

• 交互简单

• 多平台复用

这些APP获得了定位权限后，就会通过系统接口获取当前手机的经纬度，上传给服务器。有的服务器拿到位置后，会查询一些附近的商家推荐给用户，这就是团购APP的原理。

GPS 定位靠的是天上的卫星（如图2-6所示），这些卫星会不断地广播自己的信号。定位时，GPS信号接收器收集至少4颗卫星发出的信号，用收到信号的时间乘以光速可以算出手机和每颗卫星之间的距离，再加上每颗卫星的位置已知，就可以确定手机的位置。

操作系统统一实现了定位需要的复杂的系统。当应用程序需要确定当前设备的地理位置时，只需要添加两三行代码，直接从系统中获取即可。

推送就是为了解决这样的困境，它给了服务器一个展示自我的机会，主动连接所有 APP，要求客户端再发起一次请求，于是收到推送的 APP（即使此时已经被用户关闭）又去服务器请求最新的新闻，这样用户就能看到最新的新闻了

APP和后台的连接方式有两种，一种叫pull，也叫轮询，就是定期地不断向后台请求，缺点是耗电，费流量，不环保；另一种叫 push,APP 和后台一直维持了一条通信通道，不定期地发送心跳包，也能携带信息。缺点是要维持一条长连接通道，这条通道如果不用一些特殊手段保持连通性，很容易受系统或其他安全软件的影响而断开。

一级缓存（内存缓存），越大用户可同时浏览更更多照片，但消耗更多内存

二级缓存（磁盘缓存）根据不同需要，选择不同的缓存策略如：微信通讯录不缓存过多头像（追求滑动列表流畅性），新闻客户端缓存每张图片（让用户对每条新闻感兴趣）

缓存系统通常分两级，称为一级缓存和二级缓存。一级缓存也叫内存缓存，二级缓存也叫磁盘缓存（在硬盘或者SD卡上的缓存）。

程序设计里最难的两件事，一件是保证缓存一致性，另一件就是命名

1.英语差

如果英语不地道，命名很难达到出神入化的境界。

2.读书少

比较著名的有匈牙利命名法，它要求命名变量的时候采用“作用域+类型+名字”的规范。

还有一种同样常用的命名法——驼峰命名法：除第一个单词外，将其他单词的首字母大写连接起来，看起来像一个一个的驼峰

3.不是所有的程序员都是架构师

• （1）动画开始时控件的起始位置。（2）动画结束时控件要到达的位置。（3）动画的持续时间。

• （1）动画开始时控件的缩放倍率。（2）动画结束时控件的缩放倍率。（3）动画的持续时间。

• （1）动画开始时控件的透明度。（2）动画结束时控件的透明度。（3）动画的持续时间。（4）设置重复次数。（5）设置重复模式。

• （1）动画开始时控件的旋转角度。（2）动画结束时控件的旋转角度。（3）动画的持续时间。

• 栈是一种“先进后出”的数据结构。
• push操作需要把数据添加到数组的末端，pop操作需要删除最后一个数据。这么一来，一个栈就实现了。
• 栈溢出就是指APP用的内存不小心超过了系统的限制，被系统强制结束。

• 队列是一种“先进先出”的数据结构。所谓进，就是数据的插入，所谓出，就是数据的删除。
• 如果你的数据在处理过程中需要保持原有的顺序，用队列来处理，准没错。

一般来说，模块离 CPU 越近，运行速度就越快，大体的速度快慢排序是寄存器→高速缓存→内存→硬盘→网络。

加载动画的使用方法是：当用户跳转到一个新的场景，或者加载一个新的网页时，必须要执行一些CPU或I/O密集型的耗时任务才能让用户看到内容，这时前台让用户先看到加载动画，后台开启新线程执行这些任务

并行计算在计算机世界中有两种实现方式：时间上的并行和空间上的并行。

实现并行计算的前提条件是被执行的任务可以被拆分成多个可独立执行的子任务。

系统进行调度的基本单位是线程和进程，多核操作系统就是将相互独立的线程和进程分配到不同核心上，达到并行计算的目的。

进程是程序实体的运行过程，是系统进行资源分配和调度的独立单位。”

基于文件的通信方式。

基于管道的通信方式。

基于共享内存的通信方式。

除了上述3种通信方式，还有基于信号（消息）、信号量和套接字的方式。

信号量(Semaphore)，有时被称为信号灯，是在多线程环境下使用的一种设施，是可以用来保证两个或多个关键代码段不被并发调用。

套接字(Socket)，就是对网络中不同主机上的应用进程之间进行双向通信的端点的抽象。一个套接字就是网络上进程通信的一端，提供了应用层进程利用网络协议交换数据的机制。套接字上联应用进程，下联网络协议栈，是应用程序通过网络协议进行通信的接口，是应用程序与网络协议根进行交互的接口。

线程（英语：thread）是操作系统能够进行运算调度的最小单位。它被包含在进程之中，是进程中的实际运作单位。一条线程指的是进程中一个单一顺序的控制流，一个进程中可以并发多个线程，每条线程并行执行不同的任务。

计算机世界中负责这种翻译的是编译器，它的任务就是把高级语言翻译成低级语言（也有编译器把低级语言翻译成高级语言，即反编译）

C语言通过编译器编译得到的目标语言是和硬件平台相关的，也就是说，在一个平台上编出来的程序需要在另一个平台上重新编译才能在对应的平台上运行，而Java的编译器统一输出为JVM（Java虚拟机）能懂的中间语言（字节码），只要对应的平台上安装了JVM，就能直接执行Java程序。

程序员说的“编”就是编译器在进行翻译，“编不过”就是编译器在翻译的过程中发现有单词和语法不符合规范，向程序员提出警告：必须按照规范来，否则不予通过。

• 1.启动：自检完成后，CPU 会加载硬盘上的第一块存储单元，这里往往存放着能够加载操作系统的代码，叫作BootLoader程序。
• 2.内存管理和进程管理：一般内存分为物理内存和虚拟内存。简单来说，物理内存就是实际的内存大小。虚拟内存是给操作系统里的应用程序看的，有时物理内存只有 2GB，但是应用程序需要4GB，于是就虚构一块出来，通过内存的换页机制蒙混过关。
• 3.文件系统
• 4.给上层的APP一套好用的API