当我们点开百度的时候会发现它的图标也是雪碧图：它的图标是靠着雪碧图中不同的图标来切换颜色的。

入驻百度小程序并注册申请百度小程序的 AppID。在 HBuilderX 工具栏，点击发行，选择小程序-百度。输入小程序名称和百度小程序的 AppID，单击发行就可以了。小程序我们只演示这两个，其他小程序的打包发布步骤都是一样的，就不重复演示了。

geo 坐标系需要自行提供地理信息数据，使用上有一定的不便，因此 echarts 提供了另一种地理坐标系实现 —— bmap。bmap 扩展将百度地图带入 echarts，以百度地图为底图绘制地理坐标系，所以使用上就不用再关注地理数据了，而且依托于百度地图提供的强大功能，bmap 在伸缩、移动、精度等方面更出色。使用时，除了 echarts 文件外，还需要引入百度地图依赖、bmap 扩展依赖，以 CDN 为例：<!-- 引入百度地图的jssdk --><!-- 配置方法可参考： http://lbsyun.baidu.com/index.php?title=jspopular3.0 --><script src="//api.map.baidu.com/api?v=2.0&ak="></script><!-- 引入 ECharts --><script src="//cdn.bootcss.com/echarts/4.5.0/echarts.js"></script><!-- 引入 bmap 扩展 --><script src="//cdn.bootcss.com/echarts/4.5.0/extension/bmap.min.js"></script>引入后，就可以通过 bmap 配置地理坐标系。bmap 所支持的配置项比较少，包括：配置名类型默认值说明centerarray当前视图的中心点，用经纬度表示roamboolean|stringfalse是否开启鼠标缩放和平移漫游。zoomnumber1当前视角的初始化缩放比例mapStyleobject旧版地图的自定义样式接口，详见： http://developer.baidu.com/map/jsdevelop-11.htmmapStyleV2object新版地图的自定义样式，详见： http://developer.baidu.com/map/jsdevelop-11.htmbmap 包含了百度地图所支持的所有地理区域信息，所以应用时只需通过 center 指定视图中心点，通过 zoom 控制视图区域，即可实现地理坐标系，示例：1321示例效果：此外，还可以通过 myChart.getModel().getComponent('bmap').getBMap(); 接口获取 bmap 对应的地图实例，实现与地图的交互。在上述示例基础上，添加额外代码：// 获取地图实例var map = myChart.getModel().getComponent('bmap').getBMap();// 添加交通状况层var traffic = new BMap.TrafficLayer();map.addTileLayer(traffic);// 重置视图中心map.centerAndZoom(new BMap.Point(114.48, 38.03), 8);示例效果；完整的开发指南，请参考 百度地图。

百分位数是统计中使用的度量，表示小于这个值的观察值的百分比。 函数 numpy.percentile() 接受以下参数。numpy.percentile(a, q, axis)参数说明：参数说明a输入数组q要计算的百分位数，在 0 ~ 100 之间axis沿着它计算百分位数的轴首先明确百分位数 P 的概念第 p 个百分位数是这样一个值，它使得至少有 p% 的数据项小于或等于这个值，且至少有 (100-p)% 的数据项大于或等于这个值。案例对数组 arr0 水平方向的中位数（百分之五十分位数），也可以按照如下写法：np.percentile(arr0, 50, axis=1)输出结果为：array([ 1.5, 5.5, 9.5, 13.5])

百度的网站是每当鼠标放在相机图标那个位置的时候，相机就会切换到蓝色：我们来模仿一下这个效果：890运行结果： 可以看到，只要改变一下背景图的位置，就可以切换到另一个不同的图标，只要位置控制得当，一张雪碧图就可以显示出各式各样不同的图标，是不是很神奇呢？

也就是%PLATFORM% 可取值如下：值平台APP-PLUS5+AppH5H5MP-WEIXIN微信小程序MP-ALIPAY支付宝小程序MP-BAIDU百度小程序MP-TOUTIAO头条小程序MP-QQQQ小程序MP微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序

npm run dev:%PLATFORM%%PLATFORM% 可取值如下：值平台5天H5支付宝支付宝小程序mp-百度百度小程序mp-微信微信小程序头条字节跳动小程序mp-qqqq小程序Tips：dev 模式编译出的各平台代码存放于根目录下的 /dist/dev/ 目录，打开各平台开发工具选择对应的平台目录即可进行预览（h5 平台不会在此目录，存在于缓存中）；build 模式编译出的各平台代码存放于根目录下的 /dist/build/ 目录，发布时选择此目录进行发布；dev 和 build 模式的区别：dev 模式有 SourceMap 可以方便的进行断点调试；build 模式进行代码进行压缩，体积更小更适合发布为正式版应用；进行环境判断时，dev 模式 process.env.NODE_ENV 的转换开发，构建模式 process.env.NODE_ENV 的转换生产。

九九乘法口诀表 - 百度百科

uni-app 还有一个非常牛的地方，就是支持在 App 和小程序中使用小程序自定义的组件，支持情况如下：平台支持情况小程序组件存放目录 H5 从 HBuilderX2.4.7 起，支持微信小程序组件 wxcomponentsApp（不含 nvue）支持微信小程序组件 wxcomponents 微信小程序支持微信小程序组件 wxcomponents 支付宝小程序支持支付宝小程序组件 mycomponents 百度小程序支持百度小程序组件 swancomponents 字节跳动小程序支持字节跳动小程序组件 ttcomponentsQQ 小程序支持 QQ 小程序组件 wxcomponents

uni-app 的 API 与微信小程序 API 基本一致。掌握微信小程序 API 对后面的开发很有帮助。微信小程序 API 文档:https://developers.weixin.qq.com/miniprogram/dev/api/

我们来将上面添加的 HelloWorld 运行起来吧。1. 运行到浏览器点击工具栏中的运行->运行到浏览器->选择相应的浏览器运行：选择浏览器之后，HBuilderX 开发者工具会出现正在编译的提示，第一次运行会慢一点，编译成功后，自动打开浏览器并显示项目的页面。可以看到 HelloWorld 打印出来了。2. 运行到内置浏览器点击工具栏中的运行->运行到内置浏览器，会出现一个 Web 浏览器的弹出框，第一次打开会比较慢，需要耐心等一会才会出现项目的页面。3. 运行到手机或模拟器使用这个功能需要先用数据线连接手机，否则会提示“未检测到手机或模拟器，请稍后再试”。数据线连接手机后，我们再点击工具栏中的运行->运行到手机或模拟器。系统会自动在我们手机上面安装 HBuilderX 手机版。在手机上面打开 HBuilderX 手机版，就可以看到 HelloWorld 页面。Tips：如果打开手机版 HBuilderX 没有看到正确的页面，可以关掉手机应用进程，重新打开看一下。如果编译出错，点击查看工具栏中的运行->运行到手机或模拟器->真机运行常见故障排除指南，排除错误。4. 运行到小程序模拟器第一次使用小程序模拟器，需要先安装小程序开发者工具，并在工具栏->运行->运行到小程序模拟器->运行设置中设置小程序开发者工具安装的路径。在微信开发者工具里运行点击工具栏中的运行->运行到小程序模拟器->微信开发者工具，即可在微信开发者工具里面体验 uni-app。在 HBuilderX 里面开发，微信开发者工具里面就可以看到实时效果。uni-app 会将项目编译到根目录的 unpackage/dist 目录下面。Tips：如果没有成功运行可以做下面的操作。如果微信开发者工具已经打开，关闭微信开发者工具，重试一下；如果还是不行的话，建议将微信开发者工具升级到最新版本；最后如果自动启动微信开发工具失败，可以手动在开发者工具中打开HBuilderX控制台中提示的项目路径。在百度开发者工具里运行点击工具栏的运行->运行到小程序模拟器->百度开发者工具，在百度开发者工具中打开 HBuilderX 控制台中提示的项目路径，就可以在百度开发者工具中体验 uni-app。在支付宝小程序开发者工具里运行点击工具栏的运行->运行到小程序模拟器->支付宝小程序开发者工具，在支付宝小程序开发者工具中打开 HBuilderX 控制台中提示的项目路径，就可以在支付宝小程序开发者工具中体验 uni-app。在字节跳动开发者工具里运行点击工具栏的运行->运行到小程序模拟器->字节跳动开发者工具，在字节跳动开发者工具中打开 HBuilderX 控制台中提示的项目路径，就可以在字节跳动开发者工具中体验 uni-app。

微分是所有目前几乎所有机器学习的基础，也是 TensorFlow 与 Pytorch 等框架的基础。我们对模型进行优化的过程大致可以分为以下三个步骤：数据通过模型得到输出；我们通过计算得到模型中每个参数的梯度；确定学习的步长（学习率）；按照梯度的方向和学习率对每个参数进行优化。我们可以很清楚的看到，最后的两步是关键的优化部分，而第二步 —— 求得梯度的一步就是这两个关键步骤的前提和基础。因此我们要首先了解什么是 “梯度”。梯度的本意是一个向量（矢量），表示某一函数在该点处的方向导数沿着该方向取得最大值 —— 百度百科。简单来说，就是梯度是一个方向，它会指明某一个参数在哪个方向上面变化地更快。或者不恰当地说（但是却非常容易理解），梯度可以理解为一个参数的导数。因此我们可以通过梯度就可以得到模型的参数在哪个方向上面变化，会使得最终的结果的 Loss 变小；进而我们就可以进行模型的优化工作。举个例子：y = x**2 + 4这是一个很简单的赋值公式：我们将 x 的平方加上 4 ，然后将其赋给 y 。那么 y 对于 x 求导数，便得到：dy_dx = 2*x因此我们在 x 取任意一个值的时候便可以得到 y 对于 x 的梯度。比如当 x 为 5 的时候，那么 y 对于 x 的梯度便为 2 * 5 = 10 。

注册微信小程序账号，获取到 AppID，我们后面配置的时候会用到。在 HBuilderX 工具栏，点击发行，选择小程序-微信。输入小程序名称和 AppID，单击发行就可以了。这样我们就会获得一个微信小程序的打包文件，接下来我们来发布微信小程序项目，打开微信小程序开发者工具，导入刚刚生成的微信小程序项目的打包文件，在微信小程序开发者工具中先测试一下，项目运行是否正常，项目测试没有问题后，点击右上角>>按钮，上传代码就可以发布微信小程序了，最后等待微信团队审核通过，别人就可以在线上访问到你的项目了。

SSH 密码泄露WEB 控制端密码泄露（阿里，腾讯，百度等控制台，宝塔控制台等）IP 地址 ，操作系统信息

网络爬虫（又称为网页蜘蛛，网络机器人，在 FOAF 社区中间，更经常的称为网页追逐者），是一种按照一定的规则，自动地抓取万维网信息的程序或者脚本。另外一些不常使用的名字还有蚂蚁、自动索引、模拟程序或者蠕虫。—— 百度百科定义 详细定义参照慕课网注解： 爬虫其实是一种自动化信息采集程序或脚本，可以方便的帮助大家获得自己想要的特定信息。比如说，像百度，谷歌等搜索引擎，他们的背后重要的技术支撑就是爬虫。当我们使用搜索引擎搜索某一信息的时候，展现在我们眼前的搜索结果，就是爬虫程序事先从万维网里爬取下来的。我们之所以称之为爬虫，只不过是对自动获取万维网的动作的形象比喻而已。

下面的这些属性都是用来进行项目配置的。一些常用的配置项，项目创建完成后，会自动帮我们生成，我们需要去了解每个配置项的含义，以及配置项对应的设置条件有哪些限制。比如导航栏标题颜色样式 navigationBarTextStyle 这一个配置项，仅支持black/white 这两个颜色的设置，很多人会设置成十六进制颜色，比如 #0000FF，这样系统就会识别不了。属性默认值说明支持平台全局配置页面配置navigationBarTextStylewhite导航栏标题颜色样式，仅支持 black/white所有✓✓navigationBarTitleText导航栏标题文字内容所有✓✓navigationBarBackgroundColor#F7F7F7导航栏背景颜色所有，默认值小程序平台有差异，以各小程序文档为准✓✓navigationBarShadow导航栏阴影，详见3.2.2所有✓navigationStyledefault导航栏样式，仅支持 default/custom微信小程序 7.0+、百度小程序、H5、App（2.0.3+）✓✓disableScrollfalse滚动条微信小程序（iOS）、百度小程序（iOS）✓backgroundColor#ffffff下拉显示出来的窗口的背景色微信小程序✓✓backgroundTextStyledark下拉 loading 的样式，仅支持 dark / light微信小程序✓✓enablePullDownRefreshfalse是否开启下拉刷新，详见3.1.1所有✓✓onReachBottomDistance50页面上拉触底事件触发时距页面底部距离，单位只支持px所有✓✓usingComponents引用小程序组件所有✓✓pageOrientationportrait横屏配置，屏幕旋转设置，仅支持 auto / portrait / landscape，详见3.1.2App 2.4.7+、微信小程序✓

关于 HTML 百度百科是这么定义的：HTML 是由 Web 的发明者 Tim Berners-Lee 和同事 Daniel W. Connolly 于 1990 年创立的一种标记语言，它是标准通用化标记语言 SGML 的应用。用 HTML 编写的超文本文档称为 HTML 文档，它能独立于各种操作系统平台(如 UNIX， Windows 等)。使用 HTML 语言，将所需要表达的信息按某种规则写成 HTML文件，通过专用的浏览器来识别，并将这些 HTML 文件“翻译”成可以识别的信息，即现在所见到的网页。这里提到 web 网页，通俗的来说 HTML 就是一种为了表现网页的展示形式而制定的一种标记语言。通过标记的形式在网页中将图形、文本、多媒体等展示出来。它不是传统意义上的编程语言，而是由各种标签组成的标记型语言。

维基百科：Order By可以根据一个或多个字段对结果集排序。

什么是算法呢？在维基百科中这样定义的：在数学和计算机科学中，算法是一个有限的、定义明确的、可在计算机上实现的指令序列，通常是为了解决一类问题或进行计算。算法总是不含糊的，是作为执行计算、数据处理、自动推理等任务的规范。 — 维基百科通俗一点来说，算法就是用来解决一类问题或者进行计算的，但是需要有一个明确的数学或者计算机科学定义，可以在计算指令上实现。

话不多说，我们直接进入正题，看看什么是 GitHub 。维基百科上面给出的解释是这样的：GitHub 是一个利用 Git 进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务。 ——维基百科简单来说，Git 就是是一个管理你的「代码」的工具。

阿里云 AI (https://ai.aliyun.com) 致力于构建最全面、最开放、最前沿的AI开放平台，从 2015 年开始，阿里云推出 AI 产品，包括语音识别，还有图像识别、视觉识别等 130 多款细分产品，适用于 300 多个场景。阿里云的 AI 解决方案阿里云提供了提供最易用的 API、SDK 等开发组件，助力企业快速高效的实现产品升级。对每项产品提供多种编程接口，包括：Python、Java、C++、ios、Android、Restful 等。以语音合成为例，阿里云 AI 的语音合成 Python SDK 提供了如下接口：SpeechSynthesizer，设置语音合成请求参数，发送语音合成请求。SpeechSynthesizerCallback，用于获取语音合成结果。

我们都知道，什么事情都不可能是十全十美的。抛开 RabbitMQ 不说，在互联网行业中的其他工具，也不能百分百保证每时每刻都在正常工作，更何况是涉及到消息通信的工具。RabbitMQ 在传递消息时，由于一些客观原因或者是其本身的原因，可能会出现，在有大批量消息传递时，所有的消息不能百分百传递到目的地的问题。RabbitMQ 在设计之初就考虑到了这个问题的出现，所以，RabbitMQ 提供了内置的消息补偿机制，这里我们简单做一下介绍。当存在大批量的消息都需要经过 RabbitMQ 来投递时，RabbitMQ 会将这些消息划分成若干组，然后通过为组设置顺序的方式，来依次投递这些消息。如果在任意一组中，出现了消息未能投递到目的地的现象，那么， RabbitMQ 会将该条消息进行短暂的存储，待其他消息都到达目的地后，RabbitMQ 会重新将该条消息进行投递，然而，这个过程执行的时间是微乎其微的，几乎近于实时。

关于 Nginx，百度百科的介绍如下： Nginx （engine x）是一个开源、高性能的 HTTP 和反向代理 Web 服务器，同时也提供了 IMAP/POP3/SMTP 服务”。首先，对 Web 服务器做一个简要说明：Web 服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以向浏览器等 Web 客户端提供文档，也可以放置网站文件，让全世界浏览。可以放置数据文件，让全世界下载。常见的 Web 服务器有: Apache、Nginx、微软的 IIS 和 Tomcat。比如当我启动 Nginx 服务后，服务监听服务器上的端口，当从外面访问这个 ip+ 端口 的地址时，我们能对应访问服务器上的某些静态文件，或者动态服务响应，对相应的 http 请求进行处理并返回某个结果。这样就是通过浏览器和 Web 服务器（也就是 Nginx ）进行交互。Nginx 是由俄罗斯的工程师 Igor Sysoev 在 Rambler 集团任职系统管理员时利用业余时间所开发高性能 web 服务，官方测试 Nginx 能够支撑 5 万并发链接，并且 cpu、内存等资源消耗却非常低，运行非常稳定，所以现在很多知名的公司都在使用 Nginx 或者在此基础上进行了二次开发，包括淘宝、新浪、百度等。对于中小型企业而言，开源免费而又性能强大的 Nginx 必然也是首选，后续我们将看到一组统计数据来说明 Nginx 的应用之广泛。

什么是 Lambda 表达式呢？维基百科是这样定义的：Lambda expression in computer programming, also called an anonymous function, is a defined function not bound to an identifier. ——维基百科翻译过来就是 Lambda 表达式也叫作匿名函数，是一种是未绑定标识符的函数定义，在编程语言中，匿名函数通常被称为 Lambda 抽象。换句话说， Lambda 表达式通常是在需要一个函数，但是又不想费神去命名一个函数的场合下使用。这种匿名函数，在 JDK 8 之前是通过 Java 的匿名内部类来实现，从 Java 8 开始则引入了 Lambda 表达式——一种紧凑的、传递行为的方式。

首先我们点击一个成熟的网页。这里以百度为例。大家可以访问百度等成熟的商业网站，然后单击Ctrl+S，再弹出的页面中点击保存，即可把百度首页的HTML保存下来（同时会带一些CSS文件和JS文件）。还是那句话，学习网页设计没有捷径可走，最好的方式之一就是学习前人设计的网页的思路和技巧，在自己的理解基础上，进行积淀，才能成为一个合格的网页设计师。下面我们来具体的看一看用 Dreamweaver CC 2018 设置界面外观具体需要哪些步骤：第一步：我们先把保存到电脑内的百度网页导入到 Dreamweaver CC 2018 中。点击文件，再点击打开。选择刚刚保存的百度首页。导入后点击屏幕上方的拆分视图，即可在一个页面中同时观察到网页的预览效果和代码效果。第二步：为了学会在 Dreamweaver CC 2018 中设置外观的方法，我们需要打开属性面板。认真学习本教程的同学们不难发现，如何打开属性面板，我们在前两节中就有过相关的讲述，在此就不赘述。打开属性面板后，我们鼠标左键单击上方实时视图的时候可以发现，属性面板中显示的内容在动态的跟随我们的点击变化。如下图所示。这个时候，我们只需要在属性面板中修改你想要改变的外观属性之，就可以达到修改CSS，进而外观的作用了。

闭包的英文是 closure，维基百科中闭包的严谨定义如下：在计算机科学中，闭包（英语：Closure），又称词法闭包（Lexical Closure）或函数闭包（function closures），是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。—— 维基百科在本节，以上一节具体的例子说明和理解闭包的概念，上一节的例子程序如下：def outter(): local = 123 def inner(): print('Inside inner, local = ' % local) return innerclosure = outter()closure()在第 2 行，局部变量 local 就是自由变量在第 5 行，内部函数 inner 引用了局部变量 local (即自由变量)因此，对照闭包的定义，外部函数定义了局部变量 local，引用了局部变量 local 的内部函数 inner 就是闭包。闭包的独特之处在于：外部函数 outter 创造了局部变量 local， 即使外部函数 outter 已经执行完，内部函数 inner 仍然可以继续访问它引用的局部变量 local。

运行期判断是指代码已经编译到发行包里面，所以我们还是需要来判断当前是在哪个平台上面运行。这个时候可以使用 uni.getSystemInfoSync().platform 方法来判断当前的平台是Android，iOS还是小程序开发工具。在百度小程序开发工具、微信小程序开发工具、支付宝小程序开发工具中使用 uni.getSystemInfoSync().platform 返回值都是 devtools，所以我们只能知道当前是小程序开发工具，不能继续往下细分了。实例：switch(uni.getSystemInfoSync().platform){ case 'android': console.log('运行在Android平台上面') break; case 'ios': console.log('运行在iOS平台上面') break; default: console.log('运行在开发者工具上面') break;}

信息的搜集往往不是单一的，是由类似上面列举的很多方式的组合。我们经常听到一个词 人肉搜索，大家都很惊讶网络神人技术太强，其实主要还是因为我们散布在网上的资料信息太多了。这些零碎的资料拼一拼还是能获得很全的信息的。搜索引擎随便输入你的名字，或者外加几个关键词可能查到你在哪所学校，参加了某某活动，获得了某某名次的奖励你在哪所公司，缴交的一些社保信息你在某个网站的评论根据你的昵称到 QQ 上面搜索，同一个昵称到处用概率还是很大的，如果有手机号那就更加准确了，紧接着可以根据你的 QQ 空间获取更多你私人的信息。（这以前是非常好查的，现在腾讯也一直在完善信息安全这块）也可能是到其他平台去搜索：微博，头条，人人网，58同城 等照片网上搜索相似百度搜索引擎就有根据图片搜索到功能到政府的一些网站，如 信用xx ，上面根据法人名字也能搜索不少有价值的东西。

维基百科：关键字Distinct用于返回唯一不同的值。慕课解释：有时候，查询结果中会包含重复的信息，如年龄，很多人是同龄人，而我们只需要不同年龄的数据，加上 Distinct 关键字我们就可以获得不重复的数据。

淘宝网：<html> <head> <title>淘宝网 - 淘！我喜欢</title> </head></html>百度首页：<html> <head> <title>百度一下，你就知道</title> </head></html>