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

1、不用刷新网页

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是一项用于异步拉取数据并展示在当前页面的技术，这对需要延迟加载数据和触发式加载数据的页面有很大益处。绝大多数网页为了加速响应，都会用到这项技术。

DOM（文档对象模型）是Web前端里最基础、最常用的一个模型。

浏览器在解析HTML文档时，会把每个标签抽象成代码里的对象，按照这种层次分明的结构组织，这就是DOM。

很多网页一开始加载出来的只是个架子，只显示出一个loading图标的转圈动画，只有等JavaScript从服务器上请求到真正的数据后操纵DOM来显示数据，才能看到内容，这就是典型的异步加载。

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,HTTPS的为443，可以理解为计算机有很多个提供服务的点

path：hostname后面的一长串全部称为path，是“路径”的意思，即最终文件所在的路径和文件名，只不过此地址的文件存储在腾讯的服务器上

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

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

总结：表单是用户和服务器数据交互的用户界面，一切向服务器提交的数据都是由其中的几个简单的标签组成的。

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

这种技术可以让开发者明确地指定页面中哪些静态资源可以在第一次访问网页的同时缓存到本地，并且在下次访问该网页时向服务器询问本地缓存的资源是否需要更新

DevTools：如果读者在浏览某些网站时按“F12”键启动开发者工具，会在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处理。

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样式复杂多变

• 交互简单

• 多平台复用

• 三轴陀螺仪：三轴陀螺仪可以测定出当前手机在x、y、z三个方向上的角加速度，这个功能主要用来检测手机的旋转方向

• 近距离传感器：它能够检测手机附近物体距手机正面的距离，它依靠一个小型雷达实现，通过发射一些脉冲信号并检测返回时间计算距离。

• 气压传感器：iOS中的健康应用可以计算出用户爬了几层楼

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

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

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

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

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

千万不要用CPU做滤镜算法的运算，而要用OpenGL充分发挥GPU的能力，因为GPU的设计原理最适合这种工作量大又没有难度的重复计算任务。

图形处理器（英语：Graphics Processing Unit，缩写：GPU），又称显示核心、视觉处理器、显示芯片，是一种专门在个人电脑、工作站、游戏机和一些移动设备（如平板电脑、智能手机等）上做图像和图形相关运算工作的微处理器。

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

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

缓存系统通常分两级，称为一级缓存和二级缓存。一级缓存也叫内存缓存，二级缓存也叫磁盘缓存（在硬盘或者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