App.js

1. 文件一：网络请求的服务配置 const config = { // 测试 baseUrl: 'https://+域名+/login', ....... } export default config 2. 文件二：请求处理的封装： function post(url, params, onSuccess, onFailed) { request(url, params, "POST", onSuccess, onFailed); } function get(url, params, onSuccess, onFailed) { request(url, params, "GET", onSuccess, onFailed); } /** * function: 封装网络请求 * @url URL地址 * @params 请求参数 * @method 请求方式：GET/POST * @onSuccess 成功回调 * @onFailed 失败回调 */ function request(url, params, method, onSuccess, onFailed) { wx.showLoading({ title: "正在加载中...", }) var header = { 'content-type': 'application/x-www-form

1. Nodejs Nodejs是一种服务器端js脚本运行环境； Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎 ##2. Express开发框架 极简的web框架，完全是由路由和中间件组成，一个express应用就是在调用各种中间件 ##3. Nodejs 与 Express 关系 Express是基于Nodejs的应用开发框架，开发框架就是它们接收 HTTP 请求，读取数据，渲染HTML，返回HTTP响应。 Express简化了Nodejs的http协议的对外提供过程 4. 搭建Nodejs环境 1. 安装nodejs - 安装nodejs的时候，会把nodejs和npm一起安装好；（可通过node -v 或 npm -v来判断nodejs是否安装成功） 去官网 ( https://nodejs.org/ ) - DOWNLOAD里面的LTS中下载对应操作系统的nodejs包； nodejs官网中的LTS和Current版本介绍： LTS：长期支持版本；优点：稳定可靠； 缺点：没有最新的功能； 用于开发环境； Current：最新版本 ；优点：有最新的功能；缺点：不稳定可靠；用于测试环境，测试最新功能； <img src="https://img2018.cnblogs.com/blog/1516266/201903/1516266

简介 轻应用 ：可运行在 轻量级 嵌入式设备上的 JavaScript应用 （左图） 轻应用框架 ：封装了JavaScript引擎和API接口，用于支持轻应用开发的 软件框架 （右图） 特点 轻巧 ：基于事件驱动的JavaScript轻应用短小精悍，免编译、免烧录 快速 ：结合阿里云物联网平台，一键完成应用代码热更新 简单 ：JavaScript API 简洁易懂，大幅降低IoT嵌入式设备应用开发门槛 兼容 ：轻松移植JavaScript生态软件包，与各类云端业务浑然一体 运行原理 丰富的组件支持 基础组件 文件系统 FS 系统信息 SYS 键值对存储 KV 电源管理 LPM 硬件I/O UART/GPIO/I2C/SPI 模数/数模转换 ADC/DAC 脉宽调制 PWM 定时器 TIMER 实时时钟 RTC 看门狗 WDG 网络协议 UDP/TCP/HTTP/MQTT 高级组件 物联网平台 连接组件 支付组件 语音组件 传感器服务组件 定位服务组件 外设驱动库 编码电机/步进电机/伺服电机/继电器 麦克风/语音录放模块/扬声器 PS2摇杆/电容触摸/按键 TFT彩屏/数码管/三色灯 加速度计/陀螺仪/电子罗盘/气压计/磁力计 温湿度/颜色/光照强度 更多 文件结构 一个最精简的轻应用包由最少两个文件组成，必须放在项目文件夹的根目录 app/ ├── app.js # 业务逻辑入口

基础篇 理论知识 graphQL介绍 GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。它由Facebook开发和开源，强烈地表达了代码即文档的期望。能够精确有效地得到数据，没有冗余。 如果你想了解API设计的相关文章，那么我建议你去了解下SOAP协议，然后是Restful API协议，在业务不是很复杂的情况下，正常的Restful API的设计已经够用了，我们的graphQL的出现就是克Restful API的一些局限性的，遗憾的是，在企业中你想推翻一种技术去使用一种新的技术阻力还是蛮大的，任重而道远，所以在国内如果想去实践一番，要去那种“很新的公司”，重新设计技术架构方案。作为一个技术人，我们能做的是，热爱它，至于它好还是不好，留给时间去证明吧！ graphQL的优点 可定制程度化高 所见即所得，各种不同的前端框架平台可以指定自己需要的字段。查询的返回结果就是输入的查询结构的精确映射 灵活的API聚合 一定条件下，只需要一次网络请求，就能获得资源和子资源的数据。 代码即文档 GraphQL 会把schema 定义和相关的注释生成可视化的文档。 参数类型强校验 GraphQL 提供了强类型的schema 机制，从而天然确保了参数类型的合法性。 graphQL类型系统 标量类型 Int Float String Boolen ID 其他高级数据类型

[TOC] React 了解 React 是一个用于构建用户界面的 JAVASCRIPT库。 React 主要用于构建UI，可以理解为React 是 MVC 中的V(视图)。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站。 React 拥有较高的性能，代码逻辑较为简单。 React 特点 1.声明式设计 —React采用声明范式，可以轻松描述应用。 2.高效 —React通过对DOM的模拟，最大限度地减少与DOM的交互 3.灵活 —React可以与已知的库或框架很好地配合。 4.JSX —JSX是 JavaScript 语法的扩展。React开发不一定使用 JSX，官方建议使用。 5.组件 —通过React 构建组件，是的代码更加容易得到复用，能够很好的应用在大项目的开发中。 6.单向响应的数据流 —React实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。 快速构建一个React开发环境 1、创建本地文件夹，保存React项目 2、通过控制台输入 npm install -g create-react-app 使用npm安装create-react-app 3、完成上面的步骤之后，输入 create-react-app my-app 来创建一个项目 my-app 是创建出来的React 项目。 4

Babel 是一个 JavaScript 编译器 Babel 是一个工具链，主要用于将 ECMAScript 2015+ （ES6+，IE不支持ES6+语法，所以要支持IE，项目中引入Babel还是很有必要的）版本的代码转换为向后兼容( 向后兼容 ：兼容以前的； 向前兼容：兼容未来的 )的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情： 语法转换 通过 Polyfill 方式在目标环境中添加缺失的特性 (通过 @babel/polyfill 模块) 源码转换 (codemods) 以下以gulp打包工具为例： 1.安装 npm install --save-dev gulp-babel 2.使用 var gulp = require("gulp" ); var babel = require("gulp-babel" ); gulp.task( "default", function () { return gulp.src("src/app.js" ) .pipe(babel()) .pipe(gulp.dest( "dist" )); }); 3.创建 .babelrc配置文件 3.1安装preset-env npm install @babel/preset-env --save-dev 3.2创建

1. 获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可直接使用服务号或订阅号的 注意：如果要以非管理员微信号在手机上体验该小程序，那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。 2.下载安装开发者工具: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1483914291 安装windows64位版本 扫码 选择：本地小程序项目->添加项目-> AppID: 项目名称：测试项目 项目目录：G:\www\微信小程序项目 点添加项目按钮 3.编写代码 点左侧编辑，看见右侧 app.js、app.json、app.wxss 这三个。 其中， .js后缀的是脚本文件，app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API，如本例的同步存储及同步读取本地数据 .json后缀的文件是配置文件，app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色

##引言 React Native路由导航，有它就够了！该文档根据 React Navigation 文档翻译，有些内容会根据自己的理解进行说明，不会照搬直译，若发现理解有问题的地方，欢迎大家提点！由于本人是基于iOS开发，安卓版本的目前还没有去实践运行，后续有时间会去实践，如果遇到问题，可以@我。最后，这边针对iOS运行的时候遇到的问题也有汇总，并提供解决方案。最后的最后，由于本片文章会很长，所以推荐一个Chrome插件，可以自动根据文章中的h1~h6生成目录，方便查看章节内容，在编写文章时也可以用哦！ Smart TOC ，点击安装后，如下图操作： 基本原理 1 开始 如果您已经熟悉React Native，那么您将能够快速上手React导航!如果没有学习过，你需要先读 React Native Express 的第1 - 4部分(包括第4部分)，读完后再回到这里。 本文档的基础部分介绍React导航的最重要的方面。它足以让您了解如何构建典型的小型移动应用程序，并为您提供深入了解React导航更高级部分所需的背景知识。 1.1 安装 在RN项目中安装您需要的包 npm npm install @react-navigation/native 复制代码 yarn yarn add @react-navigation/native 复制代码 React导航由一些核心工具组成

来源于: https://yunp.top/app/index <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> <div id="vueapp"> <div> <audio controls ref="audio"></audio> </div> <div> <select v-model="selectedAudioDeviceIndex"> <option v-for="(d,index) in audioInputDevices" :value="index">{{d.label}}</option> </select> </div> </div> <script src="app.js"></script> </body> </html> (async function () { // let devices = await navigator.mediaDevices.enumerateDevices(); // // console.log(devices); let stream = await navigator.mediaDevices

一、 简介 Elasticsearch是一个高度可扩展的开源全文搜索和分析引擎。它允许您快速，近实时地存储，搜索和分析大量数据。它通常用作支持具有复杂搜索功能和需求的应用程序的底层引擎/技术。 架构图： 二、安装前准备 服务器环境 Node1: ES、 Node2： ES、filebeat、logstash Node3： ES、kibana 1、系统优化（在正式安装前需要进行系统优化，负责无法启动） 单个JVM下支撑的线程数 vim /etc/sysctl.conf vm.max_map_count=655360 vm.swappiness=0 修改文件句柄数 root用户设置 vim /etc/security/limits.conf root soft nofile 65535 root hard nofile 65535 * soft nofile 65536 * hard nofile 65536 * soft memlock unlimited * hard memlock unlimited 普通账户设置 （es使用非root启动） vim /etc/security/limits.d/20-nproc.conf * soft nproc 65535 * hard nproc 65535 root soft nproc unlimited 2、基础环境 #配置主机名